What is it? Who’s using it? Why you should be today!
What is Responsive Design?
An Industry Buzz Word De-mystified
Responsive websites respond to their environment.
Responsive designs are comprised of fluid grids and flexible images. Code works on smart phones,
tablets, smart watches, computers, tvs, blimps, cars, you name it.
Applications are compatible on all popular operating systems including OSX & Android.
Responsive design saves time and money. One website for all devices means less work &
maintenance.
Responsive designs are more compatible from browser to browser.
Consistency and familiarity across platforms enforces your brand identity.
How does it all work?
The 3 Elements Responsive Designs are Built Upon
HTML5 is the scalable code behind responsive design
HTML5 is a coding language designed for flexibility. Many of its core functions are
built to support mobile devices, smart phones and tablets.
JavaScript & jQuery define interactivity in responsive designs
JavaScript and jQuery introduce interactivity and tie together how web sites and
applications work, react and behave.
CSS3 defines how an application looks and feels
CSS3 defines the overall look of a site or application and how it behaves in a
defined space.
Why Responsive Design?
Why Companies are Adopting Responsive Design
One Design, Many Devices and Interfaces
Day by day the number of devices platforms and browsers that need to
work with your site grows Responsive web design represents a
fundamental shift in how we’ll build websites for the decade to come…
Jeffrey Veen
VP - Products at Adobe
www.disney.com
www.microsoft.com
www.starbucks.com
Why Responsive Design?
Why Companies are Adopting Responsive Design
Mobile First Design for Tablets & Smart Phones
The web's moved beyond the desktop, and it's not
looking back. The number of devices we're designing
for is growing just as quickly as mobile traffic…
Ethan Marcotte
Guru of Responsive Web Design
Why Responsive Design?
Why Companies are Adopting Responsive Design
With more Visitors Using Smartphones to access websites mobile
design in more important than ever.
Designing for today’s Web means considering
single-handed thumb use on smartphones…
Luke Wroblewski
Product Director at Google
Thank You