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ディレクターズマニュアル

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

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

  2. WEB制作関連

    商品の魅せ方がお洒落なECサイト25個

    商品の魅せ方が参考になりそうなECサイトのまとめです。 (さら…

  3. WEB制作関連

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

    みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。…

  4. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ

    パララックス効果とは視差効果ともいい、平面で重なり合う画像を異なる速さ…

  5. WEB制作関連

    WEBサイト心理学|マジカルナンバー

    これはアメリカの心理学者ジョージ・ミラーが提唱した言葉で、普段の生活の…

  6. WEB制作関連

    ガーリーなPhotoshopのレイヤースタイル

    女性向けのデザインに役立ちそうなガーリーなPhotoshopのレイヤー…

  1. WEB制作関連

    ユーザビリティを向上させる25の高品質なアイコンセット
  2. WEB制作関連

    デザイナーなら必ずダウンロードしたいグラフィティなフォント25選
  3. LifeHack・仕事術

    やっぱり便利!Googleのサービスをまとめてみた
  4. 話題・トレンド

    指を使ったいろいろな作品がおもしろい!
  5. Design Items

    かわいすぎるアヒルの○○○○
PAGE TOP
Top