What Is Responsive Web Design

REŞPONSIVE WEB DESIGN A PARADIGM SHIFT IN THE INDUSTRY WHATISRESPONSIVEWEBDESIGN? Responsive web design is the approach that suggests that design and development should respond to the user's behavior and environment based on screen size, platform and orientation. HTML Css www URL ONE URL SINGLE CONTENT ONE CODE CSS3 MEDIA QUERIES MULTIPLE DEVICES DESKTOP LAPTOP TABLET SMARTPHONE KEYFEATURESOFRESPONSIVEWEBDESIGN 1920 x 1920 768x 1024 0 FLEXIBLE GRID FLEXIBLE IMAGES FLEXIBLE IMAGES WHYSHOULDISWITCHMYWEBSITETORESPONSIVEDESIGN With new devices of varying screen resolution ropping up regularly, it is essential to have a Web design that adapts itself to multiple screen size. When you have a site with a responsive web design, it looks good on a smartphone, a tablet, an e-reader and not just the desktop. MOBILE INTERNET USERS DESKTOP INTERNET USERS WHAT'S NEXT? 1.6ON 1.4 billion 2013 1.9 2015 2015 1 BILLION 800 Mobile devices to overtake desktop PCs as dominant global internet platform. 2009 misHon 2009 * ComScore Survey, 2012 TechCrunch Survey. 2012 INTERNETUSAGE-MOBILES VS DESKTOPS Global Mobile vs. Desktop Internet User Projection, 2007 - 2015 (Morgan Stanley Research) 2000 1200 1200 O Mobile Internet Users 800 O Desktop Internet Users 400 2007 2008 2009 2010 2011 2012 2013 2014 2015 MARKETSHAREOFVARIOUSMOBILEBROWSERS All browsers support CSS3 media queries Safari Android symbian Symbian 22% Opera Mini BlackBerry 55% U22% 4% 3% ADVANTAGESOFRESPONSIVEWEBDESIGN Saves Money Saves Times Improved SEO Better Pertormance Wider Browser Support GOOGLERECOMENDSRESPONSIVEWEBDESIGN Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HIML for all devices and using only CSS media queries to decide the rendering on each device. Google WhoKnowsAGuy Saving Businesses From Internet Marketing Failures copyright 2013