メモログ

Zeldmanが自身のサイトのリデザインについて自分のサイトと.net Magazingで解説しています。

HTML5になってb要素の定義が変更されている。4.01のときの仕様はAlignment, font styles, and horizontal rules in HTML documentsに書かれていて、太字でスタイリングされることが書かれている（強調表示みたいな含意がある…ように思ってたけど、覚えてない）。HTML5での定義はHTML5 differences from HTML4や4.6.17 The b element — HTML5で、下記のように書かれている。

少し前にEric’s Archived Thoughts:Invented Elements、Eric’s Archived Thoughts:Customizing Your Markup、Eric’s Archived Thoughts:Element Customizationで解説されていた話。

Favicons Next To External Links | CSS-Tricksという、リンクの左側にリンク先のfaviconを表示するというテクニックが紹介されていて、試してみました。簡単にできて、見た目にも華やかになるので面白い（個人的に）。

Performance Calendar » CSS Selector Performance has changed! (For the better)にWebkitでCSSのマッチングの最適化が進んでいるという話が掲載されていて、下記の4つ最適化方法について紹介しています（via * { box-sizing: border-box } FTW « Paul Irish）。という話の紹介。

HTML for Icon Font Usage | CSS-Tricksでアイコン用フォントを使用して、対象の左側にアイコン画像を表示するという方法が紹介されているのですが、その中でスクリーンリーダー対策として「aria-hidden」という属性を入れている。

（追記 2013/1/30）Packageの名前がZen Codingから「Emmet」に変わっていました。ので、Packageの名前をEmmetに差し替えました。あわせて最後に書いていたスニペットの変更方法もちゃんとした（？）方法に書き換えました。

（そのままではないか）

たとえば以下のようなHTMLがあるとして、

いまさらながらのfloatとwidth:autoの話。

Building a modern grid system | Tutorial | .net magazineにwidthをパーセントで指定したresponsiveなgrid（で、かつネストできてサイズの変更が簡単で…云々）を作成するという話が掲載されている。