Webデザイナー向け

CSS/HTML

Googleマテリアルデザインを取り入れたAngularJSベースのRWD対応フロントエンドフレームワーク・「lumX」
CSS/HTML

AngularJS用のUIフレームワーク・「Suave UI」
Webデザイン補助

Sketchのプラグインやリソースをまとめている・「sketch.land」
Ads
その他

マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」
CSS/HTML

CSSのみで作られたシンプルなアイコンセット・「ICONO」
ソフトウェア

Evernoteライクなクリップツールを構築する為のオープンソースソフトウェア・「Paperwork」
インスピレーション

インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」
JavaScript

SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ・「deSVG」
CSS/HTML

CSS3による様々なマウスホバーアニメーションをまとめたスタイルシート・「Hover.css」
フレームワーク

モバイルアプリ開発向けのHTML5製フレームワーク・「Mootor」
ジェネレーター

Bootstrapのひな形を手軽に作成出来る・「lollytin」
インスピレーション

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」
JavaScript

Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」
JavaScript

Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」
ソフトウェア

オープンソースの Twitter Bootstrapのテーマ作成用ライブエディタ・「Cluckles」
フレームワーク

フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」
JavaScript

ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」
ソフトウェア

HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」
Webデザイン補助

2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」
CSS/HTML

CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」
JavaScript

HTML5製の軽量リッチテキストエディタ・「Squire」
CSS/HTML

シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」
次のページ