レスポンシブ‐ウェブデザイン【responsive web design】
レスポンシブウェブデザイン
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2024/03/25 13:34 UTC 版)
レスポンシブウェブデザイン (英: responsive web design、 RWD) はウェブデザインの手法のひとつで、デスクトップ版のウェブページを閲覧者の画面サイズまたはウェブブラウザに応じて表示できるようにする。加えて、1つのウェブサイトで多様なデバイスを同様にサポートすることも、そのタスクに含まれる点を理解しておくことが重要である。また、最近の取り組みでは、閲覧のコンテキストの一部として閲覧者の「近さ」をRWDの延長部分と見なしている[1]。ニールセン・ノーマン・グループは、「コンテンツ、デザインそしてパフォーマンスは、すべてのデバイスでユーザビリティと満足を確保するために必要である」と述べた[2][3][4][5]。
- ^ Tafreshi, Amir E. Sarabadani; Marbach, Kim; Norrie, Moira C. (5 June 2017). “Proximity-Based Adaptation of Web Content on Public Displays” (英語). International Conference on Web Engineering (ICWE):Web Engineering (Springer, Cham): 282–301. doi:10.1007/978-3-319-60131-1_16 .
- ^ a b c Marcotte, Ethan (2010年5月25日). “Responsive Web design”. A List Apart. 2017年7月27日閲覧。
- ^ “Ethan Marcotte's 20 favourite responsive sites”. .net magazine (2011年10月11日). 2017年7月27日閲覧。
- ^ a b Gillenwater, Zoe Mickley (2010年12月15日). “Examples of flexible layouts with CSS3 media queries”. pp. 320. 2015年11月5日閲覧。
- ^ Schade, Amy (2017年3月2日). “Responsive Web Design (RWD) and User Experience”. www.nngroup.com. Nielson Norman Group. 2017年7月27日閲覧。
- ^ Pettit, Nick (2012年8月8日). “Beginner’s Guide to Responsive Web Design”. TeamTreehouse.com blog. 2015年11月5日閲覧。
- ^ “Core concepts of Responsive Web design” (2014年9月8日). 2015年11月5日閲覧。
- ^ a b c Marcotte, Ethan (2009年3月3日). “Fluid Grids”. A List Apart. 2015年11月5日閲覧。
- ^ “Core concepts of Responsive Web design” (2014年9月8日). 2015年11月5日閲覧。
- ^ a b Marcotte, Ethan (2011年6月7日). “Fluid images”. A List Apart. 2015年11月5日閲覧。
- ^ Hannemann, Anselm (2012年9月7日). “The road to responsive images”. net Magazine. 2015年11月5日閲覧。
- ^ Jacobs, Denise (2012年4月24日). “50 fantastic tools for responsive web design”. .net Magazine. 2015年11月5日閲覧。
- ^ Gillenwater, Zoe Mickley (2011年10月21日). “Crafting quality media queries”. 2015年11月5日閲覧。
- ^ “Responsive design—harnessing the power of media queries”. Google Webmaster Central (2012年4月30日). 2015年11月5日閲覧。
- ^ W3C @media rule
- ^ “Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update 2014–2019 White Paper”. Cisco (2015年1月30日). 2015年8月4日閲覧。
- ^ a b “Official Google Webmaster Central Blog: Rolling out the mobile-friendly update”. Official Google Webmaster Central Blog. 2015年8月4日閲覧。
- ^ Thevenin, D.; Coutaz, J. (2002). "Plasticity of User Interfaces: Framework and Research Agenda". Proc. Interact'99, A. Sasse & C. Johnson Eds, IFIP IOS Press. Edinburgh. pp. 110–117.
- ^ Wroblewski, Luke (2009年11月3日). “Mobile First”. 2015年11月5日閲覧。
- ^ a b Firtman, Maximiliano (July 30, 2010). Programming the Mobile Web. p. 512. ISBN 978-0-596-80778-8
- ^ “Graceful degradation versus progressive enhancement” (2009年2月3日). 2015年11月5日閲覧。
- ^ Designing with Progressive Enhancement. (March 1, 2010). pp. 456. ISBN 978-0-321-65888-3
- ^ a b “Server-Side Device Detection: History, Benefits And How-To”. Smashing magazine (2012年9月24日). 2015年11月5日閲覧。
- ^ “BlackBerry Torch: The HTML5 Developer Scorecard | Blog”. Sencha (2010年8月18日). 2012年9月11日閲覧。
- ^ “Motorola Xoom: The HTML5 Developer Scorecard | Blog”. Sencha (2011年2月24日). 2012年9月11日閲覧。
- ^ Wroblewski, Luke (2011年5月17日). Mobilism: jQuery Mobile
- ^ a b Wroblewski, Luke (2012年2月6日). Rolling Up Our Responsive Sleeves
- ^ Wroblewski, Luke (2012年3月14日). Multi-Device Layout Patterns
- ^ Wroblewski, Luke (2012年2月29日). Responsive Design ... or RESS
- ^ Wroblewski, Luke (2011年9月12日). RESS: Responsive Design + Server Side Components
- ^ Andersen, Anders (May 9, 2012). Getting Started with RESS
- ^ "Responsive but not completely mobile optimised | Blog". Incentivated.
- ^ "Building Smartphone-Optimized Websites". Google.
- ^ "Google:The Evolution of Responsive Websites".
- ^ Snyder, Matthew; Koren, Etai. “The state of responsive advertising: the publishers' perspective”. .net Magazine (2012年4月30日). 2020年8月11日閲覧。
- ^ “Google Partners Help”. google.com. 2015年5月21日閲覧。
- ^ JavaScript and Responsive Web Design Google Developers
- ^ “The Role of Table Layouts in Responsive Web Design”. Web Design Tuts+. 2015年5月21日閲覧。
- ^ Young, James (2012年8月13日). Top responsive web design problems... testing. .net Magazine.
- ^ Best mobile emulators and RWD testing tools. The Mobile Web Design Blog. (November 26, 2011)
- ^ Rinaldi, Brian (2012年9月26日).Browser testing... with Adobe Edge Inspect.
- ^ “Responsive Design View”. Mozilla Developer Network. 2015年5月21日閲覧。
- ^ Malte Wassermann. “Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar”. maltewassermann.com. 2015年5月21日閲覧。
- ^ Kalbach, Jim (July 22, 2012). "The First Responsive Design Website: Audi (circa 2002)." [自主公表?]
- ^ Adams, Cameron (September 21, 2004). Resolution dependent layout: Varying layout according to browser width. The Man in Blue.
- ^ “G146: Using liquid layout”. w3.org. 2015年5月21日閲覧。
- ^ “Media Queries”. w3.org. 2015年5月21日閲覧。
- ^ 15 top web design and development trends for 2012. .net magazine. January 9, 2012
- ^ Cashmore, Pete (2012年12月11日). Why 2013 Is the Year of Responsive Web Design
- 1 レスポンシブウェブデザインとは
- 2 レスポンシブウェブデザインの概要
- 3 歴史
- 4 関連項目
- レスポンシブ‐ウェブデザインのページへのリンク