2006年03月17日

CSS Nite Vol.6:みんな大好き、角丸

毎月第3木曜日にApple Store Ginzaにおいて開催されている定例イベント「CSS Nite」の6回目です。 第1部では、ゲストの境祐司氏による「仕事に役立つ「CSSプランブック」のススメ」と題したプレゼンテーションが、第2部では主催者でもある株式会社スイッチの鷹野雅弘氏による「みんな大好き、角丸」と題したプレゼンテーションがそれぞれ行われました。

今回は事前に「MACお宝鑑定団」から開催の告知が発せられる等、回を重ねる毎に注目度が増している感のあるCSS Nite。今回のゲストでもあり、自らの仕事を「Hidden Work」と称していた境祐司氏による「仕事に役立つ「CSSプランブック」のススメ」と題した講義は、現在の高校教育における必修科目でもある「情報B」にて提供されている内容をプレゼンテーション用にアレンジした形で行われ、過去のWebデザインの振り返りや今後の展望等をタイムラインシンキングを交えた形で解説。今一度自分の立ち位置を認識すべし、といった内容にて進行されていました。そして、過去のWebデザインの振り返りの中では、
  • 1993年におけるNetscapeの前身「Mosaic」の登場
  • 95年のWindows 95発表。流行語大賞における「インターネット」の選出。同年より沸き起こった「font」論争
  • 96年の「CSS1」勧告。「Netscape Navigator 2.0」の登場
  • 97年の「Netscape Communicator 4.0」「Internet Explorer 4.0」の登場。沸き起こるブラウザ戦争と独自仕様の乱立
  • 同時期に登場したテーブルグリッドシステムと、それに伴うCSSセミナー等の消滅
  • 98年の「CSS2」の勧告
  • 99年に登場した「Dreamweaver 2.0J」によるテーブルグリッドシステムの採用と、テーブルレイアウトの隆盛
  • 2001年〜2002年におけるWebデザイン専門誌の創刊と「Wied」のリニューアル
  • 2004年頃から主流になり始めたXHTML & CSSをメインにした段組レイアウトのノウハウと、CSSハック情報の普及
といった事象がそれぞれ解説され、階層的な教育システムにおける「CSSの基礎」から、現在の主流でもある「擬似的段組方法の習得」、或いは「ブラウザの理解」や「安定したCSSハック」の適用方法等の採用も紹介されていました。他にも「Opera」や「Firefox」で先行実装されている「CSS3」における段組設定の合理化や、角丸定義の実装等も教育内容に含まれているとの事。現在の高校教育の内容に対する驚嘆が印象的で、後半に話されていたセマンティックWebの紹介等は、近未来に訪れるであろうユビキタス社会との関連においても非常に興味深い内容で、機会があればじっくり再受講してみたい、と思える程、充実した内容だったと思います。

そして後半の鷹野雅弘氏による「みんな大好き、角丸」と題したプレゼンテーションでは、Webデザインにおける角丸やシャドウの実装を、CSSによって実現するための手法の解説。XHTMLソース上でリストのみの定義となっているテキストを、CSSを使ってタブ形式のナビゲーション(外観のみで見るとAppleのWebサイトの上部に実装されているタブ形式のナビゲーションに近いイメージ。構造は全く違うようですが)に仕上げてしまうデモンストレーション等も紹介。自分のWebサイトにも近いイメージのものを取り入れてみたい、と思ったりもしましたが、まずは鷹野氏のメルマガ「DreamweaverではじめるWeb標準 〜XHTMLとCSSで構築するWebサイト〜」を参考にしつつ、しっかり理解していきたいと思っております。他ではMacBook Pro上でのDreamweaverの動作にも注目してみましたが、こちらは軽快に動いていたようですね。あくまでも目で見た印象としてですが、懐疑的な声も多い「Rosetta」の性能に関する1つの指標として参考にさせて頂きたいと思っております。

※関係者の皆様とApple Store,Ginzaの方々には感謝の意を表します。

【関連Link】
タグ:CSS Nite
posted by Flipper at 00:40 | Comment(2) | TrackBack(2) | Event/Seminar
この記事へのコメント
毎度エントリーありがとうございます。
タイムラインシンキングっていうのは新鮮でしたね。

えっ、そうだっけ?と年は正しく記憶していても、ずいぶん、私の意識の上では「ねじれ」がありました。

そうですね、Dreamweaverはあまり重いと感じませんが、DragThingにドラッグできないんですよ〜 iMacでも同様でした。
テスト不足?
Posted by 鷹野雅弘 at 2006年03月18日 00:47
鷹野雅弘様、いつもありがとうございます。
境さんの講義は新鮮な驚きが沢山あって、とても勉強になりました。最近の高校教育は凄いのですね。他にも色々ありそうで、羨ましいような、うかうかしていられないような……
DragThingはユニバーサル版ですか?そうだとしたらDreamweaver側の問題でしょうから、対応待ちですかね。私もMacBook Pro欲しいのですが……
財布と相談です(笑)
Posted by Flipper at 2006年03月18日 23:58
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

CSS Nite Vol.6(ゲスト:境祐司氏)
Excerpt:  会社が終わってから銀座に直行し、「アップルストア銀座」で開催された「CSS ...
Weblog: モカの腹
Tracked: 2006-03-17 11:32

CSS Nite Vol.6、終了しました
Excerpt: 第1部では、境祐司氏が『仕事に役立つ「CSSプランブック」のススメ』と題し、プレ...
Weblog: CSS Nite公式ブログ
Tracked: 2006-03-18 01:05