1

Responsive Web Design Infographics

Embed Size (px)

DESCRIPTION

Responsive Web Design Infographics - advantages and disadvantages of responsive design and responsive websites.

Citation preview

Page 1: Responsive Web Design Infographics

Copyright © 2012 Intuitiv Technology Balkanswww.intuitiv.bg

intuitiv technology

Responsive Web Sitethe future of web design

What is it?One website for all screens. Adapts its contentautomatically to screen size and layout.

Accessible via smartphones,tablets, laptops, desktops

A single web URL address for all devices

Readable content, navigation according to device

Facilitated indexation on Google

Single website content management

Long termsolution

Advantages

Single company presencein front of customers

Disadvantages

Loading timefor heavier websites

Demands analysis content<>users

Good practicesstill in development

?

The Tech’s:Fluid GridsFlexible ImagesCSS Media QueriesScreen Resolutions

Google recommends it: «Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device...Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google's algorithms assign the indexing properties for the content.»indexing properties for the content.»(https://developers.google.com/webmasters/smartphone-sites/)