レスポンシブ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」