Tools & Resources

編集ツール

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

編集ツール

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

その他

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

Ads
ジェネレーター

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」

編集ツール

Web上でアイコンフォントを作成できる・「Fontastic」

Webデザイン補助

iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」

Webデザイン補助

レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」