Skip to content

Commit a9663dc

Browse files
committed
fix(ch02): Eric Meyerの説明を本の虫に頼らない形にした
fix #8
1 parent 9e73619 commit a9663dc

File tree

1 file changed

+25
-6
lines changed

1 file changed

+25
-6
lines changed

articles/ch02.re

Lines changed: 25 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -29,18 +29,37 @@ Hard resetは@<list>{hard-reset}のように書くだけの簡単なReset CSSで
2929

3030
== Eric Meyer's Reset CSS
3131
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+
3456
そのEric MeyerがHard resetの問題点を指摘した上で作ったReset CSSがEric Meyer's Reset CSSです。
3557
#@# prh:disable
3658
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]
3859
3960
Hard resetの問題点ですが、全称セレクタを使ってmarginやpaddingを0にするやり方は、フォーム関連の要素に対してどういった影響があるか分からないと書いてあります。
4061
そしてmarginやpaddingを0にするだけでなく、一貫したフォントに関わるスタイル宣言をしたかったとも書いてあります。
41-
また全称セレクタは名前空間が指定されていない場合はすべての要素にマッチしてしまうため、とても処理コストが高いセレクタです。
42-
43-
そのため明示的に要素を指定して個別にリセットしていくことで、そういった問題を解決できると思って書かれたのがEric Meyer's Reset CSSです。
62+
そのため明示的に要素を指定して個別にリセットしていくことで、問題を解決できると思って書かれたのがEric Meyer's Reset CSSです。
4463

4564
== YUI 3 Reset CSS
4665

0 commit comments

Comments
 (0)