What is it? Whos using it? Why you should be today!
Slide 3
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.
Slide 4
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.
Slide 5
Why Responsive Design? Why Companies are Adopting Responsive
Design One Design, Many Devices and Interfaces 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 well build websites
for the decade to come J J J eeee ffff ffff rrrr eeee yyyy V V V V
eeee eeee nnnnVP - Products at Adobe
Slide 6
www.disney.com
Slide 7
www.microsoft.com
Slide 8
www.starbucks.com
Slide 9
Why Responsive Design? Why Companies are Adopting Responsive
Design Mobile First Design for Tablets & Smart Phones 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 E E tttt
hhhh aaaa nnnn M M M M aaaa rrrr cccc oooo tttt tttt eeeeGuru of
Responsive Web Design
Slide 10
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 todays Web
means considering single- handed thumb use on smartphones L L uuuu
kkkk eeee W W W W rrrr oooo bbbb llll eeee wwww ssss kkkk
iiiiProduct Director at Google