新ハイレベルCSS実践講座 名古屋に行ってきました。

講師はサイバーガーデンの益子 貴寛 さんです。６時間に渡るボリュームたっぷりの講座でした。会場では１人１台Windows XPあり、ブラウザはIE6からSafari、Firefoxなどで実際に検証しながらサイトを作って行くことができます。Windows XPがかなり動きが快速でした。（会場のイスもふかふかでした。）スライドのPDFデータが手元にあるため、作業に集中していて聞き逃してしまっても、ついて行くことができます。

内容

• CSSセッティングとリセットスタイルの最適化
• CSSハックとブラウザ調整の実践
• CSS2.1とCSS3をつかった基本テクニック（セレクタ、カラー、レイアウトなど）
• CSS2.1とCSS3をつかった応用テクニック（ビジュアルエフェクトなど）
• マルチデバイスCSSの設計方法
• プリンタ用スタイルシートの実習
• モバイル用スタイルシートの実習
• 補足：HTML5の概要と実践

CSS3をIEなどのブラウザで対応させる方法、jQueryでCSS3を対応させる方法、CSS3でできるリッチな体験など、IEでもCSS3を対応させる事が出来る事に驚きました。
あとこれからのアクセビリティの動向、Googleサービス、パフォーマンス、HTML5でどうマークアップして行くかなど色んなお話を聞くことができました。HTML5で制作されたサイトを集めた、HTML5 Galleryもすごく参考になるなぁと思います。

色んな最新の情報が聞けるのでとてもオススメです。

CSS特集です！

今回、新ハイレベルCSS実践講座の益子 貴寛さんはWeb Designing 2010年3月号でCSSについて執筆するそうです。
あとCSS Nite LP, Disk 9「Coder's Higher」で発表されるようです。

acms.jsでもゼブラ柄に出来るか？

jQueryではIEでも:nth-child(even)を使って、偶数のテーブル列に背景色を対応させることができます。a-blog cmsにjQuery1.2.6が入っているのでやってみましょう！ IE6,IE7,IE8にもゼブラ柄にすることができました

<script type="text/javascript">
$(function(){
  /* ゼブラテーブル */
  $(".entry tr:nth-child(even)").css("background-color","#dbd49e");
});
</script>

関連タグ：サイバーガーデンbiz CSS 

関連エントリー

上記のエントリーについているタグと関連にするエントリーをいくつかピックアップしています。