{"id":6687,"date":"2014-10-09T12:09:48","date_gmt":"2014-10-09T15:09:48","guid":{"rendered":"http:\/\/www.viamais.net\/blog\/?p=6687"},"modified":"2014-10-09T12:10:33","modified_gmt":"2014-10-09T15:10:33","slug":"hack-css-para-firefox","status":"publish","type":"post","link":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/","title":{"rendered":"Hack css para Firefox de um jeito f\u00e1cil"},"content":{"rendered":"<h2><em>Veja como efetuar um hack css para Firefox de forma bem simples e f\u00e1cil de implementar e resolva aquele bug chato no layout do seu site.<\/em><\/h2>\n<p>[ad#texto]<\/p>\n<p>H\u00e1 alguns anos atr\u00e1s o grande problema dos desenvolvedores <em>front-end<\/em> para Web era o <a href=\"http:\/\/www.viamais.net\/blog\/?s=internet+explorer&amp;submit=Pesquisa#.VDakIfldU00\"><strong>Internet Explorer<\/strong><\/a>, geralmente tanto o <a href=\"http:\/\/www.viamais.net\/blog\/?s=firefox&amp;submit=Pesquisa#.VDakOvldU00\"><strong>Firefox<\/strong><\/a> quanto o <a href=\"http:\/\/www.viamais.net\/blog\/?s=chrome&amp;submit=Pesquisa#.VDakTPldU00\"><strong>Chrome<\/strong><\/a> renderizavam igualmente nossas interfaces, por\u00e9m este tempo mudou, o <strong>Internet Explorer<\/strong> evoluiu e tem causado bem menos problemas, contudo o <strong>Firefox<\/strong> na sua <a href=\"https:\/\/www.google.com.br\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;sqi=2&amp;ved=0CCYQFjAA&amp;url=https%3A%2F%2Fwww.mozilla.org%2Fpt-BR%2Ffirefox%2Fnew%2F&amp;ei=2qM2VNPmMNG_ggSI94KoCA&amp;usg=AFQjCNHfgUL0kw1Y4QLiIPQrVepFwadWqw&amp;sig2=3BdtJTo3pOCfkhszEabhHg&amp;bvm=bv.76943099,d.eXY\" target=\"_blank\">\u00faltima vers\u00e3o<\/a> come\u00e7ou a apresentar certa rebeldia, agora teremos que utilizar <a href=\"http:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/\"><strong>hacks css para Firefox<\/strong><\/a>.<\/p>\n<figure id=\"attachment_6128\" aria-describedby=\"caption-attachment-6128\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-6128 size-medium\" title=\"Hack css para Firefox de um jeito f\u00e1cil\" src=\"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg?resize=300%2C215\" alt=\"Hack css para Firefox de um jeito f\u00e1cil\" width=\"300\" height=\"215\" srcset=\"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg?w=695&amp;ssl=1 695w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-6128\" class=\"wp-caption-text\">Hack css para Firefox de um jeito f\u00e1cil<\/figcaption><\/figure>\n<p>\u00c9 dif\u00edcil encontrar algum desenvolvedor de interfaces Web que n\u00e3o tenha lan\u00e7ado m\u00e3o dos <strong>hacks css<\/strong> para compatibilizar seu trabalho tamb\u00e9m com o <a href=\"http:\/\/windows.microsoft.com\/pt-br\/internet-explorer\/download-ie\" target=\"_blank\"><strong>Internet Explorer<\/strong><\/a>, ent\u00e3o vamos agora adotar a mesma t\u00e9cnica para compatibilizar layouts com o rebelde <strong>Firefox<\/strong>.<\/p>\n<p>Vamos supor que temos o arquivo <em>style.css<\/em> em nosso projeto e que por alguma magia do a seguinte regra esteja sendo renderizada erroneamente no <strong>Firefox<\/strong>:<\/p>\n<pre lang=\"css\">.divPosit{\r\n padding-left: 15px;\r\n border: 2px;\r\n}\r\n<\/pre>\n<p>Utilizando um <strong>hack css para Firefox<\/strong> devemos manter a regra acima utiliz\u00e1vel para o <strong>Internet Explorer<\/strong> e para o <strong>Chrome<\/strong>, por\u00e9m devemos adotar uma nova regra para o <strong>Firefox<\/strong>, ent\u00e3o fazemos da seguinte forma:<\/p>\n<pre lang=\"css\">@-moz-document url-prefix() {\r\n .divPosit{\r\n  padding-left: 10px;\r\n  border: 2px;\r\n }\r\n}\r\n<\/pre>\n<p>Assim, este novo trecho, que possui o mesmo identificador da regra comum ir\u00e1 ser reconhecida somente no <strong>Firefox<\/strong>, o que facilita muito a remo\u00e7\u00e3o de pequenos bugs no nosso layout e o mais legal \u00e9 que para este <strong>hack css para Firefox<\/strong> ser implementado basta uma simples altera\u00e7\u00e3o no nosso arquivo <em>style.css<\/em>, sem a necessidade de nenhuma altera\u00e7\u00e3o no HTML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Veja como efetuar um hack css para Firefox de forma bem simples e f\u00e1cil de<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[42,11],"tags":[45,22,43,21,63,31],"class_list":["post-6687","post","type-post","status-publish","format-standard","hentry","category-dicas","category-webdesign","tag-chrome","tag-design","tag-dicas","tag-firefox","tag-internet-explorer","tag-webdesigner"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hack css para Firefox de um jeito f\u00e1cil -<\/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.viamais.net\/blog\/hack-css-para-firefox\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hack css para Firefox de um jeito f\u00e1cil -\" \/>\n<meta property=\"og:description\" content=\"Veja como efetuar um hack css para Firefox de forma bem simples e f\u00e1cil de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/\" \/>\n<meta property=\"og:site_name\" content=\"ViamaisBLOG\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/viamais.viablog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/viamais.viablog\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-09T15:09:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-10-09T15:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28-300x215.jpg\" \/>\n<meta name=\"author\" content=\"Petter Rafael\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@petterrafael\" \/>\n<meta name=\"twitter:site\" content=\"@petterrafael\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petter Rafael\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/\"},\"author\":{\"name\":\"Petter Rafael\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/person\\\/a13697c83eb9e9fe998636b42c020ec2\"},\"headline\":\"Hack css para Firefox de um jeito f\u00e1cil\",\"datePublished\":\"2014-10-09T15:09:48+00:00\",\"dateModified\":\"2014-10-09T15:10:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/\"},\"wordCount\":290,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/firefox-28-300x215.jpg\",\"keywords\":[\"Chrome\",\"Design\",\"Dicas\",\"firefox\",\"Internet Explorer\",\"webdesigner\"],\"articleSection\":[\"Dicas\",\"Webdesign\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/\",\"name\":\"Hack css para Firefox de um jeito f\u00e1cil -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/firefox-28-300x215.jpg\",\"datePublished\":\"2014-10-09T15:09:48+00:00\",\"dateModified\":\"2014-10-09T15:10:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/firefox-28.jpg?fit=695%2C500&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/firefox-28.jpg?fit=695%2C500&ssl=1\",\"width\":695,\"height\":500,\"caption\":\"Novo Firefox 28\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/hack-css-para-firefox\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicas\",\"item\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/category\\\/dicas\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hack css para Firefox de um jeito f\u00e1cil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\",\"name\":\"ViamaisBLOG\",\"description\":\"Blog de tecnologia com dicas para melhorar sua internet e as novidades de gadgets e aplicativos.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#organization\",\"name\":\"Viablog\",\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/logo_viamais.png?fit=150%2C150&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.viamais.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/logo_viamais.png?fit=150%2C150&ssl=1\",\"width\":150,\"height\":150,\"caption\":\"Viablog\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/viamais.viablog\",\"https:\\\/\\\/x.com\\\/petterrafael\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/#\\\/schema\\\/person\\\/a13697c83eb9e9fe998636b42c020ec2\",\"name\":\"Petter Rafael\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g\",\"caption\":\"Petter Rafael\"},\"description\":\"Desenvolvedor Web atua com as tecnologias Java e PHP apoiadas pelos bancos de dados Oracle e MySQL. Al\u00e9m dos ambientes de desenvolvimento acima possuiu amplo conhecimento em servidores Apache\\\/Tomcat, Photoshop, Arte &amp; Foto, Flash e mais uma dezena de ferramentas e tecnologias emergentes. Atualmente colabora com o Viablog escrevendo sobre programa\u00e7\u00e3o e tecnologia.\",\"sameAs\":[\"http:\\\/\\\/www.viamais.net\\\/blog\",\"https:\\\/\\\/www.facebook.com\\\/viamais.viablog\"],\"url\":\"https:\\\/\\\/www.viamais.net\\\/blog\\\/author\\\/petterrafael\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hack css para Firefox de um jeito f\u00e1cil -","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.viamais.net\/blog\/hack-css-para-firefox\/","og_locale":"pt_BR","og_type":"article","og_title":"Hack css para Firefox de um jeito f\u00e1cil -","og_description":"Veja como efetuar um hack css para Firefox de forma bem simples e f\u00e1cil de","og_url":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/","og_site_name":"ViamaisBLOG","article_publisher":"https:\/\/www.facebook.com\/viamais.viablog","article_author":"https:\/\/www.facebook.com\/viamais.viablog","article_published_time":"2014-10-09T15:09:48+00:00","article_modified_time":"2014-10-09T15:10:33+00:00","og_image":[{"url":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28-300x215.jpg","type":"","width":"","height":""}],"author":"Petter Rafael","twitter_card":"summary_large_image","twitter_creator":"@petterrafael","twitter_site":"@petterrafael","twitter_misc":{"Escrito por":"Petter Rafael","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#article","isPartOf":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/"},"author":{"name":"Petter Rafael","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/person\/a13697c83eb9e9fe998636b42c020ec2"},"headline":"Hack css para Firefox de um jeito f\u00e1cil","datePublished":"2014-10-09T15:09:48+00:00","dateModified":"2014-10-09T15:10:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/"},"wordCount":290,"commentCount":0,"publisher":{"@id":"https:\/\/www.viamais.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#primaryimage"},"thumbnailUrl":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28-300x215.jpg","keywords":["Chrome","Design","Dicas","firefox","Internet Explorer","webdesigner"],"articleSection":["Dicas","Webdesign"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/","url":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/","name":"Hack css para Firefox de um jeito f\u00e1cil -","isPartOf":{"@id":"https:\/\/www.viamais.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#primaryimage"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#primaryimage"},"thumbnailUrl":"http:\/\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28-300x215.jpg","datePublished":"2014-10-09T15:09:48+00:00","dateModified":"2014-10-09T15:10:33+00:00","breadcrumb":{"@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#primaryimage","url":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg?fit=695%2C500&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/03\/firefox-28.jpg?fit=695%2C500&ssl=1","width":695,"height":500,"caption":"Novo Firefox 28"},{"@type":"BreadcrumbList","@id":"https:\/\/www.viamais.net\/blog\/hack-css-para-firefox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.viamais.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/www.viamais.net\/blog\/category\/dicas\/"},{"@type":"ListItem","position":3,"name":"Hack css para Firefox de um jeito f\u00e1cil"}]},{"@type":"WebSite","@id":"https:\/\/www.viamais.net\/blog\/#website","url":"https:\/\/www.viamais.net\/blog\/","name":"ViamaisBLOG","description":"Blog de tecnologia com dicas para melhorar sua internet e as novidades de gadgets e aplicativos.","publisher":{"@id":"https:\/\/www.viamais.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viamais.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.viamais.net\/blog\/#organization","name":"Viablog","url":"https:\/\/www.viamais.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/10\/logo_viamais.png?fit=150%2C150&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2014\/10\/logo_viamais.png?fit=150%2C150&ssl=1","width":150,"height":150,"caption":"Viablog"},"image":{"@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/viamais.viablog","https:\/\/x.com\/petterrafael"]},{"@type":"Person","@id":"https:\/\/www.viamais.net\/blog\/#\/schema\/person\/a13697c83eb9e9fe998636b42c020ec2","name":"Petter Rafael","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec1d50795aefe5170d97a2816386714d30fce28bcb746631048cc673d70f8443?s=96&d=identicon&r=g","caption":"Petter Rafael"},"description":"Desenvolvedor Web atua com as tecnologias Java e PHP apoiadas pelos bancos de dados Oracle e MySQL. Al\u00e9m dos ambientes de desenvolvimento acima possuiu amplo conhecimento em servidores Apache\/Tomcat, Photoshop, Arte &amp; Foto, Flash e mais uma dezena de ferramentas e tecnologias emergentes. Atualmente colabora com o Viablog escrevendo sobre programa\u00e7\u00e3o e tecnologia.","sameAs":["http:\/\/www.viamais.net\/blog","https:\/\/www.facebook.com\/viamais.viablog"],"url":"https:\/\/www.viamais.net\/blog\/author\/petterrafael\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p5Ih4c-1JR","jetpack-related-posts":[{"id":4370,"url":"https:\/\/www.viamais.net\/blog\/css-seletivo-pelo-tipo-de-browser\/","url_meta":{"origin":6687,"position":0},"title":"CSS seletivo pelo tipo de browser","author":"Petter Rafael","date":"07\/12\/2012","format":false,"excerpt":"[ad#texto] Quem trabalha desenvolvendo intefaces para a Web sabe a complica\u00e7\u00e3o que \u00e9 acertar um script JavaScript ou CSS para funcionar bem nos diversos navegadores, para ser mais espec\u00edfico, as diferen\u00e7as entre Firefox e Chrome s\u00e3o m\u00ednimas, mas a situa\u00e7\u00e3o \u00e9 bem diferente no caso do Internet Explorer, que n\u00e3o\u2026","rel":"","context":"Em &quot;Microsoft&quot;","block_context":{"text":"Microsoft","link":"https:\/\/www.viamais.net\/blog\/category\/microsoft\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4450,"url":"https:\/\/www.viamais.net\/blog\/html-5-finalmente-se-tornara-um-padrao-do-w3c\/","url_meta":{"origin":6687,"position":1},"title":"HTML 5, finalmente se tornar\u00e1 um padr\u00e3o do W3C","author":"Petter Rafael","date":"21\/12\/2012","format":false,"excerpt":"[ad#texto] Alguns browsers j\u00e1 suportam as primeiras especifica\u00e7\u00f5es do HTML 5 h\u00e1 anos, mas foi somente esta semana que o W3C publicou as especifica\u00e7\u00f5es do HTML 5, o que indica que a partir de agora ele se tornar\u00e1 um padr\u00e3o do W3C. O \u00fanico browser que est\u00e1 na lanterna quando\u2026","rel":"","context":"Em &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/www.viamais.net\/blog\/category\/webdesign\/"},"img":{"alt_text":"HTML 5, finalmente...","src":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2012\/12\/html5-sticker-600x300.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2012\/12\/html5-sticker-600x300.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2012\/12\/html5-sticker-600x300.png?resize=525%2C300 1.5x"},"classes":[]},{"id":7506,"url":"https:\/\/www.viamais.net\/blog\/o-monopolio-do-chrome-para-os-navegadores\/","url_meta":{"origin":6687,"position":2},"title":"O monop\u00f3lio do Chrome para os navegadores","author":"Petter Rafael","date":"16\/02\/2016","format":false,"excerpt":"Enfim o monop\u00f3lio do Internet Explorer acabou, mas novamente estamos come\u00e7ando outro. Veja porque o monop\u00f3lio do Chrome para os navegadores ser\u00e1 t\u00e3o ruim quanto o anterior. Quem \u00e9 das antigas deve se lembrar da primeira Guerra dos Browsers, mais ou menos por volta de 1998, quando o monop\u00f3lio do\u2026","rel":"","context":"Em &quot;Google&quot;","block_context":{"text":"Google","link":"https:\/\/www.viamais.net\/blog\/category\/google\/"},"img":{"alt_text":"O monop\u00f3lio do Chrome para os navegadores","src":"https:\/\/i0.wp.com\/www.viamais.net\/blog\/wp-content\/uploads\/2009\/11\/chromeosfuturo1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2013,"url":"https:\/\/www.viamais.net\/blog\/tipografia-na-web-agora-existe-sim\/","url_meta":{"origin":6687,"position":3},"title":"Tipografia na Web, agora existe sim","author":"Petter Rafael","date":"20\/04\/2010","format":false,"excerpt":"[ad#texto] Muitos designers, geralmente os que possuem pouca experi\u00eancia, trocam blocos de texto por imagens, pelo simples fato que n\u00e3o podem garantir que o usu\u00e1rio que acessar o site ter\u00e1 determinado tipo de fonte utilizado. Agora esse problema est\u00e1 praticamente solucionado, com suporte para o Internet Explorer vers\u00f5es 7, 8\u2026","rel":"","context":"Em &quot;Imagem &amp; Cria\u00e7\u00e3o&quot;","block_context":{"text":"Imagem &amp; Cria\u00e7\u00e3o","link":"https:\/\/www.viamais.net\/blog\/category\/imagem-criacao\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1926,"url":"https:\/\/www.viamais.net\/blog\/firefox-vs-chrome\/","url_meta":{"origin":6687,"position":4},"title":"Firefox vs Chrome","author":"Petter Rafael","date":"05\/03\/2010","format":false,"excerpt":"Estive lendo mais um post sobre a guerra entre o Firefox vs o Google Chrome. Na verdade a guerra recebeu mais lenha na sua fogueira depois que o Chrome passou a aceitar extens\u00f5es, tentando assim ofuscar um dos recursos mais interessantes do Firefox, por\u00e9m pelo que vi o reposit\u00f3rio de\u2026","rel":"","context":"Em &quot;Tecnologia&quot;","block_context":{"text":"Tecnologia","link":"https:\/\/www.viamais.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4991,"url":"https:\/\/www.viamais.net\/blog\/mais-uma-engine-agora-e-a-servo-da-mozilla\/","url_meta":{"origin":6687,"position":5},"title":"Mais uma engine, agora \u00e9 a Servo da Mozilla","author":"Petter Rafael","date":"10\/04\/2013","format":false,"excerpt":"[ad#texto] Estamos para testemunhar mais um fato marcante na hist\u00f3ria da internet, j\u00e1 tivemos duas guerras dos browsers, a primeira tornou o Internet Explorer o padr\u00e3o de browser na \u00e9poca e enterrou para sempre o Netscape, anos depois surgia o Firefox (utilizando partes do antigo Netscape) e uma nova guerra\u2026","rel":"","context":"Em &quot;Mozilla&quot;","block_context":{"text":"Mozilla","link":"https:\/\/www.viamais.net\/blog\/category\/mozilla\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts\/6687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/comments?post=6687"}],"version-history":[{"count":0,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/posts\/6687\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/media?parent=6687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/categories?post=6687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viamais.net\/blog\/wp-json\/wp\/v2\/tags?post=6687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}