だんだんと対応するブラウザも増えてきて業界の中では利用され、案件も増えてきたHTML5。もうすでにいくつか仕事として利用している方もいれば、これからという方もいると思いますが、今日紹介するのはHTM5スニペットの共有サイト「HTML5 Snippets」です。

スニペットとは、よく利用する短いコードの断片に分かりやすい名前を付け、ソースに利用しやすくするためのもの。「HTML5 Snippets」では、基本的なフレームから、細かなパーツまで、様々なスニペットが共有されています。いくつか気になったスニペットをピックアップしてご紹介致します。

詳しくは以下

HTML5 snippet : Basic Structure HTML5
HTML5の基本テンプレート。jQueryやDD_belatedPNGなども最初から読み込まれいます。
　
　
　
HTML5 snippet : A css rounded gray button
HTML5+CSS3で描くボタンデザイン。細かいところまで記述されています。
　
　
　
HTML5 snippet : CSS Lifted corner Drop Shadow
CSS3で描画するドロップシャドウ。単純にドロップシャドウだけではなく、影が重ねてあります。

上記の他にも沢山のスニペットが共有されています。HTML5をこれから利用していこうという方にはオススメのサイトです。スニペットはログインすることで追加することも可能です。ログインはTwitterアカウントで行うことが可能です。

HTML5 Snippets