modern-normalize

3ステップで試す

1. 1

   modern-normalize 3.0.1を一時projectへ導入する

   stable releaseを固定し、modern browser向けnormalizationを確認します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/modern-normalize.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact modern-normalize@3.0.1コピー
2. 2

   modern-normalizeを読み込むHTMLを作る

   latest Chrome/Firefox/Safari向けのbase stylesheetを単一CSS fileとして読み込みます。

   printf "%s\n" '<!doctype html>' '<html><head><link rel="stylesheet" href="./node_modules/modern-normalize/modern-normalize.css"></head>' '<body><main><h1>Modern normalized page</h1><button>Button</button></main></body></html>' > index.htmlコピー
3. 3

   modern-normalize固有のbase ruleを確認する

   normalize.cssとの差分であるglobal border-boxと読みやすいtab sizeが含まれることを確認します。

   grep -q "box-sizing: border-box" node_modules/modern-normalize/modern-normalize.css && grep -q "tab-size: 4" node_modules/modern-normalize/modern-normalize.cssコピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Linaria12,350 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  CSS-in-JSのauthoring experienceを保ちつつ、styleをbuild時にstatic CSSへextractする

  TypeScript
• PurgeCSS8,050 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  content fileをscanして実際に参照されるselectorだけを残し、unused CSSを削減する

  TypeScript
• Bootstrap174,991 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  responsive grid・utility・componentをCSS/Sassとnative JavaScriptから組み立てるfrontend framework

  MDX
• Electron123,388 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  ChromiumとNode.jsを同梱し、HTML・CSS・JavaScriptから3 OS向けdesktop appを構築するruntime

  C++
• Animate.css82,849 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  classを追加するだけで再利用可能なCSS animationをUIへ適用する

  CSS
• normalize.css53,505 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  browserのuseful defaultを残しながら、default styleの差異と既知bugを補正する

  CSS