An Introduction To Responsive Web Design
-
Upload
galaxy-weblinks-inc -
Category
Technology
-
view
350 -
download
2
description
Transcript of An Introduction To Responsive Web Design
![Page 2: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/2.jpg)
RWD: Device-Agnostic Way- What is Responsive Web Design?- Where does RWD come from?- Why is RWD in vogue?- What are the principles of RWD?- Why use Responsive Web Design?- Who’s using Responsive Web Design?
Galaxy Weblinks
![Page 4: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/4.jpg)
Responsive Web Design is a
- Technique that provides customized viewing experience for different browser platforms.
- Technique which utilizes certain styling tools to make your website respond appropriately to different web browser widths.
Galaxy Weblinks
![Page 5: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/5.jpg)
Responsive Web Design - Design One Site that works EVERYWHERE.
Galaxy Weblinks
![Page 7: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/7.jpg)
Responsive Web Design- Originally coined by Ethan Marcotte in 2010,he quoted in his article “ Rather than tailoring disconnected devices to each of an ever-increasing number of web devices, we can treat them as facets of the same experience.
- Mashable called 2013 the Year of Responsive Web Design
Galaxy Weblinks
![Page 9: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/9.jpg)
The Secret Behind RWD - Trend of Growing Demand for Smartphones.
- Multiple Screen sizes & Mobile Browsers.
- Ultimate solution to the ever-increasing variety of platforms.
Galaxy Weblinks
![Page 11: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/11.jpg)
Responsive Web Design Principles
- Built on Fluid Grid
- Responsive Navigation
- Media Queries and define Breakpoints
- Responsive Videos and Context- aware Image Sizing
Galaxy Weblinks
![Page 13: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/13.jpg)
Responsive Web Design benefits
- Wider Browser Support
- Great User- Experience
- Save Money & Time
- SEO, Just ask Google!
- Increased Conversion & Sales
Galaxy Weblinks
![Page 15: An Introduction To Responsive Web Design](https://reader031.fdocuments.net/reader031/viewer/2022020206/548039065806b5cc5e8b498a/html5/thumbnails/15.jpg)
Responsive Web Design is used by
- Ecommerce, Design & Advertising
- Non Profit Organizations
- Education & Government
- Technology & Events
- Publishing & Blogs
Galaxy Weblinks