CSS3

CSS/HTML

Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」

CSS/HTML

UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク・「Tailwind CSS」

CSS/HTML

ラジオボタンとチェックボックスを装飾するためのCSSライブラリ・「pretty checkbox」

Ads
CSS/HTML

アイコンフォントとCSSをセットにしたツールキット・「Fontisto」

CSS/HTML

CSSのみで手軽に実装出来るモーダルウィンドウライブラリ・「Light Modal」

編集ツール

jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」

ソフトウェア

css gridのコードを生成できる・「Griddy」

複合/その他

Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」

CSS/HTML

ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」

CSS/HTML

CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」

ソフトウェア

手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」

CSS/HTML

シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」

CSS/HTML

シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」

その他

フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」

CSS/HTML

任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」

CSS/HTML

要素をアニメーションさせながら表示/非表示するCSS・「vhs」

CSS/HTML

マウスホバーでborder等がアニメーションしながら変化するボタンのCSS・「Hover Buttons」

ジェネレーター

グラデーションを作成し、そのCSSをコピーできる・「Grabient」

CSS/HTML

ホバーエフェクトが綺麗なグラデーションカラーのCSSボタンを大量に公開している・「Gradient Buttons」

CSS/HTML

誤った使い方のHTMLソースをハイライトしてくれるスタイルシート・「debugCSS」

CSS/HTML

Foundationに加える事ができるUIコンポーネントを配布する・「Building Blocks」

CSS/HTML

軽量でカスタマイズ性を重視したCSSフレームワーク・「mini.css」