ジェネレーター Tools & Resources
ジェネレーター Webデザイン補助 Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」
Webデザイン補助 SVGによる背景を作成出来る・「SVGeneration」
インスピレーション Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
Webデザイン補助 著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」
インスピレーション UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
インスピレーション Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
編集ツール YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」
CSS/HTML CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」
Webデザイン補助 Google Web Fontのフォントの差分を確認出来る・「Tiff」
ソフトウェア 主要ソーシャルサイトのWebアイコンフォント・「Socialicious」
フレームワーク フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」
編集ツール 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