{"id":5919,"date":"2019-01-15T07:48:43","date_gmt":"2019-01-15T07:48:43","guid":{"rendered":"http:\/\/soledad.pencidesign.com\/soledad-design-magazine\/best-free-tools-for-adding-dynamic-animations-to-ui-c-c-c-c-c-c-c\/"},"modified":"2019-01-15T07:48:43","modified_gmt":"2019-01-15T07:48:43","slug":"responsive-web-design-50-examples-and-best-practices","status":"publish","type":"post","link":"https:\/\/thedroidarena.com\/responsive-web-design-50-examples-and-best-practices\/","title":{"rendered":"Responsive Design: 50 Examples and Best Practices"},"content":{"rendered":"<div class=\"0d95787e8fa81b57c427ef605fe23d3c\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- droid1new -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-5332750416820157\"\r\n     data-ad-slot=\"2126232013\"\r\n     data-ad-format=\"link\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<p>Lommodo ligula eget dolor. Aenean massa. Cum sociis que penatibus et magnis dis parturient montes lorem, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla onsequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget. Lorem ispum dolore siamet ipsum dolor.<\/p>\n<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumquer nihil impedit quo minus id quod maxime placeat facere.<br \/>\n<!--more--><\/p>\n<p style=\"text-align: center; font-size: 18px;\"><strong>BE THE CHANGE YOU WANT TO SEE IN THE WORLD<\/strong><\/p>\n<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.\u00a0Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur\u00a0reprehenderit qui in ea voluptate velit esse quam nihil.<\/p>\n<div class=\"penci-pullqoute align-none\">\n<blockquote><p><span class=\"s1\">You will never be happy if you continue to search for what happiness consists of. You will never live if you are looking for the meaning of life.<\/span><\/p>\n<div class=\"author\"><span>Albert Camus<\/span><\/div>\n<\/blockquote>\n<\/div>\n<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.\u00a0Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<\/p>\n<h2>Demo Magazine Article Title<\/h2>\n<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit.\u00a0Vivamus elementum semper nisi.<\/p>\n<p>Rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer cidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Lommodo ligula eget dolor. Aenean massa. Cum sociis que penatibus et magnis dis parturient montes lorem, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla onsequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget. Lorem ispum<\/p>\n","protected":false},"author":2,"featured_media":82,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1257,1258],"tags":[1261,1262,1263],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Design: 50 Examples and Best Practices<\/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:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Design: 50 Examples and Best Practices\" \/>\n<meta property=\"og:description\" content=\"Lommodo ligula eget dolor. Aenean massa. Cum sociis que penatibus et magnis dis parturient montes lorem, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla onsequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget. Lorem ispum\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"The Droid Arena\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-15T07:48:43+00:00\" \/>\n<meta name=\"author\" content=\"Houdin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Houdin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/\",\"url\":\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/\",\"name\":\"Responsive Design: 50 Examples and Best Practices\",\"isPartOf\":{\"@id\":\"https:\/\/thedroidarena.com\/#website\"},\"datePublished\":\"2019-01-15T07:48:43+00:00\",\"dateModified\":\"2019-01-15T07:48:43+00:00\",\"author\":{\"@id\":\"https:\/\/thedroidarena.com\/#\/schema\/person\/d44519fb5941fa3376a85da657d0775d\"},\"breadcrumb\":{\"@id\":\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thedroidarena.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Design: 50 Examples and Best Practices\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thedroidarena.com\/#website\",\"url\":\"https:\/\/thedroidarena.com\/\",\"name\":\"The Droid Arena\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thedroidarena.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/thedroidarena.com\/#\/schema\/person\/d44519fb5941fa3376a85da657d0775d\",\"name\":\"Houdin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thedroidarena.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a5af388452638c498bf1c3f69d74debf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a5af388452638c498bf1c3f69d74debf?s=96&d=mm&r=g\",\"caption\":\"Houdin\"},\"url\":\"https:\/\/thedroidarena.com\/author\/houdin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Design: 50 Examples and Best Practices","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:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Design: 50 Examples and Best Practices","og_description":"Lommodo ligula eget dolor. Aenean massa. Cum sociis que penatibus et magnis dis parturient montes lorem, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla onsequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget. Lorem ispum","og_url":"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/","og_site_name":"The Droid Arena","article_published_time":"2019-01-15T07:48:43+00:00","author":"Houdin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Houdin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/","url":"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/","name":"Responsive Design: 50 Examples and Best Practices","isPartOf":{"@id":"https:\/\/thedroidarena.com\/#website"},"datePublished":"2019-01-15T07:48:43+00:00","dateModified":"2019-01-15T07:48:43+00:00","author":{"@id":"https:\/\/thedroidarena.com\/#\/schema\/person\/d44519fb5941fa3376a85da657d0775d"},"breadcrumb":{"@id":"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thedroidarena.com\/amp\/responsive-web-design-50-examples-and-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thedroidarena.com\/"},{"@type":"ListItem","position":2,"name":"Responsive Design: 50 Examples and Best Practices"}]},{"@type":"WebSite","@id":"https:\/\/thedroidarena.com\/#website","url":"https:\/\/thedroidarena.com\/","name":"The Droid Arena","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thedroidarena.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/thedroidarena.com\/#\/schema\/person\/d44519fb5941fa3376a85da657d0775d","name":"Houdin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thedroidarena.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a5af388452638c498bf1c3f69d74debf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a5af388452638c498bf1c3f69d74debf?s=96&d=mm&r=g","caption":"Houdin"},"url":"https:\/\/thedroidarena.com\/author\/houdin\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/posts\/5919"}],"collection":[{"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/comments?post=5919"}],"version-history":[{"count":0,"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/posts\/5919\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thedroidarena.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/media?parent=5919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/categories?post=5919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thedroidarena.com\/wp-json\/wp\/v2\/tags?post=5919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}