Tools & Resources

編集ツール

ブラウザ上でCSSによる3Dを作れるエディタ・「Tridiv」
最適化ツール

入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」
CSS/HTML

モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」
Ads
ソフトウェア

Google Map向けのアイコンフォント・「Map Icons」
ジェネレーター

Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」
ソフトウェア

商用でも使えるシンプルなアイコンを大量に配布する・「Simple Icons」
ジェネレーター

デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」
JavaScript

Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」
その他

Web制作に使えそうなWebツールを週一で知らせてくれるメールマガジン・「WEB TOOLS WEEKLY」
ソフトウェア

MIT/Apache/GPLライセンスの違いをまとめた・「Choosealicense.com」
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」
次のページ