Webデザイナー向け

Webデザイン補助

SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
CSS/HTML

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

様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
Ads
CSS/HTML

軽量でミニマルなCSSフレームワーク・「Thao Framework」
Webデザイン補助

モバイルサイト向けのWebサイトビルダー・「Mobirise」
CSS/HTML

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

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

Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」
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」
次のページ