Tools & Resources
MIT/Apache/GPLライセンスの違いをまとめた・「Choosealicense.com」
任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」
HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」
jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」
WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」
Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」
SVGによる背景を作成出来る・「SVGeneration」
Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」
UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」
Google Web Fontのフォントの差分を確認出来る・「Tiff」
主要ソーシャルサイトのWebアイコンフォント・「Socialicious」
フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」
HTML5製のオンラインモックアップツール・「mocknow」
CSSで装飾されたチェックボックスのコードをダウンロード出来る・「CSS Checkbox」
CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」
WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」