Tools & Resources

Webデザイン補助

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

ソフトウェア

主要ソーシャルサイトのWebアイコンフォント・「Socialicious」

フレームワーク

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

Ads
編集ツール

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

編集ツール

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

その他

CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」

ジェネレーター

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

CSS/HTML

モバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「csswizardry-grids」

Webデザイン補助

別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」

ソフトウェア

Markdown記法に対応したデータベース不要のOSSのCMS・「Pico」

CSS/HTML

CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」

JavaScript

YUIを使用したUIフレームワーク・「AlloyUI」

JavaScript

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

その他

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

その他

地図用に作られたマーカーアイコンのセット・「Maki」

CSS/HTML

モバイルファーストなCSSフレームワーク・「Cardinal」

ソフトウェア

オープンソースのGithubクローン・「GitPrep」

その他

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

CSS/HTML

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

ソフトウェア

シンプルさを重視したOSSのCMS・「Anchor」

Webデザイン補助

有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」

Webデザイン補助

Hacker Newsライクなデザイナー向けニュースサイト・「Designer News」