HTML5のビデオプレーヤーを各種集めて、それぞれ機能比較をした記事。これナイスですねー。JSライブラリには何を使ってるか、iOSはサポートされているか、フルスクリーンには対応しているか、キーボードコントロールができるか、字幕表示は可能か、プレイリスト機能はあるかなどが一覧で見る事ができます。そういやちょっと前にFirefoxがH.264サポートするってニュースもありましたね。サイト内で動画を扱う場合の参考として是非。
HTML5, CSS3のサイトでよく見かける、いわゆるスクロール芸のサイトをまとめた記事。一般的にはパララックススクロールと言うようですが、まぁスクロール芸ですよね。縦方向だったり横方向だったり、興味深いマスクの使い方してたりして、サイトによって色々と凝った作りのものが多いです。こういうのって作った事ないんだけど、なんかスゲぇメンドくさそう。経験としてはやっておきたいんだけど、一時期だけの流行りモンって感じも実際ちょっとしますよね。
HTML5でコーディングされたサイト向けのFaviconテンプレート。Faviconというと16*16の印象があるんですが、HTML5になるとサイズが色々と増えるんでしょうか？ このへん勉強不足なのであんまし分かんないですが、今回このPSDファイルがアップデートされた理由が、iPad 3rdのRetinaディスプレイへの対応だそうです。144*144サイズのテンプレートが追加されたという事で、おそらくHome画面登録の際のアイコン対応なんでしょう。プラグインと併用する事で書き出しが容易になるようです。常用してもらうサイト作りの際にはFaviconって地味に重要ですからね。そういやこのサイトのFaviconも数年前に作ったきり放置だなぁ・・・とか思いました。
Webサイトのコーディング開始時に便利なHTMLフレームワーク。スターターキットって言うた方がイイのかも。HTML5, CSS, jQueryが最初から実装され、基礎的なタグの装飾はすでにできており、テーブルやフォーム、アイコンなども装飾済み。よく使われるコンテンツスライダーやLightboxもすぐに使え、グリッドレイアウトにも対応しているようです。なかなか多機能ですねこれ。今度一からサイトコーディングする時があったら試してみようと思ってます。
CSS3、HTML5、jQueryに関するチートシートのまとめ記事。多くのカンニングペーパーが紹介されてます。まとめ方がタグ別だったり用途別だったりするので、好きな感じにまとめられてる物が見つかるかも。こういうのMacの壁紙にするってのもアリですな。ウェブデザイナーの方に是非これひとつ。
All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery
HTML5やCSS3のスニペット（ちょっとしたコード）を集めたブログ。タイトルがズラっと並んでて、個別ページ内で動作デモとコードを表示してるだけというとってもシンプルな内容。飾り気もあまりありませんが、こういうサイトこそ実用的だったりします。スニペットの内容はどちらかというとHTML5よりもCSS3の方が多い印象で、装飾に関するちょっとしたTipsなどが多く紹介されてます。ナイスです。
HTML5に関する情報系の記事まとめと、チュートリアルとがまとめられた記事。前半の「Preparing for CSS3 and HTML5」の部分わりとピンポイントでまとまってる印象。HTML5やCSS3のベーシックな部分の解説、CSS3の各プロパティのブラウザごとの対応状況、RGBA指定とOpacity指定の違いなど。読んでおくと後々役に立つかなーといった感じの内容です。後半はよくある作例紹介で、こんな事できますよー的な内容です。この業界にいると勉強から離れる事ってほんとできないっすね。好きじゃないとやってられないというか。
HTML5 / CSS3で記述されたWebテンプレートのまとめ記事。50の作例が紹介されてます。JSスライダーと組み合わせたものも多くあります。まぁこのへんは流行りでしょうな。仕事柄クールなウェブサイトを発見すると当然のようにソース見るわけですが、最近じゃ<!DOCTYPE html>から始まるサイト増えたなーってよく思います。HTML5のサイトをこれから制作しようって時のベースソース探しにも良さそうです。
