{"id":2216,"date":"2015-03-24T14:41:38","date_gmt":"2015-03-24T14:41:38","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=2216"},"modified":"2019-07-03T13:42:17","modified_gmt":"2019-07-03T13:42:17","slug":"responsif-web-desain","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/","title":{"rendered":"Responsif Web Desain"},"content":{"rendered":"<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\" size-full wp-image-2217 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg\" alt=\"responsif\" width=\"960\" height=\"546\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg 960w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif-300x171.jpg 300w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Untuk artikel kali ini kita akan mencoba berkenalan dengan responsif web design, ya mengingat banyak sekali website saat ini mengadopsi fitur responsif tersebut. Oke mari kita lanjutkan membaca artikel berikut ini teman-teman WebHozz.<\/p>\n<p><!--more--><\/p>\n<p>Pertumbuhan perangkat smartphone dan mobile untuk berselancar di dunia maya, sangat berkembang. Itu artinya setiap orang hampir dipastikan, sering mengakses internet di smartphone mereka di banding di komputer desktop atau notebook.<\/p>\n<p>Pengunjung situs terkadang ingin mengharapkan agar situs atau website yang dikunjunginya tersebut terasa optimal atau memaksimalkan desain UX pada situsnya (mobile browsing).<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/res.jpg\"><img decoding=\"async\" class=\" size-full wp-image-2218 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/res.jpg\" alt=\"res\" width=\"570\" height=\"300\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/res.jpg 570w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/res-300x158.jpg 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><\/a><\/p>\n<p>Lantas apakah itu web responsif ?<\/p>\n<p>Web desain yang dapat merespon atau menyesuaikan, dengan apa website tersebut diakses. Tentunya dalam hal ini perangkat apa yang digunakan untuk mengakses situs tersebut apakah dengan smartphone atau Desktop PC, atau Tablet.<\/p>\n<p>Ethan Marcotte pada Mei 2010, menjelaskan web responsif tidaklah satu konsep, tapi betul-betul puncak dari beberapa teknik untuk menyesuaikan situs desktop agar optimal di perangkat mobile.<\/p>\n<p>Desain web yang responsif sangat mengedepankan user expirence yang optimal untuk website versi mobile.<\/p>\n<p>Nah itu dia teman-teman WebHozz, artinya desain web yang responsif dan user friendly merupakan bagian yang sangat penting, untuk itu pastikan kalian dalam mendesain website jangan lupa menerapkan atau memberikan fitur responsif untuk web versi mobile.<\/p>\n<p>Oke sampai jumpa di artikel berikutnya. Salam,&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untuk artikel kali ini kita akan mencoba berkenalan dengan responsif web design, ya mengingat banyak sekali website saat ini mengadopsi fitur responsif tersebut. Oke mari<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1890],"tags":[832,835,833,836,837,834,831],"class_list":["post-2216","post","type-post","status-publish","format-standard","hentry","category-artikel","tag-desain","tag-mobile","tag-responsif","tag-smartphone","tag-tablet","tag-ux","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsif Web Desain - WebHozz Blog<\/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:\/\/www.webhozz.com\/blog\/responsif-web-desain\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsif Web Desain - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Untuk artikel kali ini kita akan mencoba berkenalan dengan responsif web design, ya mengingat banyak sekali website saat ini mengadopsi fitur responsif tersebut. Oke mari\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-24T14:41:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-03T13:42:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"546\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\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:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\"},\"headline\":\"Responsif Web Desain\",\"datePublished\":\"2015-03-24T14:41:38+00:00\",\"dateModified\":\"2019-07-03T13:42:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/\"},\"wordCount\":209,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/responsif.jpg\",\"keywords\":[\"desain\",\"mobile\",\"responsif\",\"smartphone\",\"tablet\",\"UX\",\"web\"],\"articleSection\":[\"Artikel\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/\",\"name\":\"Responsif Web Desain - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/responsif.jpg\",\"datePublished\":\"2015-03-24T14:41:38+00:00\",\"dateModified\":\"2019-07-03T13:42:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/responsif.jpg\",\"contentUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/responsif.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/responsif-web-desain\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsif Web Desain\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/putralucio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsif Web Desain - WebHozz Blog","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:\/\/www.webhozz.com\/blog\/responsif-web-desain\/","og_locale":"en_US","og_type":"article","og_title":"Responsif Web Desain - WebHozz Blog","og_description":"Untuk artikel kali ini kita akan mencoba berkenalan dengan responsif web design, ya mengingat banyak sekali website saat ini mengadopsi fitur responsif tersebut. Oke mari","og_url":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/","og_site_name":"WebHozz Blog","article_published_time":"2015-03-24T14:41:38+00:00","article_modified_time":"2019-07-03T13:42:17+00:00","og_image":[{"width":960,"height":546,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea"},"headline":"Responsif Web Desain","datePublished":"2015-03-24T14:41:38+00:00","dateModified":"2019-07-03T13:42:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/"},"wordCount":209,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg","keywords":["desain","mobile","responsif","smartphone","tablet","UX","web"],"articleSection":["Artikel"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/","url":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/","name":"Responsif Web Desain - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg","datePublished":"2015-03-24T14:41:38+00:00","dateModified":"2019-07-03T13:42:17+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#primaryimage","url":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg","contentUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/03\/responsif.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/responsif-web-desain\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Responsif Web Desain"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/putralucio\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/2216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=2216"}],"version-history":[{"count":1,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/2216\/revisions"}],"predecessor-version":[{"id":2219,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/2216\/revisions\/2219"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=2216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=2216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=2216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}