OOMORI.lunch

Web標準に関する良書を教えてください

っていうわけで、早速自分も書き込んで来た。自分が書いたのは、世界の「最先端」事例に学ぶ CSS ベスト・プラクティスだ。これの元となるコラムを読むために、WebDesigningを買っていたりする。

本当は真っ先に思い浮かんだのは、Web標準の教科書。まさにタイトル通り。当然ながら既に追加されていたので、ベストプラクティスの方をチョイスした。

最近では割と一般的になってきたWeb標準だけど、新人とか、HTMLなどを学びたいと思っているエンジニアに、Web標準について教えて欲しいと言われることがあると思う。そういったときに、「これがオススメだよ」と言える本を是非書き込んで欲しい。

markItUp

TinyMCEとか、FCKeditorみたいな感じで、テキストエリアをリッチにしてくれるスクリプト。ライブラリはjQueryを使っている。

面白いのが、HTMLエディタとしてだけじゃなく、TextileとかMarkdownといった記法にも対応している。そういった記法で書いている人も決して少なくは無いと思うので、このあたりは重宝されそう。

普段jQueryを使ってて、リッチエディタが欲しいと思っていた人はぜひ一度お試しあれ。

よく使われる画像置換の方法と、その方法ごとの対応表をまとめている記事があったので、紹介。

Nine Techniques for CSS Image?Replacement - CSS-Tricks

例えば、画像無しのCSS有りだったり、両方無しだったり、いろいろなパターンごとにきちんと表示出来るかどうかがまとめられている。置換の方法が9つもあることに、ちょっと驚いたんだけど、それだけあっても、全部のパターンで問題なく表示できる方法ってのは無いみたいだ。

よく使うだけに、何かしら問題があるってのはちょっと気持ち悪い。このあたりは色々試行錯誤してみたいなぁ。

vimを使ってCSSを整形する手順を書いた記事を見つけたので紹介。

Reformatting a CSS file with Vim ≪ Occasionally sane

どのような手順で整形していくかは、こちらのリンクにあるスクリーンキャストを見て貰うと判りやすいと思う。スクリーンキャストの方だとEmacsでやっているようだけど、その操作をvimのコマンドを使ってやっている。

CSSは人によって書き方が違ったりするんで、そのあたりをしっかり統一したいときなどに便利だ。

最近はCSSの初期化とかはやって当たり前な感じになってきたけど、ちゃんとやろうとすると結構面倒だったりする。今回は、そのあたりの手間を省いて楽するアイテムを紹介。

Tripoli - a CSS standard for HTML rendering

Tripoliはスタイルのリセットと初期化をしてくれる、スタイルシートのライブラリ。IEと他ブラウザとの差異を吸収してくれたり、印刷用のスタイルも初期化してくれる。

似たようなもので、Blueprintとか、YAMLとかがあるけど、このあたりは色々出来ることがありすぎて、逆に使いにくかったりする。

その点でいくと、Tripoliは読み込むだけで良く、シンプルで使いやすい。自分で一から書くのは面倒だけど、少し気の利いたスタイルにしたいって人にお勧め。