Webデザイナー向け

CSS/HTML

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

ランディングページ専門のWebデザインギャラリー・「LAPA」
CSS/HTML

Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」
Ads
Webデザイン補助

様々な企業が採用しているブランドカラーをまとめた・「BrandColors」
その他

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」
Webデザイン補助

Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」
フレームワーク

ドラッグ＆ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」
ソフトウェア

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」
その他

高品質な写真素材を提供するユーザー参加型ストックフォトサイト・「tookapic stock photos 」
CSS/HTML

Bootstrapの為のカード型UIフレームワーク・「Bootcards」
JavaScript

任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」
Webデザイン補助

商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」
Webデザイン補助

スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」
Webデザイン補助

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

イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
インスピレーション

Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」
プログラミング補助

複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
プログラミング補助

jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」
Webデザイン補助

背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」
CSS/HTML

ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
Webデザイン補助

閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
JavaScript

ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
次のページ