ソフトウェア Tools & Resources
ソフトウェア Webデザイン補助 任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」
編集ツール HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」
JavaScript jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」
ジェネレーター WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」
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デザイン補助