![\"Responsive](\"\/images\/device-candidates-responsive-web-design.png\" "\\"Responsive")
<\/p>\n<\/p>\n
Responsive web design has emerged as one of the biggest trends in the web design industry as of late.\u00a0For those of you who aren’t familiar with the term, “responsive web design” refers to the concept of a web page that is coded to respond and adapt to the screen size of the user, whether it be a smart phone, tablet, laptop, or full desktop computer.<\/p>\n
Originally coined by Ethan Marcotte in his article \u201cResponsive Web Design<\/a>,\u201d this method uses a combination of techniques, including CSS3 media queries and fluid grids, to achieve responsiveness.<\/p>\n With the introduction of new technologies every day, we must decide where to draw the line when it comes to developing for all of these new devices. Is it realistic to create separate sites for each device? Should responsive web design take the place of mobile web sites?\u00a0The answer really depends on your client.<\/p>\n For example, those who work in the service industry, such as plumbers, electricians, HVAC technicians, don\u2019t always need their full site served up to mobile users. One can assume if a user is on their phone looking for a plumber, they just need a phone number, or possibly a contact form with basic information.<\/p>\n It\u2019s not necessarily best practice from a performance standpoint to have a full desktop version of a site load for such users. Even Ethan Marcotte finishes\u00a0his article<\/a>\u00a0with this statement:<\/p>\n “That\u2019s not to say there isn\u2019t a business case for separate sites geared toward specific devices; for example, if the user goals for your mobile site are more limited in scope than its desktop equivalent, then serving different content to each might be the best approach.”<\/p><\/blockquote>\n On the other hand, for sites that are almost completely content driven (like one of my favorites,\u00a0css-tricks.com<\/a>), users visiting on any device are most likely looking for the same content found on the full site. Sites like this are the perfect candidate for a responsive design.<\/p>\n When content is constantly being added, it can become a nightmare to keep both a desktop and mobile site in sync. This is where responsive web design<\/a> comes into play.\u00a0Here at Advice<\/a>, our research into responsive web design is in early stages. Over the next few posts, I hope to share techniques for implementing responsive web into your sites.<\/p>\n","protected":false},"excerpt":{"rendered":" Responsive web design has emerged as one of the biggest trends in the web design industry as of late.\u00a0For those […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1081","post","type-post","status-publish","format-standard","hentry","category-web-development-design"],"_links":{"self":[{"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=\/wp\/v2\/posts\/1081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1081"}],"version-history":[{"count":0,"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=\/wp\/v2\/posts\/1081\/revisions"}],"wp:attachment":[{"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/al.rocksdmdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Does Everybody Need It?<\/h2>\n