The Trap of Web Design

HTML5 の Canvas 周辺の話題

某家電量販店の本コーナー

HTML5 コーディングしてて、後方互換考えなくていいなら、どっかで canvas 使いたいなー、と考えてた、と。例えばサイトのロゴをそれにするなんてー大変なことをやるつもりでいましたが、どうみたって現時点で手打ちコーディングで canvas 書くのはイラストレーターファイルをテキストエディターで書くのと同じくらい現実的では無い(内容によるけど)と、Canvas リフェレンスを見ながら思ったので断念(笑)こんなもん、Adobe さんの仕事でしょ。イラストレーターとか、Flash とかを、Canvas に変換するなんざー、造作ないことでしょー、と速攻思ってたら、まさに発表直後でした。

アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換


「Canvas で Flash と同じようなことができますが、Flash は作るのにお金がかかります。Canvas は JavaScript でオープンなんで、お金がかかりません」なんて書いてる方もいますが、すでに、とてもでないが、手打ち JavaScript でロゴマーク描く気にすらならないんですけど…。(きっと、今だから、逆にやる人はいるだろなぁ)

なんでやっぱり今後も、Adobe さんにはお世話になるに違いない。どうか、新しい CS での対応だけではなく、旧バージョンユーザーでも使えるプラグイン化してください。

と、そんな状況で、例えばコレ見せられたら、

Opera Logo with CSS · David DeSandro

… CSS すら、そのうち「手打ちなんてアリエネー!」という時代になってしまうような気がしてきた。まだ、コード理解できるレベルであるからいいものの、今後どんなのが出てくるか分からない。「Canvas は互換性やアクセシビリティについて、問題がありますから、CSS3 を使いましょう」なんて話もでてきそうだ。そんなことはないか。

IE9 は、せめてこの Opera ロゴを、いや!自社ロゴを CSS3 で反映できる程度になってから、公開して貰いたいな、と。いまんとこ、border-radius 対応のおかげで四角から脱却できて、少々進行しましたね。

2010-03-18 15:29 | WebCreate | ichiro | permalink


Comments

コメントはまだありません


Portfolio

Stagemind

▲ 珍しくカバーアニメーションとか