Responsive Web Design 
Galaxy Weblinks
RWD: Device-Agnostic Way 
- What is Responsive Web Design? 
- Where does RWD come from? 
- Why is RWD in vogue? 
- What ar...
What is Responsive Web Design? 
Galaxy Weblinks
Responsive Web Design is a 
- Technique that provides customized viewing experience for 
different browser platforms. 
- T...
Responsive Web Design 
- Design One Site that works EVERYWHERE. 
Galaxy Weblinks
Where does RWD come from? 
Galaxy Weblinks
Responsive Web Design 
- Originally coined by Ethan Marcotte in 2010,he quoted in his 
article 
“ Rather than tailoring di...
Why is RWD in vogue? 
Galaxy Weblinks
The Secret Behind RWD 
- Trend of Growing Demand for Smartphones. 
- Multiple Screen sizes & Mobile Browsers. 
- Ultimate ...
What are the principles of RWD? 
Galaxy Weblinks
Responsive Web Design Principles 
- Built on Fluid Grid 
- Responsive Navigation 
- Media Queries and define Breakpoints 
...
Why use Responsive Web Design? 
Galaxy Weblinks
Responsive Web Design benefits 
- Wider Browser Support 
- Great User- Experience 
- Save Money & Time 
- SEO, Just ask Go...
Who’s using Responsive Web Design? 
Galaxy Weblinks
Responsive Web Design is used by 
- Ecommerce, Design & Advertising 
- Non Profit Organizations 
- Education & Government ...
Best Examples 
www.barackobama.com 
Galaxy Weblinks
Best Examples 
www.bostonglobe.com 
Galaxy Weblinks
Be Responsive! 
sales@galaxyweblinks.com 
888.666.4316 
Galaxy Weblinks
Upcoming SlideShare
Loading in …5
×

An Introduction To Responsive Web Design

1,139 views

Published on

Responsive web design is a lot more than simply a design fad its rapidly becoming a necessity for running into your users where they are.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,139
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

An Introduction To Responsive Web Design

  1. 1. Responsive Web Design Galaxy Weblinks
  2. 2. 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
  3. 3. What is Responsive Web Design? Galaxy Weblinks
  4. 4. 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
  5. 5. Responsive Web Design - Design One Site that works EVERYWHERE. Galaxy Weblinks
  6. 6. Where does RWD come from? Galaxy Weblinks
  7. 7. 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
  8. 8. Why is RWD in vogue? Galaxy Weblinks
  9. 9. 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
  10. 10. What are the principles of RWD? Galaxy Weblinks
  11. 11. Responsive Web Design Principles - Built on Fluid Grid - Responsive Navigation - Media Queries and define Breakpoints - Responsive Videos and Context- aware Image Sizing Galaxy Weblinks
  12. 12. Why use Responsive Web Design? Galaxy Weblinks
  13. 13. Responsive Web Design benefits - Wider Browser Support - Great User- Experience - Save Money & Time - SEO, Just ask Google! - Increased Conversion & Sales Galaxy Weblinks
  14. 14. Who’s using Responsive Web Design? Galaxy Weblinks
  15. 15. Responsive Web Design is used by - Ecommerce, Design & Advertising - Non Profit Organizations - Education & Government - Technology & Events - Publishing & Blogs Galaxy Weblinks
  16. 16. Best Examples www.barackobama.com Galaxy Weblinks
  17. 17. Best Examples www.bostonglobe.com Galaxy Weblinks
  18. 18. Be Responsive! sales@galaxyweblinks.com 888.666.4316 Galaxy Weblinks

×