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!」
次のページ