{"id":196,"date":"2015-07-12T11:18:43","date_gmt":"2015-07-12T08:18:43","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=196"},"modified":"2023-12-20T14:15:04","modified_gmt":"2023-12-20T12:15:04","slug":"isnt-responsive-webs-design-really-complicated","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/","title":{"rendered":"Why isn&#8217;t responsive web design really that complicated?"},"content":{"rendered":"<p><strong>I have already published an article about the <a href=\"\/articles\/important-things-consider-building-responsive-web-design\/\">importance of good responsive web design<\/a>. The penetration of smartphones in the global market has surpassed that of feature phones. The computation prowess possessed by any modern smartphone could be said to rival that of mainstream personal computers less than a decade old. With such a spike in smartphone usage, it is only obvious that the modern day consumer would expect a company to feature a website that is as good as or better suited to mobile devices as compared to their desktop counterparts. This is where responsive web design stands indispensable.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-197\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\" alt=\"bad responsive design\" width=\"700\" height=\"504\" srcset=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg 700w, https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design-300x216.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\"><em>A demonstration of improper responsive design: parts of the UI are truncated on the narrow screen (HTML6.com)<\/em><!--more--><\/p>\n<p>If one were to use a single word to define responsive web design, it would be \u2018adaptable\u2019. A responsive web design is the type of web design that adapts to different devices, bearing in mind the most optimum user interface to generate the best user experience, as can be seen on <a href=\"\/\">HTML-Online.com<\/a> for example. Web developers identify these terms as UI (user interface) and UX (user experience) respectively.<\/p>\n<p>For instance, a website that runs well on a desktop browser that has the user operating a keyboard and mouse for navigation must be able to adapt to a tablet that uses fingers on a touch screen device as well. The same can be said for a mobile phone that again requires a touch screen friendly interface. This requires the developers to build a website that is scalable to fit the screens of multiple devices, including the re-sizing and re-positioning of navigational elements for different screen sizes and operating systems.<\/p>\n<p>Often it is thought that it is best to come up with native applications for different operating systems, thus eliminating the need for a website altogether. However, it often is the case that development costs aren\u2019t fully considered, which often skyrocket when it come to the development and maintenance of a native application. Besides, before the application is even downloaded, a lasting impression is created on an individual who stumbles upon a well-built company website.<\/p>\n<p>Responsive web development has picked up even more owing to the fact that newer and better tools and design languages are now available for the developer to choose from. Languages such as bootstrap allow the developer to create just one website that is scalable for most devices, including desktops, tablets and mobile phones. According to the window displaying the device, the design of the website would change. This is particularly beneficial for the fact that devices today are available in a lot of different screen sizes and resolutions. While at a point a 3.5\u201d screen would appear to be gigantic, today 5.5\u201d phones are pretty much a norm and have their own category called \u2018phablets\u2019.<\/p>\n<p>Such versatility can be addressed only with responsive web design, a practice that is evolving over time. For a website to take off and make it big, it requires SEO or search engine optimization. A very important trend in 2015 for SEO is how mobile-friendly a website is. If it isn\u2019t, it is given a lower search rank as compared to the competition. Thus even to stand out in search indexing, a responsive website is required over one which is unsuitable for most content consumption mediums.<\/p>\n<p>Companies like WWWEEEBBB offer high quality solutions to both SEO Services as well as responsive web design which are a must to gain a competitive edge in the online space.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed that of feature phones. The computation prowess possessed by any modern smartphone could be said to rival that of mainstream personal computers less than a decade old. With such a spike &hellip; <a href=\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Why isn&#8217;t responsive web design really that complicated?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2],"tags":[],"class_list":["post-196","post","type-post","status-publish","format-standard","hentry","category-articles","category-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why isn&#039;t responsive webs design really that complicated?<\/title>\n<meta name=\"description\" content=\"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why isn&#039;t responsive webs design really that complicated?\" \/>\n<meta property=\"og:description\" content=\"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-12T08:18:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-20T12:15:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Why isn&#8217;t responsive web design really that complicated?\",\"datePublished\":\"2015-07-12T08:18:43+00:00\",\"dateModified\":\"2023-12-20T12:15:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\"},\"wordCount\":591,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\",\"articleSection\":[\"Articles\",\"CSS\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\",\"url\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\",\"name\":\"Why isn't responsive webs design really that complicated?\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\",\"datePublished\":\"2015-07-12T08:18:43+00:00\",\"dateModified\":\"2023-12-20T12:15:04+00:00\",\"description\":\"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg\",\"width\":700,\"height\":504,\"caption\":\"bad responsive design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why isn&#8217;t responsive web design really that complicated?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why isn't responsive webs design really that complicated?","description":"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed","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:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/","og_locale":"en_GB","og_type":"article","og_title":"Why isn't responsive webs design really that complicated?","og_description":"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed","og_url":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2015-07-12T08:18:43+00:00","article_modified_time":"2023-12-20T12:15:04+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Why isn&#8217;t responsive web design really that complicated?","datePublished":"2015-07-12T08:18:43+00:00","dateModified":"2023-12-20T12:15:04+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/"},"wordCount":591,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg","articleSection":["Articles","CSS"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/","url":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/","name":"Why isn't responsive webs design really that complicated?","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg","datePublished":"2015-07-12T08:18:43+00:00","dateModified":"2023-12-20T12:15:04+00:00","description":"I have already published an article about the importance of good responsive web design. The penetration of smartphones in the global market has surpassed","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/03\/bad-responsive-web-design.jpg","width":700,"height":504,"caption":"bad responsive design"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/isnt-responsive-webs-design-really-complicated\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Why isn&#8217;t responsive web design really that complicated?"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":1997,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/196\/revisions\/1997"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}