「レスポンシブウェブデザイン」の版間の差分
削除された内容 追加された内容
主語、脚注マークは句読点の前。目次。赤リンクの整理、一部を仮リンクに置き換え。→top: 出典テンプレートの引数を補完、翻訳初版の原文による。en:Responsive_web_design &oldid=688195972、as edited by Bonadea at 08:08, 30 October 2015 (UTC). →関連概念: 同左。→関連項目: 見出し変更、元は「関連記事」。50音順、赤リンクを仮リンクに振り替え。→外部リンク: 関連項目から分離。 タグ: モバイル編集 モバイルウェブ編集 改良版モバイル編集 |
編集の要約なし タグ: モバイル編集 モバイルウェブ編集 |
||
2行目:
[[ファイル:Content-is-like-water.svg|thumb|
'''コンテンツは水のごとし'''は、レスポンシブウェブデザインの原則を説明した格言。]]
'''レスポンシブウェブデザイン''' ({{Lang-en-short|
RWDでデザインしたサイト<ref name="fluid_grid" /><ref>{{cite web|last=Pettit|first=Nick|title=Beginner’s Guide to Responsive Web Design|date=August 8, 2012| website = TeamTreehouse.com blog |url=http://teamtreehouse.com/blog/beginners-guide-to-responsive-web-design|access-date= 2015-11-05}}</ref>は、比率ベースのフルード[[:en:Grid (page layout)#Grid use in web design|グリッド]]{{en icon}}<ref>{{cite web|title=Core concepts of Responsive Web design|date=September 8, 2014|url=http://msdn.microsoft.com/en-us/magazine/hh653584.aspx|access-date= 2015-11-05}}</ref><ref name="EM_FG">{{cite web|last=Marcotte|first=Ethan|title=Fluid Grids|date=March 3, 2009|publisher = A List Apart|url=http://www.alistapart.com/articles/fluidgrids/|access-date= 2015-11-05}}</ref><ref>{{cite web|title=Core concepts of Responsive Web design|date=September 8, 2014|url=http://msdn.microsoft.com/en-us/magazine/hh653584.aspx |access-date= 2015-11-05}}</ref><ref name="EM_FG">{{cite web|last=Marcotte|first=Ethan|title=Fluid Grids|date=March 3, 2009|publisher = A List Apart|url=http://www.alistapart.com/articles/fluidgrids/|access-date= 2015-11-05}}</ref>、フレキシブルイメージ<ref name="EM_FI">{{cite web|last=Marcotte|first=Ethan|title=Fluid images|date=June 7, 2011|publisher = A List Apart|url=http://www.alistapart.com/articles/fluid-images/|access-date= 2015-11-05}}</ref><ref>{{cite web|last=Hannemann|first=Anselm|title=The road to responsive images|date=September 7, 2012|publisher = net Magazine|url=http://www.creativebloq.com/html5/road-responsive-images-9126108 |access-date= 2015-11-05}}</ref><ref name="EM">{{cite web|last=Jacobs|first=Denise|title=50 fantastic tools for responsive web design|date=April 24, 2012|publisher = .net Magazine|url=http://www.creativebloq.com/css3/tools-responsive-web-design-5132770 |access-date= 2015-11-05}}</ref> <code>@media</code>ルールの拡張である[[CSS3]]メディアクエリ<ref name="ZMGflexEx">{{cite web|last=Gillenwater|first=Zoe Mickley|title=Examples of flexible layouts with CSS3 media queries|series=Stunning CSS3|date=December 15, 2010|url=http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/|pages=320|isbn=978-0-321-722133 |access-date= 2015-11-05}}</ref><ref name="ZMGmediaQ">{{cite web|last=Gillenwater|first=Zoe Mickley|title=Crafting quality media queries|date=October 21, 2011|url=http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/|access-date= 2015-11-05}}</ref><ref>{{cite web|title=Responsive design—harnessing the power of media queries|date=April 30, 2012| publisher = Google Webmaster Central |url=http://googlewebmastercentral.blogspot.jp/2012/04/responsive-design-harnessing-power-of.html |access-date= 2015-11-05}}</ref>を以下のように使用することで、レイアウトを表示環境に適応させる<ref>[[World Wide Web Consortium|W3C]] [http://www.w3.org/TR/CSS2/media.html#at-media-rule @media rule]</ref>。
|