サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
無料レスポンシブウェブデザインHTMLテンプレート - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料
無料レスポンシブウェブデザインHTMLテンプレートTemplate ホームページ制作会社でも使用できる商用利用が可能な無料ホームページテンプレートです。企業サイト（会社概要サイト・企業案内サイト）として、店舗サイトとして、各種サービスサイトとしてなど様々な用途にご利用頂けます。テンプレート内の写真・イラスト等につきましてはそのままご利用頂くことが可能です。利用報告なども特に必要ありません。 テンプレート内の「Design by http://f-tpl.com」のリンクは外さないようにお願い致します。リンクを外したい場合は「クレジット表記を外したい場合」のページをご確認ください。 無料レスポンシブHTMLテンプレート一覧Free responsive design template スマートフォンサイト（iPhone、Android）、タブレット端末（iPad）にも対応のレスポンシブ・ウェ
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
Responsive Design Testing
Responsive Web Design Testing Tool This tool has been built to help with testing your responsive websites while you design and build them. You can enter your website's URL into the address bar at the top of this page (not your browser's address bar) to test a specific page. Unfortunately, with the way browser security works, you are unable to navigate your site through the frames that your website
Codebomber // Resizer
Resizer allows you to quickly change the dimensions of a webpage to test responsive design. New 2/9/12: Now available as a chrome extension! Getting Started To install the bookmarklet, simply drag this button Resizer to your bookmarks bar. How to use Visit any site that you wish to test responsive dimensions on, and click the Resizer bookmarklet on your bookmarks bar. Resizer Bookmarklet is activ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブWebデザイン事例を大量に確認したいときに役立つ記事
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
Responsinator
Responsive Web Design Test Tool - Designmodo