ブックマーク / withd.jp (4)

  • HTML5の実践 | クリエイティブ・タブロイド withD(ウィズ・ディー)

    少し前にJeffrey ZeldmanとEric Meyer両氏の手によってリニューアルされた、"An Event Apart"(Webサイト制作者向けのオンライン雑誌 "A List Apart"のオフラインライブイベント版)や、今年6月15日-17日にかけてロンドンで開催される、Clearleft社主催のユーザー・エクスペリエンスのワークショップ"UX London"のサイトでは、先月少しだけ紹介した"<!DOCTYPE html>"という新しい文書型宣言が採用されています(→連載 #20をご参照下さい)。 すでに個人レベルでは、可能な範囲でHTML5によるマークアップを試みる事例は見られたものの(事例1、事例2、事例3)、ウェブ業界関係のサイト、しかも実質的に採用したのは文書型宣言だけ(HTML5固有の要素や新ルールの適用は、ひとまず見合わせた感じのおとなしめのマークアップになってる

    leva
    leva 2009/01/29
    HTML5が実践で使い物になるのは少なくともIE8普及以降と考えた方がよさそう。それまでは準備期間だな
  • WDEレポートあとがき - Progressive Enhancementについて | クリエイティブ・タブロイド withD(ウィズ・ディー)

    先日、Web Directions East 2008(以下、WDE)のカンファレンスに参加してきました。詳細はカンファレンスレポートの方をご覧いただくとして、今日はそれを補完するような話題を取り上げてみたいと思います。 今回のWDEカンファレンスセッションでは、2つの共通点を見出すことができました。ひとつはJavaScript(Ajax)、Canvas、SVGHTML 5、CSS 3など、RIA(リッチ インターネット アプリケーション)に関わるような話題が多かったこと。もうひとつは、"Proressive Enhancement"(Wikipedia)(略して"PE"とも)という考え方です。 Progressive Enhancementとは? Progressive Enhancementとは、簡単にいえば、基的なコンテンツや操作はすべてのターゲットユーザー(UA)に対してアクセ

    leva
    leva 2008/12/04
    考えとしてはうなづくんだけど、実装してて感じるのはProgressiveであろうとすればするほど、legacyな存在を意識しながら実装せざるを得ないところ。CSS 1.0や透過PNGくらい対応してくれないとbasicも辛い
  • CSS 3の段組みと、その使いどころ | クリエイティブ・タブロイド withD(ウィズ・ディー)

    こんにちは! 最近、iPod Touchを入手するも、なかなか遊べてない(hackできてない?)ゆうです。 さて、withDをご覧の方には、DTPを兼務(もしくは専業と)されている方も少なくないはず!と……そこで、今月はCSSで段組みを行うために策定中の規格について取り上げてみることにしました。 DTP専用アプリケーションやTeX(組版マークアップ言語処理系。テフ、テック、テッヒなどと読みます)などに比べればまだまだ劣るとはいえ、CSSでも着々とDTP的なスタイルが扱えるようになりつつあります。

    leva
    leva 2008/10/20
    Gecko系はcolumn-break-(break|after)の先行実装がないのが地味に痛い
  • CSS 3でグリッドデザイン | クリエイティブ・タブロイド withD(ウィズ・ディー)

    前回、DTP的な段組スタイルを実現するCSS 3 Multi-column moduleを紹介しましたが、今月はさらに一歩進めて、DTP的なグリッドシステムの概念を持ち込むCSS 3 Grid Positioning moduleを紹介します。率直にいって、将来、ウェブページ制作のフローに、きわめて大きな影響をあたえるかもしれない規格といっても過言ではないはずです。 グリッドシステムの概念をCSSに 組版印刷の世界では、グリッドシステムと呼ばれる、紙面領域を仮想の格子(グリッド)状に分割して、文字や図版を格子で仕切られた区画に割りつけていくデザイン手法が、長い間 利用されてきました。その基的なノウハウはウェブデザインの世界でも活かされ、論理的で一貫性のあるページデザイン(設計)に役立てられています。(下掲リソース参照。一例)

    leva
    leva 2008/10/20
    実装を考慮するとまだまだサンプル画像のようなダイナミックなレイアウトは実現できそうにないが、選択肢として知っておくべき
  • 1