@@ -29,18 +29,37 @@ Hard resetは@<list>{hard-reset}のように書くだけの簡単なReset CSSで
29
29
30
30
== Eric Meyer' s Reset CSS
31
31
32
- Eric MeyerというCSSへ対しとても貢献している人がいます。
33
- 最近だとその貢献が認められ、CSS Color Module Level 4に彼の亡くなってしまった娘の名前を元にした「rebeccapurple」という色の名前が入ったということでも有名です@<fn>{rebeccapurple}。
32
+ Eric MeyerというCSSへ対しとても貢献している人がいます。彼の功績を挙げると次のとおりです@<fn>{eric-meyer-linkedin}。
33
+
34
+ * オライリーから出版された@<kw>{CSS: The Definitive Guide}@<fn>{css-the-definitive-guide}(日本語版は@<kw>{CSS完全ガイド}@<fn>{css-complete-guide})を執筆
35
+ * 上記の本以外にも多数の本を執筆@<fn>{eric-meyer-biblio}
36
+ * css-discuss.orgの立ち上げ@<fn>{css-discuss}
37
+ * スライドショー用のファイルフォーマット@<kw>{S5}を考案@<fn>{s5}
38
+ * Netscape DevEdgeやCase Western Reserve University、Encyclopedia of Cleveland Historyのプロジェクトリーダーとデザイナーだった
39
+
40
+ #@# prh:disable
41
+ //footnote[eric-meyer-linkedin][https://www.linkedin.com/in/meyerweb/]
42
+ //footnote[css-the-definitive-guide][http://shop.oreilly.com/product/9780596527334.do]
43
+ //footnote[css-complete-guide][https://www.oreilly.co.jp/books/487311232X/]
44
+ //footnote[eric-meyer-biblio][https://en.wikipedia.org/wiki/Eric_A._Meyer#Bibliography]
45
+ //footnote[css-discuss][http://www.css-discuss.org/]
46
+ #@# prh:disable
47
+ //footnote[s5][https://en.wikipedia.org/wiki/S5_(file_format)]
48
+
49
+ 最近ではその功績にコミュニティが敬意を払い、彼の6歳で夭折した娘の名前をCSSの色名(@<code>{beccapurple})として追加しようと提議されました@<fn>{becca-purple}。
50
+ そして本人と夭折した娘の要望@<fn>{rebecca-purple}により@<code>{rebeccapurple}としてCSS Color Module Level 4@<fn>{css-color-module-level-4}に追加されました。
51
+ //footnote[becca-purple][https://discourse.wicg.io/t/name-663399-becca-purple-in-css4-color/225]
52
+ #@# prh:disable
53
+ //footnote[rebecca-purple][http://meyerweb.com/eric/thoughts/2014/06/19/rebeccapurple/]
54
+ //footnote[css-color-module-level-4][https://drafts.csswg.org/css-color/#named-colors]
55
+
34
56
そのEric MeyerがHard resetの問題点を指摘した上で作ったReset CSSがEric Meyer' s Reset CSSです。
35
57
#@# prh:disable
36
58
Eric Meyer' s Reset CSSのソースコードは@<href>{http://meyerweb.com/eric/tools/css/reset/}にあります。
37
- //footnote[rebeccapurple][https://cpplover.blogspot.jp/2014/06/rebeccapurplecss-4-color.html]
38
59
39
60
Hard resetの問題点ですが、全称セレクタを使ってmarginやpaddingを0にするやり方は、フォーム関連の要素に対してどういった影響があるか分からないと書いてあります。
40
61
そしてmarginやpaddingを0にするだけでなく、一貫したフォントに関わるスタイル宣言をしたかったとも書いてあります。
41
- また全称セレクタは名前空間が指定されていない場合はすべての要素にマッチしてしまうため、とても処理コストが高いセレクタです。
42
-
43
- そのため明示的に要素を指定して個別にリセットしていくことで、そういった問題を解決できると思って書かれたのがEric Meyer' s Reset CSSです。
62
+ そのため明示的に要素を指定して個別にリセットしていくことで、問題を解決できると思って書かれたのがEric Meyer' s Reset CSSです。
44
63
45
64
== YUI 3 Reset CSS
46
65
0 commit comments