WDE08 Blog: エリック・メイヤーのワークショップ内容

• 菊池
• 2008年9月24日
• 11:08 AM
• スピーカーについて 進行状況

CSSの天才とよばれるEric Meyerの、ついにワークショップ内容がEricより届きました。

うけとった当初、内容はカンファレンス関係者の間でも話題になりました。

原文のEricの表記を掲載し、日本語訳も併記いたしました。

全体的にはレベルがやはり高めの内容です。特にFirefoxの開発環境への変貌は

当然ながらfirebugをインストールするだけでは終わらない内容だと思います。

自分は海外のウェブサイトをみたり書籍をみるたびに非常に刺激をうけますが、Ericはその中でも格別ですので

参加される方は、おおきな刺激を受けることができるでしょう！

Building a (Free) Development Environment　無料で使える開発環境を構築する

- Turning Firefox into an IDE Firefoxをウェブサイト統合開発環境へと変貌させる

- Installing the right mix of tools ベストなツールの組み合わせと利用テクニック

The Cascade カスケードについて

- Understanding specificity CSSのSpecificity (個別性) の理解

- Style sources ソースコードのスタイリング

- Inheritance　強制的に継承するものしないもの

- Avoiding importance !importantの回避テクニック

Layout and Positioning レイアウトとポジショニングについて

- Floated layout floatを使ったレイアウト構築

- Understanding relative, absolute, and fixed positioning　positionプロパティ「relative」「absolute」「fixed」の理解

- Mixing floats with positioning　float と position 属性を組み合わせたレイアウトテクニック

Advanced Selection　高度なセレクタの使い方

- JavaScript extension　JavaScriptを使った拡張方法

- Structural pattern　構造パターンからの選択

- Alternate-row highlighting　交互の列をハイライトする方法

- Moving beyond ‘class’　classへの依存からの脱却

- Substring selection 文字列を利用したセレクタ

Advanced Table Styling　高度なテーブルのスタイリング

- Radically restyling tabular data　根本的にデータテーブルの見た目を変える方法

- Creating bar graphs　バーグラフの作り方

- Putting data on a map　地図上にデータを配置する方法

Eric Meyerのワークショップ詳細はこちらから

http://east08.webdirections.org/workshops/

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.