{"id":207,"date":"2009-07-18T18:32:27","date_gmt":"2009-07-18T21:32:27","guid":{"rendered":"http:\/\/www.dialeticavisual.com.br\/?p=207"},"modified":"2010-04-22T22:24:12","modified_gmt":"2010-04-23T01:24:12","slug":"entrevista-influencia-dos-navegadores-no-desenvolvimento-de-interfaces","status":"publish","type":"post","link":"https:\/\/blumenthal.com.br\/d\/2009\/entrevista-influencia-dos-navegadores-no-desenvolvimento-de-interfaces","title":{"rendered":"influ\u00eancia dos navegadores no desenvolvimento de interfaces"},"content":{"rendered":"<p class=\"pequeno\">Entrevista concedida a <a href=\"http:\/\/www.revistawebdesign.com.br\" target=\"_blank\">revista webdesign<\/a> para a <a href='http:\/\/blumenthal.com.br\/d\/wp-content\/uploads\/2009\/09\/tecnologia_webdesign_agosto.pdf'>reportagem: Navegadores  [PDF]<\/a>, Ago\/09<\/p>\n<hr \/>\n<p>\n1 &#8211; Chrome 2.0, Opera Unite, Safari 4.0, IE 8.0, Firefox 3.0.11&#8230; Ao longo de um ano, os navegadores de internet v\u00e3o sofrendo modifica\u00e7\u00f5es diante das necessidades de melhoria impostas pelo seu uso di\u00e1rio. Pensando nisso, como voc\u00ea procura acompanhar essas mudan\u00e7as para garantir a cria\u00e7\u00e3o e o desenvolvimento adequados de seus projetos?<\/p>\n<blockquote><p>Com frequencia s\u00e3o atribu\u00eddas novas funcionalidades e caracter\u00edsticas aos navegadores, algumas valem a pena se aprofundar mais, pois ser\u00e3o padr\u00f5es em breve. \u00c9 o caso do HTML5, suportado por alguns browsers recentes e est\u00e1 come\u00e7ando a ganhar espa\u00e7o.<\/p>\n<p>Por outro lado, para garantir a adequa\u00e7\u00e3o dos projetos no dia a dia, penso que basta se ater aos padr\u00f5es web e desenvolver um c\u00f3digo consistente, o mais sem\u00e2ntico poss\u00edvel, com foco nos navegadores que seguem essa linha.<\/p><\/blockquote>\n<p>2 &#8211; Como vimos acima, existe uma oferta variada de navegadores \u00e0 disposi\u00e7\u00e3o dos usu\u00e1rios, sendo que o IE e o Firefox parecem atrair a maior aten\u00e7\u00e3o do p\u00fablico. De que maneira os browsers podem influenciar no desenvolvimento do design de interfaces?<\/p>\n<blockquote><p>Diferentes browsers influenciam o desenvolvimento pois divergem na renderiza\u00e7\u00e3o de fontes, espa\u00e7os e margens.<br \/>\n\u00c9 preciso saber onde essas diferen\u00e7as v\u00e3o interferir no seu layout e j\u00e1 prever formas de contorn\u00e1-las.<\/p>\n<p>Conhecer o funcionamento dos browsers para estruturar um c\u00f3digo bem feito tamb\u00e9m pode resultar em melhorias de performance do website.<\/p><\/blockquote>\n<p>3 &#8211; Nesta discuss\u00e3o, a aplica\u00e7\u00e3o do conceito de cross-browser se torna fundamental para garantir que um projeto seja suportado pelos diversos navegadores. Diante disso, o que voc\u00ea consideraria imprescind\u00edvel na aplica\u00e7\u00e3o correta deste conceito na constru\u00e7\u00e3o de um projeto digital?<\/p>\n<blockquote><p>Nem todo projeto deve ser totalmente cross-browser. Sempre que posso, idealizo projetos visando os principais navegadores que seguem os padr\u00f5es web. Em navegadores antigos o site deve apenas funcionar bem, ou se poss\u00edvel, nem isso.<\/p>\n<p>Ao ajustar o c\u00f3digo para navegadores arcaicos (como o IE6), estamos investindo em postergar sua obsol\u00eancia.<br \/>\nComo desenvolvedores, podemos induzir atualiza\u00e7\u00f5es priorizando o c\u00f3digo para os browsers atuais (nivelar por cima).<\/p><\/blockquote>\n<p>4 &#8211; Ainda sobre esse assunto, quais s\u00e3o os erros mais comuns que dificultam a adequa\u00e7\u00e3o de projetos web ao conceito de cross-browser?<\/p>\n<blockquote><p>A aplica\u00e7\u00e3o dos padr\u00f5es web permite que os sites funcionem e sejam vistos corretamente em quase todos os navegadores. O IE, o browser com maior predomin\u00e2ncia no mercado, apresentou at\u00e9 agora grandes defici\u00eancias na implementa\u00e7\u00e3o destes padr\u00f5es, ampliando a diverg\u00eancia de renderiza\u00e7\u00e3o.<\/p>\n<p>Algumas caracter\u00edsticas \u00e0s vezes precisam de &#8216;hacks&#8217; ou programa\u00e7\u00e3o extra para funcionarem corretamente, o que interfere diretamente no tempo e custo de desenvolvimento.<\/p>\n<p>As diverg\u00eancias seriam minimizadas se a atualiza\u00e7\u00e3o dos navegadores fosse cont\u00ednua, induzida pelo pr\u00f3prio software, como ocorre no firefox, por exemplo. As \u00faltimas vers\u00f5es dos navegadores mais populares j\u00e1 seguem os padr\u00f5es web (inclusive o IE8).<\/p><\/blockquote>\n<p>5 &#8211; Quais ferramentas voc\u00ea utiliza para testar a efic\u00e1cia de seus projetos nos diferentes navegadores dispon\u00edveis pelo mercado?<\/p>\n<blockquote>\n<ul>\n<li><a href=\"http:\/\/litmusapp.com\">litmusapp.com<\/a><\/li>\n<li><a href=\"http:\/\/meineipadresse.de\/netrenderer\/index.php\">netrenderer<\/a><\/li>\n<li><a href=\"https:\/\/browsershots.org\">browsershots.org<\/a><\/li>\n<\/ul>\n<\/blockquote>\n<p>6 &#8211; Al\u00e9m das fun\u00e7\u00f5es de navega\u00e7\u00e3o, os plugins agregados ao Firefox o tornaram em uma ferramenta muito utilizada por profissionais de internet. Voc\u00ea tamb\u00e9m utiliza o Firefox como ferramenta de trabalho? Caso sim, quais plugins voc\u00ea recomendaria para quem deseja trabalhar com o Firefox?<\/p>\n<blockquote><p>Acho indispens\u00e1veis o uso dos plugins <a href=\"https:\/\/addons.mozilla.org\/pt-BR\/firefox\/addon\/1843\">Firebug<\/a> + <a href=\"https:\/\/addons.mozilla.org\/pt-BR\/firefox\/addon\/271\">Colorzilla<\/a>.<br \/>\nCom estes, na maioria dos ajustes de c\u00f3digo n\u00e3o \u00e9 necess\u00e1rio abrir mais nenhum outro programa al\u00e9m do navegador (e o editor com FTP, claro).<\/p><\/blockquote>\n<p>7 &#8211; Quais dicas de leitura voc\u00ea daria para o profissional que deseja se aprofundar neste assunto (cross-browser, navegadores, renderiza\u00e7\u00e3o etc.)?<\/p>\n<blockquote>\n<ul>\n<li><a href=\"http:\/\/www.quirksmode.org\/compatibility.html\">Comparativo de tecnologias<\/a> <\/li>\n<li><a href=\"http:\/\/www.opera.com\/company\/education\/curriculum\/\">Opera Web Standards Curriculum<\/a><\/li>\n<li><a href=\"http:\/\/www.tableless.com.br\">blog tableless <\/a> (N\u00e3o \u00e9 o principal tema)<\/li>\n<li>Os blogs dos respectivos navegadores tamb\u00e9m s\u00e3o \u00fateis para acompanhar mudan\u00e7as e novidades.<\/li>\n<\/ul>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Ao ajustar o c\u00f3digo para navegadores arcaicos (como o IE6), estamos investindo em postergar sua obsol\u00eancia.<br \/>\nComo desenvolvedores, podemos induzir atualiza\u00e7\u00f5es priorizando o c\u00f3digo para os browsers atuais (nivelar por cima).<br \/>\n[ &#8230; ]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[52,5,6,8,11,12],"tags":[15,35,79],"class_list":["post-207","post","type-post","status-publish","format-standard","hentry","category-1st-life","category-artigos","category-design","category-long","category-tecnologia","category-web","tag-browsers","tag-navegadores","tag-tecnologia"],"_links":{"self":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":10,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":428,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/207\/revisions\/428"}],"wp:attachment":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}