on:2015年4月22日sponsors制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。CSSのアイコンリセット用のCSSはこの3種類HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。2.0HTMLの各要素のmarginやpaddingやborderなどをリセットし、各要素のスタイルを消去するスタイルシート。v2.0はHTML5対応。リリースからけっこう経ちますが、人気のリセット用CSS。-GitHubリセットとは異なり、スタイルを消去するよりむしろ有用なデフォルトのスタイルを利用するスタイルシート。後述するさまざまなフレームワークにも利用されており、最も人気が高いスタイルシートです。-GitHub上記二つはリリースからけっこう経つため、モバイル対応など最近の実装スタイルに合わない面もあります。normalize.cssの共同開発者が2015年新たにリリースしたスタイルシートです。-sanitize.cssレスポンシブ対応の定番フレームワーク2015年には4がリリース予定のBootstrapをはじめ、Foundationなど、多くのユーザーが利用している人気の高い定番ともいえるフレームワーク。4ではグリッドシステムがより柔軟になり、アニメーションを伴ったコンポーネントも多数用意される予定です。docs」らへんを見ていると情報がつかめると思います。Bootstrapを上手く使っているサイトもたくさんあります。Otto氏の2015年の新しいGitHub製のフレームワーク。Bootstrapのようなフロントエンド用のフレームワークで、デザインはGitHubライクです。Designを使用したさまざまなコンポーネントが利用できるフレームワーク。-Materializeさまざまなアニメーションが簡単に実装できるCSS要素にclassを付与するだけでさまざまなアニメーションが簡単に実装でき、スクリプトを併用するとスクロールをトリガーにした縦長ページのインタラクションも実装できます。-GitHubこのスタイルシートをインクルードしているスクリプトは、非常に多いですね。同じ動きを繰り返すローダーやスピナーもさまざまな楽しくてかわいいアニメーションが揃っています。CSSのアイコンはカラーやサイズを自由に設定でき、レスポンシブに非常に相性がよいです。div職人芸のような見事な作品は、すべてdiv一つで実装されています。