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 System in CSS3もCSS3 Animationsで例として紹介されていました。