アップルストア名古屋栄にて開催された、「CSS Reloaded」というイベントに参加してきました。

SwapSkills公式サイト: 名古屋「CSS Reloaded」CSS3の実践的な使い方をご紹介！アップルストア無料イベント

CSS3の現状のお話から、CSS3のセレクタやプロパティの紹介、クロスブラウザについてのお話まで、サンプルを見せていただきながら、1時間でかなり盛りだくさんの内容でした。

私がCSS3で気になるのは、structualセレクタ、コラム指定ができるmulti column textプロパティ、要素を変形させるtransform、アニメーションが出来るtransitions。

特にmulti column textでは、CSS書きの人がいつも悩まされる「コラム」が実に簡単に指定できるみたいです。
具体的には、コラムの数や幅、コラム同士の間隔や線の指定ができる。

transformやtransitionsは、Flashを使わずにCSSだけでも変形が簡単にできて、デザインの実装の敷居が低くなりそうです。

スピーカーの菊池さんのお話の中で印象深かったのは、クロスブラウザについてのお話。
クロスブラウザというのは、見栄えが一緒であること、ではなくて、ユーザーにとって「使いやすいこと」「長く滞在できること」が大切で、ブラウザが違ってもユーザーエクスペリエンスを高められることだ、と。

新しいブラウザがどんどん登場して、Webデザイナーはその対応に追われてしまいますが、あくまでもユーザーが使いやすいサイト作りをいつも念頭において、柔軟に作りたいものです。

スライドは以下に公開されています。
CSS Reloaded Ja
イベントで使われていたCSSエディタ「StyleMaster」
style master CSS Editor for Windows and Mac OS X

■出典元：CSS Reloaded
■著者；John Allsopp
■リンク：Web Directions East

関連タグ：CSS Web