Webディレクター向け

Webデザイン補助

Google Web Fontのフォントの差分を確認出来る・「Tiff」

フレームワーク

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」

編集ツール

HTML5製のオンラインモックアップツール・「mocknow」

Ads
編集ツール

CSSで装飾されたチェックボックスのコードをダウンロード出来る・「CSS Checkbox」

ジェネレーター

WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」

JavaScript

要素をレンガ状に並べるライブラリ・「MASON.JS」

その他

HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」

その他

ソーシャルコーディングが可能なオンラインIDE・「FriendCode」

CSS/HTML

SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」

Webデザイン補助

FFFFOUND!からダミー画像を生成・「hhhhold!」

CSS/HTML

CSSライブラリをコレクションしている・「CSSDB.co」

JavaScript

軽量なJavaScriptライブラリをコレクションした・「microjs」

Webデザイン補助

カラーパレットを共有できる・「PLTTS」

ジェネレーター

カウントダウンをGIFアニメで作成出来る・「Gif Countdown」

Webデザイン補助

BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」

CSS/HTML

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」

Webデザイン補助

レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」

ソフトウェア

レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」

共有系サイト

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」

その他

WordPressのプラグインで上位ダウンロード数TOP108を元素記号のように一覧化したWebサイト・「The Periodic Table of WordPress Plugins」

Webデザイン補助

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」

Webデザイン補助

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」