CSS

CSS/HTML

CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」

CSS/HTML

Web標準の16色を綺麗なカラーパターンにする為のCSS・「COLORS」

CSS/HTML

軽量且つクリーン、ミニマルなUIフレームワーク・「Milligram」

Ads
CSS/HTML

CSSで変更できるカーソルとコードの一覧・「CSS Cursor」

CSS/HTML

cssのflexboxを遊びながら学べるツール・「FLEXBOX FROGGY」

CSS/HTML

CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」

CSS/HTML

Dropbox製のオープンソースSCSSフレームワーク・「Scooter」

ソフトウェア

任意の画像をアップロードするとCSSに変換してくれる・「img2css」

インスピレーション

Webサイトのナビゲーション、メニュー等のチュートリアルやコードをTumblrで収集する・「navnav」

CSS/HTML

CSSのみで棒グラフを作るためのチャートシステム・「chart.css」

CSS/HTML

軽さを意識したシンプルなCSSフレームワーク・「Kickstart」

その他

JavaScriptやPython、コマンドラインの使い方等を無料で学べる学習サイト・「Codecademy」

インスピレーション

Web開発者やWebデザイナー向けのリソースのキュレーションサイト・「The Starter Kit 」

CSS/HTML

Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」

CSS/HTML

軽量でミニマルなCSSフレームワーク・「Thao Framework」

CSS/HTML

レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」

Webデザイン補助

CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」

その他

CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」

JavaScript

SASSのように使えるJavaScript・「Stylus」

CSS/HTML

Foudationをマテリアルデザインに対応させた・「Material Foundation」

CSS/HTML

HTMLをmarkdown記法で書いたようなスタイルにするCSS・「i-love-markdown.css」

ソフトウェア

フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」