{"id":31,"date":"2018-10-25T12:31:01","date_gmt":"2018-10-25T12:31:01","guid":{"rendered":"https:\/\/websitedeveloperdubai.com\/blog\/?p=31"},"modified":"2019-07-07T10:18:10","modified_gmt":"2019-07-07T10:18:10","slug":"what-is-responsive-web-design","status":"publish","type":"post","link":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/","title":{"rendered":"What is responsive web design"},"content":{"rendered":"

What is responsive web design?<\/h3>\n

Responsive web design facilitates the build of a single site that will work across multiple screen resolutions. For example, a responsive website may display in multiple columns when viewed on a desktop\/laptop but automatically scale to two columns when accessed via a tablet and one column via a mobile phone.<\/p>\n

Responsive front end frameworks<\/h3>\n

Responsive frameworks are grid structures that are used as the building block for scalable websites. It saves time by giving us the building blocks required to build an effective responsive website. In short, it is a set of code that can be reused so that developers are not constantly reinventing the wheel.<\/p>\n

Responsive frameworks are Bootstrap<\/a>, Base, The Responsive grid System<\/a>, Foundation<\/a> etc.<\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

What is responsive web design? Responsive web design facilitates the build of a single site that will work across multiple screen resolutions. For example, a responsive website may display in multiple columns when viewed on a desktop\/laptop but automatically scale to two columns when accessed via a tablet and one column via a mobile phone…. Continue reading →<\/span><\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,8,9,25,4],"tags":[18,17,16,28,15,29,12,13,14],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-bootstrap-framework","category-front-end-development","category-graphic-design","category-mobile-responsive","category-wordpress","tag-ecommerce-developer-abudhabi","tag-ecommerce-developer-dubai","tag-freelance-website-developer-in-dubai","tag-web-design-dubai","tag-webdeveloper-in-dubai","tag-website-design-dubai","tag-woocommerce-developer-in-dubai","tag-wordpress-developer-abudhabi","tag-wordpress-developer-in-dubai"],"yoast_head":"\nWhat is responsive web design - Freelance Web Designer Based In Dubai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is responsive web design - Freelance Web Designer Based In Dubai\" \/>\n<meta property=\"og:description\" content=\"What is responsive web design? Responsive web design facilitates the build of a single site that will work across multiple screen resolutions. For example, a responsive website may display in multiple columns when viewed on a desktop\/laptop but automatically scale to two columns when accessed via a tablet and one column via a mobile phone.... Continue reading →\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Freelance Web Designer Based In Dubai\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-25T12:31:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-07T10:18:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"923\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Muhammad Salman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Muhammad Salman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\"},\"author\":{\"name\":\"Muhammad Salman\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff\"},\"headline\":\"What is responsive web design\",\"datePublished\":\"2018-10-25T12:31:01+00:00\",\"dateModified\":\"2019-07-07T10:18:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\"},\"wordCount\":128,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png\",\"keywords\":[\"Ecommerce Developer Abudhabi\",\"Ecommerce Developer Dubai\",\"Freelance website developer in dubai\",\"Web Design Dubai\",\"Webdeveloper in dubai\",\"Website Design Dubai\",\"Woocommerce Developer in Dubai\",\"Wordpress Developer Abudhabi\",\"Wordpress Developer in Dubai\"],\"articleSection\":[\"Bootstrap Framework\",\"Front End Development\",\"Graphic Design\",\"Mobile Responsive\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\",\"url\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\",\"name\":\"What is responsive web design - Freelance Web Designer Based In Dubai\",\"isPartOf\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png\",\"datePublished\":\"2018-10-25T12:31:01+00:00\",\"dateModified\":\"2019-07-07T10:18:10+00:00\",\"author\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff\"},\"breadcrumb\":{\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage\",\"url\":\"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png\",\"contentUrl\":\"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/websitedeveloperdubai.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is responsive web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#website\",\"url\":\"https:\/\/websitedeveloperdubai.com\/blog\/\",\"name\":\"Freelance Web Designer Based In Dubai\",\"description\":\"websitedeveloperdubai.com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websitedeveloperdubai.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff\",\"name\":\"Muhammad Salman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78683b45d01c7bd143acc6275935d817?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78683b45d01c7bd143acc6275935d817?s=96&d=mm&r=g\",\"caption\":\"Muhammad Salman\"},\"url\":\"https:\/\/websitedeveloperdubai.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is responsive web design - Freelance Web Designer Based In Dubai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"What is responsive web design - Freelance Web Designer Based In Dubai","og_description":"What is responsive web design? Responsive web design facilitates the build of a single site that will work across multiple screen resolutions. For example, a responsive website may display in multiple columns when viewed on a desktop\/laptop but automatically scale to two columns when accessed via a tablet and one column via a mobile phone.... Continue reading →","og_url":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/","og_site_name":"Freelance Web Designer Based In Dubai","article_published_time":"2018-10-25T12:31:01+00:00","article_modified_time":"2019-07-07T10:18:10+00:00","og_image":[{"width":1500,"height":923,"url":"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup.png","type":"image\/png"}],"author":"Muhammad Salman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Muhammad Salman","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#article","isPartOf":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/"},"author":{"name":"Muhammad Salman","@id":"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff"},"headline":"What is responsive web design","datePublished":"2018-10-25T12:31:01+00:00","dateModified":"2019-07-07T10:18:10+00:00","mainEntityOfPage":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/"},"wordCount":128,"commentCount":0,"image":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png","keywords":["Ecommerce Developer Abudhabi","Ecommerce Developer Dubai","Freelance website developer in dubai","Web Design Dubai","Webdeveloper in dubai","Website Design Dubai","Woocommerce Developer in Dubai","Wordpress Developer Abudhabi","Wordpress Developer in Dubai"],"articleSection":["Bootstrap Framework","Front End Development","Graphic Design","Mobile Responsive","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/","url":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/","name":"What is responsive web design - Freelance Web Designer Based In Dubai","isPartOf":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage"},"image":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png","datePublished":"2018-10-25T12:31:01+00:00","dateModified":"2019-07-07T10:18:10+00:00","author":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff"},"breadcrumb":{"@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#primaryimage","url":"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png","contentUrl":"https:\/\/websitedeveloperdubai.com\/blog\/wp-content\/uploads\/2019\/06\/mockup-1024x630.png"},{"@type":"BreadcrumbList","@id":"https:\/\/websitedeveloperdubai.com\/blog\/what-is-responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitedeveloperdubai.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is responsive web design"}]},{"@type":"WebSite","@id":"https:\/\/websitedeveloperdubai.com\/blog\/#website","url":"https:\/\/websitedeveloperdubai.com\/blog\/","name":"Freelance Web Designer Based In Dubai","description":"websitedeveloperdubai.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websitedeveloperdubai.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/d03c75e687fa5166b71332c342daf8ff","name":"Muhammad Salman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitedeveloperdubai.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78683b45d01c7bd143acc6275935d817?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78683b45d01c7bd143acc6275935d817?s=96&d=mm&r=g","caption":"Muhammad Salman"},"url":"https:\/\/websitedeveloperdubai.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":3,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/posts\/31\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websitedeveloperdubai.com\/blog\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}