読者です 読者をやめる 読者になる 読者になる

HTML5/CSS3モダンコーディング 読了

html5 css css3

非常に良いです。とても身のある本でした。
対象は、初級者から中級者程度かな。入門書ではないです。 IE9以降の基本となる内容でした。
いつもはbootstrap使っちゃうエンジニア向けにもいいと思います。
 
最近はあまりhtml/css書かないので、知らないことが沢山あってとても楽しかったです。
例えば以下のようなお話。

rem と fotn-size: 62.5%;

html に font-size: 62.5%: を指定しており、その理由が 主要ブラウザのデフォルトフォントサイズが16pxであることから 10px相当にするために設定しているとのこと。 なるほど。

box-sizing: border-box;

width/heightの指定がpadding, borderを含めてしまうので これを入れておくとより直感的に%指定ができる。
なにこれ、最高やん。

*, *::before, *::after {
  box-sizing: border-box;
}

他にも

letter-spacing: 1px;、datetime、cssカウンタ、HTML5では「実体文字参照よりutf-8」推奨、 background-size: cover; など沢山学べました。

 
ただ、こういうのを自らバリバリ書けるようになるには、量が必要だなとも感じました(当たり前ですが)。
あと一人で書くときは、ざっくりしかデザインしませんが、細部にはこだわるなら各要素のサイズ決めとかモックとか大事だなとも(これも当たり前か)。