WEB制作関連

HTML5でできることがひと目で分かるWEBサイトまとめ

話題のHTML5ですが、書籍やセミナーもどんどん増えてきてますね。そんなHTML5ってどんな事ができるのかひと目で分かるWEBサイトのまとめです。

 

Coil

html5ex_01.jpg

Google Gravity

html5ex_02.jpg

Canvas ribbon & iOS4.2 device orientation

html5ex_03.jpg

Sketch

html5ex_04.jpg

404

html5ex_05.jpg

BreakDOM

html5ex_06.jpg

Move. Pick Up. Drop

html5ex_07.jpg

Make3D: Native Drag & Drop in browser

html5ex_08.jpg

FlowerPower

html5ex_09.jpg

HTML5 logo

html5ex_10.jpg

Canvascycle

html5ex_11.jpg

via:21 Incredible HTML5 Experiments

もちろん表立って見えないタグ追加によるセマンティクスの変更や各デバイスへの適用なども重要なトピックですが。

実用にはもう少し対応ブラウザの普及が必要ですが、HTML5を機に各ブラウザも独自機能の拡張より標準化されたレンダリングを重視していってもらえるとうれしいですね。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    期待感あふれるクリエイティブなComingSoonページ25個

    WEBサイトの公開やサービスの開始などを告知するcoming soon…

  2. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個

    タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがお…

  3. WEBディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  4. WEB制作関連

    色とWEBデザイン -オレンジ編-

    色別WEBデザインのまとめです。今回のテーマは「オレンジ」です。…

  5. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(2)課題管理表

    実は普段仕事をしている中で、口頭でお願いした作業は100%忘れられると…

  6. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個

    フリーのクリエイターさんなどのポートフォリオサイトのまとめです。…

  1. WEB制作関連

    ガーリーなPhotoshopのレイヤースタイル
  2. Design Items

    おしゃれに節水できる蛇口があった。
  3. WEB制作関連

    固定配置したナビゲーションのWEBサイト21個
  4. Design Items

    思わず「なるほど!」と言ってしまうナイスデザイン
  5. WEB制作関連

    ペーパープロトタイピングのすすめ
PAGE TOP
Top