Sass関連のチュートリアルで、ここ一年の間に更新されたものを探してみた。
にはお目当てのものはほとんどなかったなぁ。
Sass Tutorial: Building An Online VCard With Sass & Compass
タイトルの通り、VCard を作りながらSassとCompassの作業を学ぶという内容。ワイヤーフレームを使ってデザインしているので、こっち方面が素人すぎる僕には楽しめる内容だった。
socialsectionのところの
text-indent: 100%; whitewhite-space: nowrap; overflow: hidden;
ってなんじゃろかと思ったら[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニックなのね。
Improve your responsive design workflow with Sass
レスポンシブ・ウェブデザインのためのグリッドシステムを作ってみようっていう内容。可変グリッドとVertical Rhythmを実装していく。
グリッドシステムは出来合いのを使うことが多いけど、どういう感じで実装されているのかを知っておけば弄りたいときに都合がいいかなと思う。
それからVertical Rhythmはこのサイトがわかりやすかった
SASS and Compass for Web Designers
スクリーンキャストだけど、時間がかかりそうなので見てない。週末用にストックしておく。