{"id":2231,"date":"2012-01-10T08:39:10","date_gmt":"2012-01-10T10:39:10","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=2231"},"modified":"2012-01-10T14:28:57","modified_gmt":"2012-01-10T16:28:57","slug":"22-web-sites-desenvolvidos-com-html5-e-css3","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3","title":{"rendered":"22 web sites desenvolvidos com HTML5 e CSS3"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg\" alt=\"Exemplos de sites em HTML5 e CSS3\" title=\"Exemplos de sites em HTML5 e CSS3\" width=\"540\" height=\"200\" class=\"aligncenter size-full wp-image-2300\" \/><\/p>\n<p>Fiz esse artigo reunindo <strong>sites inspiradores usando HTML5 e CSS3<\/strong>, exemplos brilhantes e para l\u00e1 de criativos que demonstram o potencial dessas duas tecnologias, e claro, a habilidade e criatividade dos desenvolvedores. Esse post tamb\u00e9m serve como uma grande fonte de inspira\u00e7\u00e3o para voc\u00ea aplicar em seus projetos.<br \/>\n<!--more Continuar lendo...--><br \/>\nApesar da <a href=\"https:\/\/www.kadunew.com\/blog\/category\/html5\">linguagem HTML5<\/a> ainda n\u00e3o estar totalmente finalizada, h\u00e1 muitos projetos de sites utilizando essa linguagem, que promete <strong>revolucionar o modo que os desenvolvedores criam seus<\/strong> sites. Com a presen\u00e7a do HTML5 podemos eliminar a necessidades de plugins de terceiros, permite uma codifica\u00e7\u00e3o mais sem\u00e2ntica e limpa, entre outras vantagens.<\/p>\n<p><a href=\"https:\/\/www.kadunew.com\/blog\/css\/suporte-dos-navegadores-para-propriedades-css3\">Suporte para CSS3<\/a> est\u00e1 crescendo rapidamente, os principais navegadores j\u00e1 est\u00e3o interpretando regras CSS3 (novos seletores, propriedades, etc).<\/p>\n<h2>1. <a href=\"http:\/\/benthebodyguard.com\">Bent the Bodyguard<\/a><\/h2>\n<p><a href=\"http:\/\/benthebodyguard.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bent-the-bodyguard.jpg\" alt=\"bent the bodyguard\" title=\"bent the bodyguard\" width=\"479\" height=\"297\" class=\"aligncenter size-full wp-image-2245\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bent-the-bodyguard.jpg 479w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bent-the-bodyguard-300x186.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/a><\/p>\n<h2>2. <a href=\"http:\/\/www.bountybev.com\/home.html\">Bounty Bev<\/a><\/h2>\n<p><a href=\"http:\/\/www.bountybev.com\/home.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bounty.jpg\" alt=\"bounty\" title=\"bounty\" width=\"477\" height=\"298\" class=\"aligncenter size-full wp-image-2248\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bounty.jpg 477w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/bounty-300x187.jpg 300w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/><\/a><\/p>\n<h2>3. <a href=\"http:\/\/www.digitalhands.net\">Digital Hands<\/a><\/h2>\n<p><a href=\"http:\/\/www.digitalhands.net\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/digital-hands.jpg\" alt=\"digital hands\" title=\"digital hands\" width=\"478\" height=\"297\" class=\"aligncenter size-full wp-image-2249\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/digital-hands.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/digital-hands-300x186.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>4. <a href=\"http:\/\/getsatisfaction.com\">Get Satisfaction<\/a><\/h2>\n<p><a href=\"http:\/\/getsatisfaction.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/get-satisfaction.jpg\" alt=\"get satisfaction\" title=\"get satisfaction\" width=\"476\" height=\"297\" class=\"aligncenter size-full wp-image-2250\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/get-satisfaction.jpg 476w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/get-satisfaction-300x187.jpg 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/a><\/p>\n<h2>5. <a href=\"http:\/\/www.iamjamie.co.uk\">I am Jamie<\/a><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/i-am-jamie.jpg\" title=\"i am jamie\" width=\"479\" height=\"294\" class=\"aligncenter size-full wp-image-2253\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/i-am-jamie.jpg 479w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/i-am-jamie-300x184.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/p>\n<h2>6. <a href=\"http:\/\/icaroferracini.com\">Icaro Ferracini<\/a><\/h2>\n<p><a href=\"http:\/\/icaroferracini.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/icaro-ferracini.jpg\" alt=\"icaro ferracini\" title=\"icaro ferracini\" width=\"479\" height=\"294\" class=\"aligncenter size-full wp-image-2254\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/icaro-ferracini.jpg 479w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/icaro-ferracini-300x184.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/a><\/p>\n<h2>7. <a href=\"http:\/\/ivanasetiawan.com\">Ivan Asetiawan<\/a><\/h2>\n<p><a href=\"http:\/\/ivanasetiawan.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ivan-asetiawan.jpg\" alt=\"ivan asetiawan\" title=\"ivan asetiawan\" width=\"474\" height=\"297\" class=\"aligncenter size-full wp-image-2255\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ivan-asetiawan.jpg 474w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ivan-asetiawan-300x187.jpg 300w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/a><\/p>\n<h2>8. <a href=\"http:\/\/matthewnsara.com\">Matt Hewnsara<\/a><\/h2>\n<p><a href=\"http:\/\/matthewnsara.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/matt.jpg\" alt=\"matt\" title=\"matt\" width=\"480\" height=\"298\" class=\"aligncenter size-full wp-image-2256\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/matt.jpg 480w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/matt-300x186.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<h2>9. <a href=\"http:\/\/lab.4muladesign.com\/dribbble\">Mula Design<\/a><\/h2>\n<p><a href=\"http:\/\/lab.4muladesign.com\/dribbble\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/mula-design.jpg\" alt=\"mula design\" title=\"mula design\" width=\"481\" height=\"298\" class=\"aligncenter size-full wp-image-2257\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/mula-design.jpg 481w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/mula-design-300x185.jpg 300w\" sizes=\"(max-width: 481px) 100vw, 481px\" \/><\/a><\/p>\n<h2>10. <a href=\"http:\/\/www.nikebetterworld.com\">Nike Better World<\/a><\/h2>\n<p><a href=\"http:\/\/www.nikebetterworld.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/nike-better.jpg\" alt=\"nike better\" title=\"nike better\" width=\"479\" height=\"296\" class=\"aligncenter size-full wp-image-2258\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/nike-better.jpg 479w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/nike-better-300x185.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/a><\/p>\n<h2>11. <a href=\"http:\/\/robedwards.org\">Robedwards<\/a><\/h2>\n<p><a href=\"http:\/\/robedwards.org\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/robedwards.jpg\" alt=\"robedwards\" title=\"robedwards\" width=\"480\" height=\"297\" class=\"aligncenter size-full wp-image-2259\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/robedwards.jpg 480w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/robedwards-300x185.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<h2>12. <a href=\"http:\/\/www.seamco.be\/home\">Seamco<\/a><\/h2>\n<p><a href=\"http:\/\/www.seamco.be\/home\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/seamco.jpg\" alt=\"seamco\" title=\"seamco\" width=\"478\" height=\"296\" class=\"aligncenter size-full wp-image-2260\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/seamco.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/seamco-300x185.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>13. <a href=\"http:\/\/www.vision18.co.in\/studio\">Vision 18<\/a><\/h2>\n<p><a href=\"http:\/\/www.vision18.co.in\/studio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/vision-18.jpg\" alt=\"vision 18\" title=\"vision 18\" width=\"478\" height=\"298\" class=\"aligncenter size-full wp-image-2261\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/vision-18.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/vision-18-300x187.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>14. <a href=\"http:\/\/www.walo.co.uk\">Walo<\/a><\/h2>\n<p><a href=\"http:\/\/www.walo.co.uk\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/walo.jpg\" alt=\"walo\" title=\"walo\" width=\"478\" height=\"296\" class=\"aligncenter size-full wp-image-2262\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/walo.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/walo-300x185.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>15. <a href=\"http:\/\/webforfreaks.com\/2011\">Web For Freaks<\/a><\/h2>\n<p><a href=\"http:\/\/webforfreaks.com\/2011\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/web-for-freaks.jpg\" alt=\"web for freaks\" title=\"web for freaks\" width=\"480\" height=\"297\" class=\"aligncenter size-full wp-image-2263\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/web-for-freaks.jpg 480w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/web-for-freaks-300x185.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<h2>16. <a href=\"http:\/\/html5readiness.com\">Readiness<\/a><\/h2>\n<p><a href=\"http:\/\/html5readiness.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/readiness.jpg\" alt=\"readiness\" title=\"readiness\" width=\"478\" height=\"294\" class=\"aligncenter size-full wp-image-2264\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/readiness.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/readiness-300x184.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>17. <a href=\"http:\/\/clearideaz.com\">Clearideaz<\/a><\/h2>\n<p><a href=\"http:\/\/clearideaz.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/clearideaz.jpg\" alt=\"clearideaz\" title=\"clearideaz\" width=\"478\" height=\"294\" class=\"aligncenter size-full wp-image-2265\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/clearideaz.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/clearideaz-300x184.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>18. <a href=\"http:\/\/www.scratchradio.co.uk\">Scratch Radio<\/a><\/h2>\n<p><a href=\"http:\/\/www.scratchradio.co.uk\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/scratch-radio.jpg\" alt=\"scratch radio\" title=\"scratch radio\" width=\"478\" height=\"289\" class=\"aligncenter size-full wp-image-2266\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/scratch-radio.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/scratch-radio-300x181.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>19. <a href=\"http:\/\/www.nzfestival.nzpost.co.nz\">nzfestival<\/a><\/h2>\n<p><a href=\"http:\/\/www.nzfestival.nzpost.co.nz\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/new-zealand-international-a.jpg\" alt=\"new zealand\" title=\"new zealand\" width=\"484\" height=\"298\" class=\"aligncenter size-full wp-image-2267\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/new-zealand-international-a.jpg 484w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/new-zealand-international-a-300x184.jpg 300w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/a><\/p>\n<h2>20. <a href=\"http:\/\/www.lesmads.de\/blogs\/okcool\">OK Cool<\/a><\/h2>\n<p><a href=\"http:\/\/www.lesmads.de\/blogs\/okcool\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ok-cool.jpg\" alt=\"ok cool\" title=\"ok cool\" width=\"478\" height=\"298\" class=\"aligncenter size-full wp-image-2268\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ok-cool.jpg 478w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/ok-cool-300x187.jpg 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2>21. <a href=\"http:\/\/zoocha.com\">Zoocha<\/a><\/h2>\n<p><a href=\"http:\/\/zoocha.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/zoocha.jpg\" alt=\"zoocha\" title=\"zoocha\" width=\"479\" height=\"242\" class=\"aligncenter size-full wp-image-2293\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/zoocha.jpg 479w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/zoocha-300x151.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/a><\/p>\n<h2>22. <a href=\"http:\/\/mollar.me\">Portfolio Rui Molar\u2019s<\/a><\/h2>\n<p><a href=\"http:\/\/mollar.me\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/rui-molar.jpg\" alt=\"rui-molar\" title=\"rui-molar\" width=\"476\" height=\"295\" class=\"aligncenter size-full wp-image-2296\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/rui-molar.jpg 476w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/rui-molar-300x185.jpg 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/a><\/p>\n<p>Me siga no Twitter: <a href=\"http:\/\/twitter.com\/kadunew\" rel=\"nofollow\">@kadunew<\/a> ou assine nosso <a href=\"http\/\/www.kadunew.com\/blog\/feed\">Feed<\/a> e fique por dentro de todas atualiza\u00e7\u00f5es aqui do blog.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fiz esse artigo reunindo sites inspiradores usando HTML5 e CSS3, exemplos brilhantes e para l\u00e1 de criativos que demonstram o potencial dessas duas tecnologias, e claro, a habilidade e criatividade dos desenvolvedores. Esse post tamb\u00e9m serve como uma grande fonte de inspira\u00e7\u00e3o para voc\u00ea aplicar em seus projetos.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[45,50,34,55],"class_list":["post-2231","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-css","tag-design","tag-html","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>22 web sites desenvolvidos com HTML5 e CSS3<\/title>\n<meta name=\"description\" content=\"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.\" \/>\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.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"22 web sites desenvolvidos com HTML5 e CSS3\" \/>\n<meta property=\"og:description\" content=\"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2012-01-10T10:39:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-01-10T16:28:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"496\" \/>\n\t<meta property=\"og:image:height\" content=\"198\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3\",\"url\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3\",\"name\":\"22 web sites desenvolvidos com HTML5 e CSS3\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg\",\"datePublished\":\"2012-01-10T10:39:10+00:00\",\"dateModified\":\"2012-01-10T16:28:57+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"description\":\"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg\",\"contentUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg\",\"width\":\"496\",\"height\":\"198\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/web-design\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"22 web sites desenvolvidos com HTML5 e CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"22 web sites desenvolvidos com HTML5 e CSS3","description":"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.","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.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3","og_locale":"pt_BR","og_type":"article","og_title":"22 web sites desenvolvidos com HTML5 e CSS3","og_description":"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.","og_url":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3","og_site_name":"KADUNEW","article_published_time":"2012-01-10T10:39:10+00:00","article_modified_time":"2012-01-10T16:28:57+00:00","og_image":[{"width":496,"height":198,"url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg","type":"image\/jpeg"}],"author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3","url":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3","name":"22 web sites desenvolvidos com HTML5 e CSS3","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage"},"image":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage"},"thumbnailUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg","datePublished":"2012-01-10T10:39:10+00:00","dateModified":"2012-01-10T16:28:57+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"description":"Artigo com 20 exemplos de sites inspiradores utilizando HTML5 e CSS3. Linguagens que sem d\u00favida se tornaram uma tend\u00eancia moderna no desenvolvimento de sites.","breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#primaryimage","url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg","contentUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/exemplos-de-sites-html5-css.jpg","width":"496","height":"198"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/22-web-sites-desenvolvidos-com-html5-e-css3#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.kadunew.com\/blog\/category\/web-design"},{"@type":"ListItem","position":3,"name":"22 web sites desenvolvidos com HTML5 e CSS3"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2231"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=2231"}],"version-history":[{"count":47,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2231\/revisions"}],"predecessor-version":[{"id":2337,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2231\/revisions\/2337"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=2231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=2231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}