Tools & Resources

Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」

YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」

CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」

Ads

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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