イナヅマTVログ

HTML5とCSS3のお勉強サイト、beta.theexpressiveweb.com

| 0件のコメント

AdobeのHTML5とCSS3解説サイトのbeta版でお勉強。
The Expressive Web – Beta
http://beta.theexpressiveweb.com/#!/welcome
URLを見てピンときた方はFlashな人かも。
Flashコンテンツのディープリンク対策に使われているSWFAddressライクな感じになってます。

HTML5, CSS3とJavaScriptを使ってコンテンツ制作すると同一ページ内遷移時のブックマークが可能かどうかってやっぱり大事。
ここでは自前のJavascriptで実装してるみたい。

JSライブラリは
Modernizr, jQueryなどのド定番ものが使われているようです。

デザインもかわいらしくしあがっています。

スマートフォンにもCSS3のMedia Queries(@media)を使い対応しています。
PCで見てる時はウインドウ幅を狭めるとCSSが切り替わるのが確認できます。

CSS3 Animations, CSS3 Gradients…etcなどの気になる項目それぞれに解説があります。
Our Solar Sys­tem in CSS3もCSS3 Animationsで例として紹介されていました。

コメントを残す