an introduction to responsive web design

18
Responsive Web Design Galaxy Weblinks

Upload: galaxy-weblinks-inc

Post on 02-Dec-2014

339 views

Category:

Technology


2 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: An Introduction To Responsive Web Design

Responsive Web Design

Galaxy Weblinks

Page 2: An Introduction To Responsive Web Design

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 3: An Introduction To Responsive Web Design

What is Responsive Web Design?

Galaxy Weblinks

Page 4: An Introduction To Responsive Web Design

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

Responsive Web Design - Design One Site that works EVERYWHERE.

Galaxy Weblinks

Page 6: An Introduction To Responsive Web Design

Where does RWD come from?

Galaxy Weblinks

Page 7: An Introduction To Responsive Web Design

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 8: An Introduction To Responsive Web Design

Why is RWD in vogue?

Galaxy Weblinks

Page 9: An Introduction To Responsive Web Design

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 10: An Introduction To Responsive Web Design

What are the principles of RWD?

Galaxy Weblinks

Page 11: An Introduction To Responsive Web Design

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 12: An Introduction To Responsive Web Design

Why use Responsive Web Design?

Galaxy Weblinks

Page 13: An Introduction To Responsive Web Design

Responsive Web Design benefits

- Wider Browser Support

- Great User- Experience

- Save Money & Time

- SEO, Just ask Google!

- Increased Conversion & Sales

Galaxy Weblinks

Page 14: An Introduction To Responsive Web Design

Who’s using Responsive Web Design?

Galaxy Weblinks

Page 15: An Introduction To Responsive Web Design

Responsive Web Design is used by

- Ecommerce, Design & Advertising

- Non Profit Organizations

- Education & Government

- Technology & Events

- Publishing & Blogs

Galaxy Weblinks

Page 16: An Introduction To Responsive Web Design

Best Exampleswww.barackobama.com

Galaxy Weblinks

Page 17: An Introduction To Responsive Web Design

Best Exampleswww.bostonglobe.com

Galaxy Weblinks

Page 18: An Introduction To Responsive Web Design

Be [email protected]

888.666.4316

Galaxy Weblinks