Webディレクター向け

CSS/HTML

モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」

ジェネレーター

SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」

CSS/HTML

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

Ads
CSS/HTML

AngularJS用のUIフレームワーク・「Suave UI」

Webデザイン補助

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

その他

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

その他

ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」

CSS/HTML

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

ソフトウェア

Trelloのクローンとして開発されたオープンソースのタスク管理ツール・「LibreBoard」

インスピレーション

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

JavaScript

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

CSS/HTML

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

JavaScript

ミニマルなjavascriptアニメーションライブラリ・「snabbt.js」

フレームワーク

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

ジェネレーター

Bootstrapのひな形を手軽に作成出来る・「lollytin」

インスピレーション

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

JavaScript

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

ソフトウェア

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

その他

世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」

フレームワーク

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

JavaScript

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

Webデザイン補助

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