レスポンシブWebデザイン

その他

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

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

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

モバイルファーストなCSSフレームワーク・「Cardinal」
Webデザイン補助

レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」
Webデザイン補助

様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」
ソフトウェア

レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」
フレームワーク

レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」
CSS/HTML

レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」
共有系サイト

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」
CSS/HTML

Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」
CSS/HTML

CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」
Webデザイン補助

デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
CSS/HTML

レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」
Webデザイン補助

レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」
Webデザイン補助

レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」
ジェネレーター

レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」
Webデザイン補助

画面サイズごとの表示を確認出来る・「Screenqueri.es」
CSS/HTML

HTML5のテンプレートを作るスタータージェネレーター・「Initializr」
Webデザイン補助

iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」