Webデザイナー向け

編集ツール

オープンソースで公開されているベクターグラフィックエディタWebアプリ・「Mondrian」
Webデザイン補助

Fireworksの拡張機能を配布する・「Project Phoenix」
Webデザイン補助

背景に使えるパターン画像を収集、配布する・「The Pattern Library」
Ads
Webデザイン補助

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」
CSS/HTML

SASS対応のモバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「Sculpt」
Webデザイン補助

iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」
インスピレーション

合字を用いたタイポグラフィのデザインギャラリーサイト・「I Love Ligatures」
最適化ツール

GIFアニメーションをHTML5にコンバートする・「gfycat」
JavaScript

Bootstrap向けのスライド式カラーピッカーを実装するスクリプト・「Bootstrap Color Picker Sliders」
インスピレーション

7日に一度、7枚の高品質な写真素材をパブリックドメインで公開する・「Little Visuals」
CSS/HTML

CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」
インスピレーション

送信ボタンにプログレスバーを表示させる・「PROGRESS BUTTON STYLES」
CSS/HTML

モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」
ジェネレーター

オンラインでフォントを作成出来るWebツール・「FontArk」
ソフトウェア

スマフォ向けの美しいデザインのUIキット・「Flatastic Mobile UI Kit」
Webデザイン補助

Googleフォントでどのフォントが人気かが分かる・「Google Fonts :Analytics」
その他

シンプルで丸みのあるデザインのアイコンセット・「IKONS」
Webデザイン補助

CSSからブレークポイントを探して、その設定に応じた幅での表示状態をまとめて確認出来るブックマークレット・「BreakpointTester」
編集ツール

手軽に画像を白抜き加工できるWebサービス・「ClippingMagic」
インスピレーション

Flashを使わずに実装しているプリローダーアニメーションのギャラリー・「Preloaded」
ジェネレーター

コンタクトフォームを簡単に作成出来るソフトウェア・FORMOID
その他

フルスクリーン、入れ子、RWD対応などをサポートしたスライドコンテンツを実装するスクリプト・「SLIDEME!」
次のページ