<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog do Márcio d&#039;Ávila &#187; HTML</title>
	<atom:link href="http://blog.mhavila.com.br/category/software/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mhavila.com.br</link>
	<description>Tecnologia da informação, notas e cotidiano</description>
	<lastBuildDate>Wed, 25 Jan 2012 22:13:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Ajax e RIA &#8211; Radar do mercado</title>
		<link>http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/</link>
		<comments>http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/#comments</comments>
		<pubDate>Thu, 26 May 2011 04:00:04 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[Arquitetura TI]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1900</guid>
		<description><![CDATA[TweetO instituto Gartner atualizou recentemente seu relatório &#8220;MarketScope for Ajax Technologies and RIA Platforms&#8221;. Aproveito para apresentar o resumo dessas tendências e alguns diagramas explicativos e estatísticas sobre Ajax e RIA. Introdução A técnica de interação e troca de dados assíncrona entre o cliente e o servidor web, identificada pelo acrônimo Ajax &#8212; Asynchronous Javascript [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F05%2F26%2Fajax-e-ria-radar-do-mercado%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/" data-count="horizontal" data-via="mhavila" data-text="Ajax e RIA – Radar do mercado">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Ajax e RIA – Radar do mercado&amp;body=http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>O instituto Gartner atualizou recentemente seu relatório &#8220;MarketScope for Ajax Technologies and RIA Platforms&#8221;. Aproveito para apresentar o resumo dessas tendências e alguns diagramas explicativos e estatísticas sobre Ajax e RIA.</p>
<h2>Introdução</h2>
<p>A técnica de interação e troca de dados assíncrona entre o cliente e o servidor web, identificada pelo acrônimo Ajax &#8212; Asynchronous Javascript And XML &#8211;, termo <a href="http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications">introduzido pela Adaptive Path em 2005</a>, se populariza cada vez mais nas aplicações web e tem contribuído significativamente para melhorar a interatividade e experiência do usuário, oferecendo respostas imediatas à interação do usuário.</p>
<p>Vão se multiplicando as alternativas de bibliotecas e frameworks para desenvolvimento de aplicações web com suporte a Ajax, visando tornar o uso da técnica mais fácil, organizado e produtivo na construção de aplicações, de forma cada vez mais transparente, integrada e sistematizada.</p>
<p>Também têm se popularizado o uso de plataformas tecnológicas para web visando RIA &#8212; Rich Internet Applications &#8211;, termo <a href="http://www.adobe.com/resources/business/rich_internet_apps/">introduzido pela Macromedia (Adobe)</a> em 2002, que significa uma interface com usuário web mais rica &#8212; em componentes e comportamentos &#8212; e responsiva (resposta imediata, sensível ao contexto), similar a aplicações desktop.</p>
<p>As plataformas RIA podem ter como base um <em>runtime</em> específico, incorporado ao navegador web cliente através de plug-ins, ou se beneficiar do avanço da sofisticação das técnicas e componentes nativos baseados em Ajax.</p>
<p>O diagrama de blocos a seguir correlaciona esquematicamente RIA, Ajax e DHTML.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_RIA_AJAX_DHTML.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/RIA_AJAX_DHTML.png" class="centered" alt="" width="450" height="265" /></a><br />
Créditos: Márcio d&#8217;Ávila, 2008-2011.</p>
<h2>RIA</h2>
<p>Enquanto as aplicações gráficas Cliente/Servidor trouxeram riqueza à experiência de usuário que não havia no ambiente mainframe, plataformas RIA fazem o mesmo em relação às aplicações web primitivas.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_RIA_IU.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/RIA_IU.png" class="centered" alt="" width="450" height="264" /></a><br />
Créditos: Uday M. Shankar, <a href="http://www.slideshare.net/udayms/adobe-flex">Adobe Flex &#8211; an introduction</a>, mar/2008 (em Slideshare).</p>
<p>Segundo estatísticas do site Stat Owl, levando em consideração os diversos sistemas operacionais e navegadores web existentes, em setembro de 2008 o suporte <em>runtime</em> instalado para Adobe Flash já era 97,48% (verdadeiro padrão <em>de facto</em>), Java 81,37% e Microsoft Silverlight apenas 17,64%. Em abril de 2011, estas mesmas plataformas evoluiram para percentuais de penetração 95,65%, 77,31% e 63,92% respectivamente.</p>
<p>Percebe-se, portanto, uma notável expansão do suporte à tecnologia RIA da Microsoft no período medido, enquanto o pequeno decréscimo de Flash pode ser explicado pela ausência de suporte ainda existente em alguns ambientes operacionais de dispositivos móveis que vem se popularizando, como Apple iOS (iPhone e iPad).</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_Suporte_RIA.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/Suporte_RIA.png" class="centered" alt="" width="450" height="237" /></a><br />
Fonte: Stat Owl, <a href="http://www.statowl.com/custom_ria_market_penetration.php?&#038;timeframe=custom|2008-09|2011-04">Rich Internet Application Market Share &#8211; RIA Market Penetration and Global Usage</a> comparing Adobe Flash, Microsoft SilverLight and Java, set/2008 a abr/2011.</p>
<h2>2009</h2>
<p>Em 2009, o mercado ainda estava incipiente e muitos produtos foram considerados pelo Gartner em tecnologias Ajax e plataformas RIA, dez deles classificados com tendência positiva ou muito positiva.</p>
<table border="1" cellspacing="0">
<tr>
<th></th>
<th></th>
<th style="background-color: Red">Forte<br />Negativo</th>
<th style="background-color: Yellow">Cuidado</th>
<th style="background-color: Blue">Promissor</th>
<th style="background-color: Lime">Positivo</th>
<th style="background-color: DarkGreen">Forte<br />Positivo</th>
</tr>
<tr>
<td><strong>Adobe</strong></td>
<td>Plataforma Flash</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>RIA ($/L)</td>
</tr>
<tr>
<td>Backbase</td>
<td>Ajax framework</td>
<td></td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
</tr>
<tr>
<td>DevExpress</td>
<td>para .NET</td>
<td></td>
<td></td>
<td>RIA ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Dojo</td>
<td>Ajax toolkit</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>Ext JS</td>
<td>JavaScript, Ext GWT</td>
<td></td>
<td></td>
<td>Ajax ($/L)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Google</td>
<td>GWT Java, Closure</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>IBM</td>
<td>Ajax, Lotus Expeditor</td>
<td></td>
<td></td>
<td></td>
<td>Ajax/RIA ($/L)</td>
<td></td>
</tr>
<tr>
<td>ICEsoft</td>
<td>ICEfaces JSF</td>
<td></td>
<td></td>
<td>Ajax (L/$)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Infragistics</td>
<td>para .NET</td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Isomorphic Soft</td>
<td>SmartCli, GWT</td>
<td></td>
<td></td>
<td>Ajax/RIA (L/$)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>JackBe</td>
<td>Ajax framework</td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>jQuery</td>
<td>JavaScript Ajax</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>Magic Software</td>
<td>uniPaaS</td>
<td></td>
<td></td>
<td>RIA ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MB Tech</td>
<td>Bindows</td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td><strong>Microsoft</strong></td>
<td>Silverlight, WPF</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>RIA ($)</td>
</tr>
<tr>
<td>Nexaweb</td>
<td>E.Web Suite</td>
<td></td>
<td></td>
<td>Ajax/RIA ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Oracle</td>
<td>ASF Faces JSF</td>
<td></td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
</tr>
<tr>
<td>Prototype/<br />script.aculo.us</td>
<td>JavaScript</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>Sun Microsystems</td>
<td>JavaFX</td>
<td></td>
<td></td>
<td>RIA (L/$)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Telerik</td>
<td>para .NET</td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tibco Software</td>
<td>GI</td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Yahoo</td>
<td>YUI toolkit</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
</table>
<p><strong>Fonte:</strong> MarketScope for Ajax Technologies and RIA Platforms, Gartner, por Ray Valdes e outros, 2009-12-31, reproduzido <a href="http://www.adobe.com/enterprise/pdfs/gartner-ajax-ria.pdf">por Adobe</a> (PDF).</p>
<h2>2011</h2>
<p>Atualizando a pesquisa em 2011, o mercado ainda se mostra em evolução, com oito produtos apontados como tendência positiva ou muito positiva.</p>
<p>Comparando com 2009, Adobe Flash e Microsoft Silverlight tiveram sua tendência refreada (Positivo), enquanto a versátil biblioteca livre JavaScript jQuery obteve maior evidêcia (Muito Positivo).</p>
<p>Saíram da lista Magic Software uniPaaS e MB Tech Bindows; Ext JS se tornou <a href="http://www.sencha.com/">Sencha</a>, enquanto Sun foi incorporada à Oracle; e entram agora <a href="http://www.canoo.com/webexperts/products/ulc/">Canoo Engineering RIA Suite</a> (UltraLightClient framework baseado em Java EE) e <a href="http://vaadin.com/">Vaadin</a> (framework RIA Java baseado em GWT widgets e extensa coleção de componentes UI).</p>
<table border="1" cellspacing="0">
<tr>
<th></th>
<th></th>
<th style="background-color: Red">Forte<br />Negativo</th>
<th style="background-color: Yellow">Cuidado</th>
<th style="background-color: Blue">Promissor</th>
<th style="background-color: Lime">Positivo</th>
<th style="background-color: DarkGreen">Forte<br />Positivo</th>
</tr>
<tr>
<td>Adobe &dArr;</td>
<td><a href="http://www.adobe.com/br/flashplatform/">Plataforma Flash</a></td>
<td></td>
<td></td>
<td></td>
<td>RIA ($/L)</td>
<td></td>
</tr>
<tr>
<td>Backbase &dArr;</td>
<td><a href="http://www.backbase.com/portal_software/">Portal</a></td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Canoo Engineering</td>
<td><a href="http://www.canoo.com/webexperts/products/ulc/">UltraLightClient</a></td>
<td></td>
<td></td>
<td>RIA ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://www.devexpress.com/">DevExpress</a></td>
<td>para .NET</td>
<td></td>
<td></td>
<td>RIA ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Dojo</td>
<td><a href="http://dojotoolkit.org/">Ajax toolkit</a></td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>Google</td>
<td><a href="http://code.google.com/webtoolkit/">GWT Java</a>, <a href="http://code.google.com/closure/">Closure</a></td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>IBM</td>
<td>Ajax, <a href="http://www.ibm.com/software/lotus/products/expeditor/">Lotus Expeditor</a></td>
<td></td>
<td></td>
<td></td>
<td>Ajax/RIA ($/L)</td>
<td></td>
</tr>
<tr>
<td>ICEsoft</td>
<td><a href="http://www.icefaces.org/">ICEfaces JSF</a></td>
<td></td>
<td></td>
<td>Ajax (L/$)</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://www.infragistics.com/">Infragistics</a></td>
<td>para .NET</td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Isomorphic Soft</td>
<td><a href="http://www.smartclient.com/">SmartClient</a>, GWT</td>
<td></td>
<td></td>
<td>Ajax/RIA (L/$)</td>
<td></td>
<td></td>
</tr>
<tr>
<td><strong>jQuery</strong> &uArr;</td>
<td><a href="http://jquery.com/">jQuery JS lib</a></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
</tr>
<tr>
<td>Microsoft &dArr;</td>
<td><a href="http://www.silverlight.net/">Silverlight</a>, WPF</td>
<td></td>
<td></td>
<td></td>
<td>RIA ($)</td>
<td></td>
</tr>
<tr>
<td>Oracle</td>
<td><a href="http://www.oracle.com/technetwork/developer-tools/adf/">ASF Faces JSF</a>, <a href="http://javafx.com/">JavaFX</a></td>
<td></td>
<td></td>
<td></td>
<td>Ajax/RIA (L/$)</td>
<td></td>
</tr>
<tr>
<td><a href="http://www.prototypejs.org/">Prototype</a>/<br /><a href="http://script.aculo.us/">script.aculo.us</a></td>
<td>JavaScript</td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
<tr>
<td>Sencha</td>
<td><a href="http://www.sencha.com/products/extjs/">Ext JS</a>, <a href="http://www.sencha.com/products/extgwt/">Ext GWT</a></td>
<td></td>
<td></td>
<td>Ajax ($/L)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Telerik</td>
<td><a href="http://www.telerik.com/products/aspnet-ajax.aspx">ASP.NET Ajax</a></td>
<td></td>
<td></td>
<td>Ajax ($)</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://developer.tibco.com/gi/">Tibco Software</a></td>
<td><a href="http://generalinterface.org/">General Interface</a></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Vaadin</td>
<td><a href="http://vaadin.com/">Vaadin RIA</a></td>
<td></td>
<td></td>
<td>RIA (L)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Yahoo</td>
<td><a href="http://developer.yahoo.com/yui/">YUI Library</a></td>
<td></td>
<td></td>
<td></td>
<td>Ajax (L)</td>
<td></td>
</tr>
</table>
<p><strong>Fonte:</strong> MarketScope for Ajax Technologies and RIA Platforms, Gartner, por Ray Valdes e outros, 2011-03-31, reproduzido <a href="http://www.gartner.com/technology/media-products/reprints/microsoft/vol2/article10/article10.html">por Microsoft</a>.</p>
<h2>Conclusão</h2>
<p>Tecnologias RIA e Ajax têm se tornado cada vez mais difundidas e maduras.</p>
<p>Podemos inferir, pela evolução do Gartner MarketScope, que plataformas RIA com componentes ricos nativos (Ajax e DHTML) &#8212; boa parte delas baseadas em frameworks livres e Java server/EE) &#8212; tem ganhado força, em detrimento daquelas baseadas em runtime próprio.</p>
<p>É provável que o emergente padrão HTML 5, quando se estabelecer, reforce ainda mais esse movimento.</p>
<p>Para saber mais:</p>
<ul>
<li><a href="http://blog.mhavila.com.br/2010/08/02/market-share-de-navegadores-web/">Market share de navegadores web</a>, 2010-08-02.</li>
<li><a href="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/">Tecnologias RIA</a>, 2010-06-22.</li>
<li><a href="http://blog.mhavila.com.br/2010/04/07/aplicacoes-internet-ricas-e-acessiveis/">Aplicações Internet Ricas e Acessíveis</a>, 2010-04-07.</li>
<li><a href="http://blog.mhavila.com.br/2008/03/01/javascript-news-biblioteca-phpjs-e-desempenho-no-firefox-3/">JavaScript news: biblioteca PHP.js e desempenho no Firefox 3</a>, 2008-03-01, atualizado em 2008-03-15.</li>
<li><a href="http://blog.mhavila.com.br/2007/06/09/ajax-em-java-coletanea-de-referencias/">Coletânea de referências JavaScript Ajax</a>, 2007-06-09, <a href="http://blog.mhavila.com.br/2007/08/16/coletanea-de-referencias-ajax-atualizada/">atualizado em 2007-08-16</a> e 2008-04-27.</li>
<li><a href="http://blog.mhavila.com.br/2007/05/21/novo-impulso-ao-javascript/">Novo impulso ao JavaScript</a>, 2007-05-21.</li>
<li><a href="http://www.usabilidoido.com.br/cat_ria_do_ajax.html">RIA do Ajax</a>, artigos sobre RIA e Ajax, por Frederick van Amstel, em Usabilidoido.</li>
<li><a href="http://bridee.blogspot.com/2007/10/o-que-rich-internet-application-ria.html">O que é Rich Internet Application (RIA) [Aplicação de Internet Rica]?</a>, por Erko Bridee, 2007-10-09, no blog Acontecimentos.</li>
<li><a href="http://www.javalobby.org/articles/ajax-ria-overview/">Rich Internet Applications and AJAX &#8211; Selecting the best product</a> (em inglês), por Marc Domenig, consultor de TI, em Javalobby.</li>
<li><a href="http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications">Ajax: A New Approach to Web Applications</a> (em inglês), por Jesse James Garrett, 2005-02-18, em Adaptive Path &#8212; introdução do termo Ajax.</li>
<li><a href="http://download.macromedia.com/pub/flash/whitepapers/richclient.pdf">Macromedia Flash MX — A next-generation rich client</a> (PDF em inglês), por Jeremy Allaire, março 2002, Macromedia (adquirida pela Adobe em 2005) &#8212; introdução do termo RIA.</li>
<li><a href="http://woork.blogspot.com/2009/02/free-ajax-components-for-advanced-web.html">Free resources for quickly developing AJAX applications </a> (em inglês), por Antonio Lupetti, 2009-02-24, no blog Woork.</li>
</ul>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F05%2F26%2Fajax-e-ria-radar-do-mercado%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/" data-count="horizontal" data-via="mhavila" data-text="Ajax e RIA – Radar do mercado">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Ajax e RIA – Radar do mercado&amp;body=http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/05/26/ajax-e-ria-radar-do-mercado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Março foi o mês dos novos browsers</title>
		<link>http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/</link>
		<comments>http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 22:55:30 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1760</guid>
		<description><![CDATA[TweetEste março de 2011 foi um mês marcante para reaquecer a saudável guerra de browsers (navegadores internet). Em 08/03/2011, a Google lançou o stable release do Chrome 10 para Windows, Mac, Linux e Chrome Frame. Veja demonstração de novos recursos em Google Chrome &#8211; Use um navegador da web novo e mais rápido. Leia também [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F03%2F30%2Fmarco-foi-o-mes-dos-novos-browsers%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/" data-count="horizontal" data-via="mhavila" data-text="Março foi o mês dos novos browsers">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Março foi o mês dos novos browsers&amp;body=http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Este março de 2011 foi um mês marcante para reaquecer a saudável guerra de <em>browsers</em> (navegadores internet).</p>
<p>Em 08/03/2011, a Google lançou o <a href="http://googlechromereleases.blogspot.com/2011/03/chrome-stable-release.html">stable release do <strong>Chrome 10</strong></a> para Windows, Mac, Linux e Chrome Frame.</p>
<ul>
<li>Veja demonstração de novos recursos em <a href="http://www.google.com/chrome?hl=pt-BR">Google Chrome &#8211; Use um navegador da web novo e mais rápido</a>.</li>
<li>Leia também <a href="http://googlechromereleases.blogspot.com/search/label/Stable%20updates">Google Chrome Releases: Stable updates</a>; <a href="http://blogs.forumpcs.com.br/noticias/2011/03/09/google-lanca-o-chrome-10-e-destaca-mais-uma-vez-a-velocidade/">Google lança o Chrome 10 e destaca mais uma vez a velocidade</a>, por Wesley Moraes, Forum PCs; <a href="http://www.upvery.com/46043-google-chrome-10-beta-is-faster-than-a-rabbit-running.html">Google Chrome 10 beta is faster than a rabbit running</a>, por Albert, UpVery; <a href="http://chrome.blogspot.com/">Google Chrome Blog</a>; <a href="http://blog.chromium.org/">Chromium Blog</a>.</li>
</ul>
<p>Em 14/03/2011, Microsoft fez o <a href="http://www.microsoft.com/presspass/presskits/internetexplorer/">lançamento oficial do <strong>Internet Explorer 9</strong></a>, anunciado durante o evento <a href="http://sxsw.com/">South by SouthWest (SXSW 2011)</a> em Austin, Texas.</p>
<ul>
<li>Veja demonstração de novos recursos em <a href="http://go.microsoft.com/fwlink/?LinkId=203364">beautyoftheweb.com</a>.</li>
<li>Leia também <a href="http://cloudtimes.org/microsofts-internet-explorer-9-is-launched-at-sxsw/">Microsoft’s Internet Explorer 9 Is Launched At SXSW</a>, por Cloud Times; e <a href="http://www.techrepublic.com/blog/window-on-windows/ready-or-not-internet-explorer-9-is-coming-to-sxsw/3964">Ready or not Internet Explorer 9 is coming to SXSW</a>, por Mark Kaelin, Tech Republic.</li>
</ul>
<p>E em 22/03/2011, a Fundação Mozilla <a href="http://blog.mozilla.com/blog/2011/03/22/mozilla-launches-firefox-4-and-delivers-a-fast-sleek-and-customizable-browsing-experience-to-more-than-400-million-users-worldwide-2/">lançou o <strong>Firefox 4</strong></a> para Windows, Mac OS X e Linux, e brevemente disponível também para dispositivos Android e Maemo.</p>
<ul>
<li>Veja demonstração de novos recursos em <a href="https://demos.mozilla.org/pt/">Mozilla Web O&#8217;(pen) Wonder &#8211; Maravilhas do HTML 5, Estilo, Vídeo e WebGL</a>.</li>
<li>Leia também <a href="http://blog.mozilla.com/category/firefox/">The Mozilla Blog &#8211; Firefox</a>.</li>
</ul>
<p>Foi um lançamento por semana.</p>
<p>Desde janeiro, tenho publicado alguns posts sobre os novos navegadores: <a href="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/">Corrida dos navegadores rumo a HTML5 e CSS3</a>; <a href="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/">Firefox 4 Beta e a barra de status</a>; <a href="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/">Firefox 4 Beta – novidades na interface</a>.</p>
<p>Como já comentei, duas temáticas importantes nestas novas versões foram: motores/mecanismos de renderização eficientes com suporte a HTML e os mais recentes padrões de JavaScript e Estilos CSS; e remodelagem da interface visando simplificação e maximização da área útil para exibição das páginas.</p>
<p>Aos poucos vou observando pontos positivos e negativos em cada um. Por exemplo, adorei o recurso de escolha de complementos (plug-ins) do Internet Explorer 9, que mostra o impacto de cada complemento no tempo médio de inicialização do navegador:</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_ie9_complementos.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/ie9_complementos.png" class="centered" alt="" width="450" height="437" /></a></p>
<p>Isto é algo que tem me incomodado no Firefox: ele tem demorado muito a iniciar (abrir a janela inicial), acho que a culpa deve ser de uma das <a href="http://www.mhavila.com.br/topicos/web/firefox_ext.html">várias extensões que utilizo</a>, mas não sei precisar qual nem tenho tempo e paciência para testar uma por uma.</p>
<p>Por outro lado, detestei saber que o Google Chrome, apesar de sua excelente compatibilidade com os novos padrões e a perceptível rapidez na exibição de páginas, ainda não tem recursos super básicos como <a href="http://www.google.com/support/forum/p/chrome/thread?tid=4d2b98dd4f222552&#038;hl=pt-BR">configurar impressora</a> (margens, cabeçalho e rodapé) nem previsualizar impressão.</p>
<p>Qual navegador é o melhor, ainda é cedo para dar um veredito, pois são muitos quesitos envolvidos. Vamos experimentar e ficar atentos ao que o público diz na internet!</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F03%2F30%2Fmarco-foi-o-mes-dos-novos-browsers%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/" data-count="horizontal" data-via="mhavila" data-text="Março foi o mês dos novos browsers">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Março foi o mês dos novos browsers&amp;body=http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/03/30/marco-foi-o-mes-dos-novos-browsers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Corrida dos navegadores rumo a HTML5 e CSS3</title>
		<link>http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/</link>
		<comments>http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/#comments</comments>
		<pubDate>Mon, 14 Mar 2011 20:37:23 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1752</guid>
		<description><![CDATA[TweetA corrida dos navegadores rumo ao melhor suporte aos padrões HTML5 e CSS3 está quente. Correndo para emparelhar com Google Chrome 8.0, que já está disponível há um bom tempo oferecendo bom suporte a estes padrões, além de trazer uma interface limpa, simples e eficaz e ser bem rápido, os dois principais navegadores lançaram nesta [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F03%2F14%2Fcorrida-dos-navegadores-rumo-a-html5-e-css3%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/" data-count="horizontal" data-via="mhavila" data-text="Corrida dos navegadores rumo a HTML5 e CSS3">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Corrida dos navegadores rumo a HTML5 e CSS3&amp;body=http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>A corrida dos navegadores rumo ao melhor suporte aos padrões HTML5 e CSS3 está quente.</p>
<p>Correndo para emparelhar com Google Chrome 8.0, que já está disponível há um bom tempo oferecendo bom suporte a estes padrões, além de trazer uma interface limpa, simples e eficaz e ser bem rápido, os dois principais navegadores lançaram nesta primeira quinzena de maio a versão candidata a oficial (<em>Release Candidate</em>) de seus novos navegadores:</p>
<ul>
<li>Microsoft <a href="http://windows.microsoft.com/pt-br/internet-explorer/products/ie-9/home">Internet Explorer 9</a> Release Candidate.</li>
<li>Mozilla <a href="http://www.mozilla.com/pt-BR/firefox/RC/">Firefox 4</a> Release Candidate.</li>
</ul>
<p>Sobre o Firefox 4, em suas versões beta, já andei avaliando alguns <a href="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/">aspectos de sua interface</a>, cada vez mais <a href="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/">parecido com o Chrome</a>.</p>
<h2>Internet Explorer 9 &#8211; Primeiras impressões</h2>
<p>As mudanças na interface visando maximizar a área útil da janela destinada à exibição da página web também estão presentes no Internet Explorer 9. Além da barra de menu convencional que já havia sido abolida no IE8, agora o IE9 exibe por padrão em uma única barra os botões de histórico de navegação (a lista de navegação, como no Firefox 4, também requer manter pressionado um dos botões Voltar ou Avançar para ser exibida), a caixa de endereço, as abas e os botões de Home e dos menus Favoritos e Ferramentas.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_ie9.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/ie9.png" class="centered" alt="" width="393" height="450" /></a></p>
<p>A barra de estado também foi extinta. A exibição dos links de destino apontados pelo usuário (<em>hover</em>) é feita em uma faixa na parte inferior da tela, similar ao Chrome e Firefox 4. E não vi nenhum local de exibição de mensagens de estado durante o carregamento das páginas, exceto o pequeno ícone animado à esquerda na aba correspondente.</p>
<p>A <a href="http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/notification-bar">barra de notificação</a>, recurso primeiro trazido pelo Firefox em substituição a janelas de diálogo convencionais, já era utilizada no IE8 em algumas situações e agora é utilizada no IE9 em todas as notificações. No IE9, passou a ser posicionada na parte inferior da janela.</p>
<p>Também foi extinta a caixa de pesquisa, integrada na caixa de endereço como já fez o Chrome. Durante a digitação de um endereço ou expressão, o navegador já oferece dinamicamente uma lista sugestões de pesquisa gerada pelo provedor de pesquisa padrão.</p>
<p>Na visualização de páginas, o IE9 promete carregar o conteúdo mais rapidamente e, se combinado com os recursos gráficos do sistema operacional Windows 7, melhor desempenho, nitidez e definição nos vídeos e outros elementos gráficos. Há um site de demonstração <a href="http://go.microsoft.com/fwlink/?LinkId=203364">beautyoftheweb.com</a>.</p>
<p>Traz também o Chakra, novo mecanismo JavaScript.</p>
<p>Para saber mais: <a href="http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/welcome-upgrade2">Windows Internet Explorer 9 &#8211; A internet nunca foi tão fácil</a>; <a href="http://windows.microsoft.com/pt-BR/internet-explorer/help/ie-9/whats-new-in-internet-explorer-9">Introdução &#8211; O que há de novo no Internet Explorer 9?</a>; <a href="http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features">Recursos do Internet Explorer 9</a>.</p>
<p>A Microsoft lista também um tabela <a href="http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/compare-browsers">Compare o Internet Explorer 9</a>, confrontando Firefox 4 Beta 11 e Chrome 9.0 Beta.</p>
<h2>Conclusão</h2>
<p>As novas versões de todos os navegadores estão buscando simplificar a interface, maximizar a área de exibição de páginas e oferecer suporte aos mais atuais padrões e recursos da web. Vamos ver brevemente qual deles entrega melhor o que promete.</p>
<p>Espero breve poder testar também algo sobre o suporte a HTML5 e <a href="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/">a CSS3</a>.</p>
<p>Tomara que quem ganhe essa briga seja o usuário, com opções cada vez melhores para escolher seu navegador internet, em termos de rapidez, precisão, segurança, compatibilidade e flexibilidade.</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F03%2F14%2Fcorrida-dos-navegadores-rumo-a-html5-e-css3%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/" data-count="horizontal" data-via="mhavila" data-text="Corrida dos navegadores rumo a HTML5 e CSS3">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Corrida dos navegadores rumo a HTML5 e CSS3&amp;body=http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/03/14/corrida-dos-navegadores-rumo-a-html5-e-css3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Firefox 4 Beta e a barra de status</title>
		<link>http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/</link>
		<comments>http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 03:39:33 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1689</guid>
		<description><![CDATA[TweetEm meu primeiro artigo analisando a interface as versões beta do novo Firefox 4, Firefox 4 Beta – novidades na interface, eu alertei para a decisão controversa de extinguir a barra de estado (status bar) na parte inferior da tela, quebrando uma convenção de interface já amplamente estabelecida na interface dos mais variados aplicativos. Com [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F02%2F26%2Ffirefox-4-beta-e-a-barra-de-status%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/" data-count="horizontal" data-via="mhavila" data-text="Firefox 4 Beta e a barra de status">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Firefox 4 Beta e a barra de status&amp;body=http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Em meu primeiro artigo analisando a interface as versões beta do novo Firefox 4, <a href="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/">Firefox 4 Beta – novidades na interface</a>, eu alertei para a decisão controversa de extinguir a barra de estado (<em>status bar</em>) na parte inferior da tela, quebrando uma convenção de interface já amplamente estabelecida na interface dos mais variados aplicativos.</p>
<p>Com isso, as informações que eram exibidas na barra de estado precisaram ser migradas para outros locais. No Firefox 4 Beta 10 estava assim:</p>
<ul>
<li>O endereço de destino de um link, exibido quando se pousa o mouse sobre o link (<em>hover</em>) passou a ser exibido na barra de endereço (topo da janela), adiante do endereço (URL) da página atual.</li>
<li>Os controles (ícones e informações) adicionados por complementos, que antes eram exibidos na parte direita da barra de estado, passaram a compor uma nova &#8220;Barra de extensões&#8221;, que se assemelha exatamente a uma barra de estado ocupando uma faixa no extremo inferior da janela, esta nova barra vem oculta por padrão, mas há a opção de exibi-la. Trocar uma barra por outra quase idêntica não me pareceu nenhuma vantagem.</li>
<li>Por fim, mensagens de estado exibidas durante o carregamento das páginas (&#8220;Conectando-se a &#8230;&#8221;, &#8220;Aguardando resposta de &#8230;&#8221; etc.) passaram a ser exibidas de forma muito resumida e incompleta no título da própria aba.</li>
</ul>
<p>Essas medidas acabaram por eliminar uma referência bem estável de resposta visual ao usuário<br />
na interface, que é a parte inferior da janela, e fragmentá-la em pontos distintos e pouco usuais na janela, e ainda com perda de detalhe. Com isso, os hábitos já instintivos de foco de visão do usuário foram perdidos e ficaram dispersos. Ou seja, uma evidente piora na experiência do usuário.</p>
<p>No <a href="http://www.mozilla.com/en-US/firefox/4.0b11/releasenotes/">Beta 11</a>, o Firefox re-introduziu as mensagens de estado em uma área sobreposta ocupando parte da região inferior da janela. Enquanto a barra de estado ocupava uma faixa fixa ocupando toda a extensão do extremo inferior da janela, esse overlay é exibido quando há mensagem e ocupa apenas a largura necessária ao texto exibido. Ou seja, uma &#8220;semi-barra&#8221; de estado dinâmica.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox_4beta11_estado.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox_4beta11_estado.png" class="centered" alt="" width="450" height="55" /></a></p>
<p>No recém-lançado <a href="http://www.mozilla.com/en-US/firefox/4.0b12/releasenotes/">Firefox Beta 12</a>, também os endereços de hover de links deixaram de ser exibidos na própria barra de endereços e passaram para esse novo overlay na área inferior.</p>
<p>Com isso, a proposta de interface para exibição de mensagens de estado e endereços de links do Firefox 4 ficou praticamente idêntica à do navegador Google Chrome, que utiliza o mesmo estilo de overlay.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_google_chrome_mensagens.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/google_chrome_mensagens.png" class="centered" alt="" width="450" height="254" /></a></p>
<p>Tudo isso parece ter o objetivo de apenas maximizar a área útil de exibição da página, aproveitando espaços anteriormente ocupados pela barra de estado.</p>
<p>Considerando que estamos falando de uma área muito útil à interface e que ocupa pouco mais de 20 pixels de altura, será que todo esse esforço compensa? Duvido.</p>
<p>Pior ainda se a barra de extensões for exibida, esta sim desperdiçando espaço, já que as mensagens ocupam área adicional no overlay. Para mim, seria muito mais simples e efetivo criar uma opção de exibir dinamicamente a boa e velha barra de estado, exibida apenas quando há uma nova mensagem ou feedback de um controle visual de extensão, ou quando se posiciona o mouse sobre ela.</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F02%2F26%2Ffirefox-4-beta-e-a-barra-de-status%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/" data-count="horizontal" data-via="mhavila" data-text="Firefox 4 Beta e a barra de status">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Firefox 4 Beta e a barra de status&amp;body=http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/02/26/firefox-4-beta-e-a-barra-de-status/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Firefox 4 Beta &#8211; novidades na interface</title>
		<link>http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/</link>
		<comments>http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 18:05:39 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1625</guid>
		<description><![CDATA[TweetInstalei o Firefox 4 Beta 8. Internamente, a nova versão do navegador trará muitas evoluções no motor Gecko 2.0 de processamento de páginas web, inclusive com suporte a HTML 5, e o novo mecanismo de JavaScript JägerMonkeyque promete ser mais rápido. Contudo, avalio aqui minhas primeiras impressões sobre novidades na interface do navegador. A tela [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F01%2F09%2Ffirefox-4-beta-novidades-na-interface%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/" data-count="horizontal" data-via="mhavila" data-text="Firefox 4 Beta – novidades na interface">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Firefox 4 Beta – novidades na interface&amp;body=http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Instalei o <a href="http://www.mozilla.com/pt-BR/firefox/beta/">Firefox 4 Beta</a> 8. Internamente, a nova versão do navegador trará muitas evoluções no motor Gecko 2.0 de processamento de páginas web, inclusive com suporte a HTML 5, e o novo mecanismo de JavaScript <a href="http://blog.mozilla.com/dmandelin/2010/09/08/presenting-jagermonkey/">JägerMonkey</a>que promete ser mais rápido. Contudo, avalio aqui minhas primeiras impressões sobre novidades na interface do navegador.</p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> A tela inicial mostra uma interface mais limpa e simplificada, maximizando o espaço disponível para exibição das páginas, como já fazem navegadores como Internet Explorer 8 e Google Chrome.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_inicio.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_inicio.png" class="centered" alt="" width="450" height="330" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> A barra de menu padrão some, e em seu lugar surge um botão &#8220;Firefox&#8221; no canto superior esquerdo que dá acesso ao novo estilo de menu de opções.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_novomenu_opcoes.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_novomenu_opcoes.png" class="centered" alt="" width="450" height="252" /></a></p>
<p>Pode-se perceber que o novo botão de menu é fortemente inspirado, para não dizer copiado, do <a href="http://www.opera.com/browser/">Opera</a>. compare na ilustração a seguir:</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_opera11.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/opera11.png" class="centered" alt="" width="450" height="328" /></a></p>
<p>No detalhe a seguir, podemos perceber que os itens de menu que levam a submenus tem um comportamento dual: se você seleciona o texto do item de menu, é ativada a opção padrão daquele submenu; se selecionado o pequeno triângulo, abrem-se as opções do submenu.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_novomenu_detalhe.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_novomenu_detalhe.png" class="centered" alt="" width="200" height="76" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Se você sentiu falta da barra de menu tradicional, há opção de exibi-la, bem como a barra de favoritos &#8212; abaixo da barra de navegação &#8212; e a nova barra de extensões &#8212; no extremo inferior da janela.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_barras.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_barras.png" class="centered" alt="" width="450" height="246" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_down.png" alt="Negativo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Já a barra de estado (<em>status</em>) que ficava na posição dessa barra de extensões foi extinta. Os controles adicionados por extensões passam a ser exibidos na barra de extensões, enquanto informações como o endereço (URL) de destino, quando se pousa o mouse sobre um link na página, passa a ser exibido em sequência na própria barra de endereço, como se pode ver na figura a seguir.</p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_down.png" alt="Negativo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Esta mudança me parece bastante controversa. A barra de estado na parte inferior da janela é uma convenção de interface amplamente utilizada e assimilada pelos usuários. Até então no Firefox, ela exibia links destino, informações do andamento ao carregar páginas, e ainda aproveitava o mesmo espaço para exibir controles adicionados por complementos. Acho ruim fracionar a exibição dessas informações em locais distintos e distantes, dificultando o foco de visão do usuário. Além disso, acho que o espaço para exibir a URL da página atual e de um link de destino, no mesmo campo de endereço, é muito pouco, principalmente quando os endereços são extensos. </p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_hoverlink.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_hoverlink.png" class="centered" alt="" width="450" height="360" /></a></p>
<p>Há também a opção da barra de abas abertas ser exibida abaixo das barras de navegação e favoritos, bastando desmarcar a opção &#8220;Abas em cima&#8221;.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_abasembaixo.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_abasembaixo.png" class="centered" alt="" width="450" height="115" /></a></p>
<p>O botão de recarregar página (<em>reload</em>, F5) foi embutido à direita do campo de endereço, logo após o botão de adicionar/remover como favorito. Enquanto a página está carregando, este botão se torna a opção de interromper (<em>stop</em>, Esc).</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_reload.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_reload.png" class="centered" alt="" width="154" height="64" /></a></p>
<p>Com a ausência da barra de estado na parte inferior da janela, a exibição do botão X de Interromper, na barra de endereço, e o ícone animado e texto da aba da página são os únicos indicativos visuais de que a página está sendo carregada. Serão suficientemente claro e informativos para este fim?</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_stop.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_stop.png" class="centered" alt="" width="70" height="35" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Se a barra de favoritos não está exibida, o botão de acesso rápido a todas as opções de favoritos (<em>bookmarks</em>) fica em um botão ao final da barra de endereço, à direita do botão de página inicial (<em>home</em>).</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_favoritos.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_favoritos.png" class="centered" alt="" width="244" height="280" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_down.png" alt="Negativo" width="32" height="32" style="float: left; margin-right: 1ex;" /> O acesso rápido à lista de histórico, ao voltar (<em>back</em>) ou avançar (<em>forward</em>) páginas com os botões de setas no início (esquerda) da barra de endereço, se dá mantendo pressionado (por mais de um segundo) um destes botões, ou clicando com o botão direito do mouse.</p>
<p>Há esse mesmo comportamento no navegador Google Chrome, mas considero pouco intuitivo. Prefiro a interface antiga do Firefox 3.x, similar à do Internet Explorer, em estilo <em>list box</em>, tendo à direita dos botões de navegação uma pequena seta para baixo que abre a lista de histórico como menu suspenso.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_historico.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_historico.png" class="centered" alt="" width="290" height="150" /></a></p>
<p>Se você deseja retornar a seta de menu drop-down à direita dos botões, há uma solução: instalar o complemento &#8220;<a href="https://addons.mozilla.org/firefox/addon/backforward-dropmarker">Back/forward dropmarker add-on</a>&#8220;.</p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Quando você preenche uma senha em um campo de formulário, o Firefox oferece para salvá-la no seu gerenciador de senhas através de uma nova forma de diálogo. Antes era uma nova barra que surgia acima da página. Agora, é com um balão que surge de um ícone à direita do campo de endereço.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_senhas.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_senhas.png" class="centered" alt="" width="450" height="230" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> E finalmente, acessível através de um novo botão no extremo direito da barra de abas, está o novo recurso de Grupo de abas.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_agruparabas.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_agruparabas.png" class="centered" alt="" width="100" height="77" /></a></p>
<p>É uma nova visualização de miniaturas de todas as abas abertas, organizadas em grupos. Diversos pulg-ins já adicionavam recurso similar em versões anteriores do Firefox. Esta é a proposta nativa do Firefox 4 para o usuário não se perder em meio a diversas abas abertas.</p>
<p>Nesta visualização inovadora, você pode criar grupos distintos de abas e navegar em apenas um grupo por vez, fechar uma aba (pela sua miniatura) ou um grupo inteiro de abas, ou selecionar uma miniatura para exibir a respectiva página.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_grupoabas.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_grupoabas.png" class="centered" alt="" width="450" height="226" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_down.png" alt="Negativo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Como o Firefox ainda está em beta, muitas de extensões (plug-ins) ainda não tem atualização compatível com a nova versão.</p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> Por falar nisso, há uma nova interface também para os gerenciamento de Complementos, não mais exibida em uma janela de diálogo mas sim em uma aba.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox40b8_complementos.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox40b8_complementos.png" class="centered" alt="" width="450" height="318" /></a></p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> A extensão Firefox Sync agora é parte integrante padrão do navegador, para sincronizar os favoritos, dados de formulário, senhas, histórico e abas abertas entre dispositivos e instalações do Firefox.</p>
<p><img src="http://www.mhavila.com.br/topicos/img/thumbs_up.png" alt="Positivo" width="32" height="32" style="float: left; margin-right: 1ex;" /> E pelo visto, um recurso introduzido desde o Firefox 3.6 mas que só agora constatei. Com a melhoria dos mecanismos internos de instalação de componentes, algumas extensões são ativadas imediatamente após sua instalação, sem a necessidade de reiniciar o Firefox.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_firefox4_complemento_no_restart.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/firefox4_complemento_no_restart.png" class="centered" alt="" width="191" height="80" /></a></p>
<p>Por hora, estas são as novidades perceptíveis nos primeiros minutos de uso da nova versão beta.</p>
<p>E você, caro leitor, está testando também o Firefox 4? Adoraria ver suas opiniões nos comentários deste artigo&#8230;</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F01%2F09%2Ffirefox-4-beta-novidades-na-interface%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/" data-count="horizontal" data-via="mhavila" data-text="Firefox 4 Beta – novidades na interface">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Firefox 4 Beta – novidades na interface&amp;body=http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/01/09/firefox-4-beta-novidades-na-interface/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>WordPress 3.0.4 em português brasileiro</title>
		<link>http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/</link>
		<comments>http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/#comments</comments>
		<pubDate>Sat, 08 Jan 2011 22:36:32 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1618</guid>
		<description><![CDATA[TweetA equipe de tradução da Comunidade WordPress-BR concluiu e disponibilizou hoje a localização em português do Brasil para o WordPress 3.0.4. WordPress é uma das mais populares, poderosas e eficazes plataformas de gerenciamento e publicação de conteúdo para sites do tipo blog (web log), como este aqui. Escrito em linguagem PHP orientada a objetos, o [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F01%2F08%2Fwordpress-3-0-4-em-portugues-brasileiro%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/" data-count="horizontal" data-via="mhavila" data-text="WordPress 3.0.4 em português brasileiro">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=WordPress 3.0.4 em português brasileiro&amp;body=http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>A equipe de tradução da <a href="http://wp-brasil.org/">Comunidade WordPress-BR</a> concluiu e disponibilizou hoje a localização em português do Brasil para o WordPress 3.0.4.</p>
<p><a href="http://wordpress.org/">WordPress</a> é uma das mais populares, poderosas e eficazes plataformas de gerenciamento e publicação de conteúdo para sites do tipo blog (web log), como este aqui. Escrito em linguagem PHP orientada a objetos, o WordPress é software livre, amplamente utilizado e suportado pela comunidade, cheio de recursos e bastante extensível através de plug-ins de recursos e temas de personalização visual, livremente disponíveis em grande quantidade e variedade tanto no repositório oficial da WordPress.org quanto em outros sites.</p>
<p>A <a href="http://wordpress.org/news/2010/12/3-0-4-update/">versão 3.0.4 é uma importante atualização de segurança</a>, originalmente disponibilizada (em inglês) em 29 de dezembro de 2010. A atualização imediata é recomendada para todos os usuários do WordPress 3.0.x.</p>
<p>Enquanto isso, já está a caminho um novo ciclo de melhorias para a nova versão 3.1. O <a href="http://wordpress.org/news/2011/01/wordpress-3-1-release-candidate-2/">WordPress 3.1 Release Candidate 2</a> já está disponível para testes, trazendo <a href="http://wordpress.org/news/2010/11/wordpress-3-1-beta-1/">ainda mais recursos e facilidades</a> para esta plataforma.</p>
<p>Para saber mais:</p>
<ul>
<li><a href="http://br.wordpress.org/">WordPress Brasil</a>.</li>
<li>Referências sobre <a href="http://www.mhavila.com.br/link/internet/server/content.html.pt-br">Gerenciamento de Conteúdo</a>, em Márcio&#8217;s Hyperlink.</li>
</ul>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2011%2F01%2F08%2Fwordpress-3-0-4-em-portugues-brasileiro%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/" data-count="horizontal" data-via="mhavila" data-text="WordPress 3.0.4 em português brasileiro">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=WordPress 3.0.4 em português brasileiro&amp;body=http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2011/01/08/wordpress-3-0-4-em-portugues-brasileiro/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS3 testado na prática</title>
		<link>http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/</link>
		<comments>http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/#comments</comments>
		<pubDate>Sun, 19 Dec 2010 21:02:35 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=1608</guid>
		<description><![CDATA[TweetQuando escrevi o artigo CSS para tabelas e listas de seleção HTML em 2004, ainda não havia nenhum navegador com suporte a CSS3 onde eu pudesse testar efetivamente recursos citados dessa versão do padrão de estilos. Agora, pude validar os recursos citados no Mozilla Firefox 3.6, no Google Chrome (8.0) e no Apple Safari (5.0), [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F12%2F19%2Fcss3-testado-na-pratica%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/" data-count="horizontal" data-via="mhavila" data-text="CSS3 testado na prática">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=CSS3 testado na prática&amp;body=http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Quando escrevi o artigo <a href="http://www.mhavila.com.br/topicos/web/css_tabelas.html"><strong>CSS para tabelas e listas de seleção HTML</strong></a> em 2004, ainda não havia nenhum navegador com suporte a CSS3 onde eu pudesse testar efetivamente recursos citados dessa versão do padrão de estilos.</p>
<p>Agora, pude validar os recursos citados no Mozilla Firefox 3.6, no Google Chrome (8.0) e no Apple Safari (5.0), todos rodando em Windows.</p>
<p>O estilo para linhas de tabela alternadas do CSS3 &#8212; <code>tr:nth-child(even)</code> &#8212; continuam não funcionado no Internet Explorer mesmo na versão 8, mas funcionou no Firefox e no Chrome.</p>
<p>Inclusive pude perceber um &#8220;bug&#8221; no artigo, pois eu havia aplicado o estilo explícito &#8220;even&#8221; (um recurso alternativo que propus para compatibilidade com os navegadores sem suporte a CSS3) nas linhas ímpares, e não nas pares como deveria.</p>
<p>O artigo foi revisado depois de 6 anos, para corrigir o bug e refletir as versões mais recentes dos navegadores testados.</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F12%2F19%2Fcss3-testado-na-pratica%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/" data-count="horizontal" data-via="mhavila" data-text="CSS3 testado na prática">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=CSS3 testado na prática&amp;body=http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2010/12/19/css3-testado-na-pratica/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tecnologias RIA</title>
		<link>http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/</link>
		<comments>http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 02:35:10 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[Arquitetura TI]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/?p=983</guid>
		<description><![CDATA[TweetO site Stat Owl disponibiliza uma série de relatórios com estatísticas e tendências relacionadas ao ambiente e ao mercado de web, com base no que os usuários de internet usam, como: navegadores e seus plugins, sistemas operacionais e configurações (resolução de tela, cores, arquitetura). Em especial, achei interessante o relatório especializado Rich Internet Application Market [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F06%2F22%2Ftecnologias-ria%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/" data-count="horizontal" data-via="mhavila" data-text="Tecnologias RIA">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Tecnologias RIA&amp;body=http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>O site <a href="http://www.statowl.com/">Stat Owl</a> disponibiliza uma série de relatórios com estatísticas e tendências relacionadas ao ambiente e ao mercado de web, com base no que os usuários de internet usam, como: navegadores e seus plugins, sistemas operacionais e configurações (resolução de tela, cores, arquitetura).</p>
<p>Em especial, achei interessante o relatório especializado <a href="http://www.statowl.com/custom_ria_market_penetration.php"><strong>Rich Internet Application Market Share – RIA Market Penetration and Global Usage</strong></a>.</p>
<p>Este relatório compara a penetração de mercado e o uso mundial das tecnologias Adobe Flash, Microsoft Silverlight e Java, considerando os diversos navegadores e sistemas operacionais.</p>
<p><a href="http://www.mhavila.com.br/blog/wp-content/photos/orig_suporte_tecnologias_RIA.png" title="" rel="lightbox"><img src="http://www.mhavila.com.br/blog/wp-content/photos/suporte_tecnologias_RIA.png" class="centered" alt="" width="450" height="236" /></a></p>
<p>Analisando os <a href="http://www.statowl.com/custom_ria_market_penetration.php?&#038;timeframe=custom|2008-09|2010-05">dados disponíveis desde setembro de 2008</a>, vemos facilmente que:</p>
<p>Adobe Flash pode ser considerado pleno padrão de mercado, com uma penetração beirando a totalidade (97% maio/2010).</p>
<p>A adoção de Java, em torno de 80%, é ampla mas não tão unânime quanto Flash.</p>
<p>Há gradativa evolução no suporte ao Microsoft Silverlight, mas sua penetração ainda é baixa, disponível em aproximadamente metade dos clientes (51% em maio/2010).</p>
<h2>RIA</h2>
<p>O Termo RIA &#8212; Rich Internet Applications &#8212; foi introduzido em março de 2002 no white paper “<a href="http://download.macromedia.com/pub/flash/whitepapers/richclient.pdf">Macromedia Flash MX &#8212; A next-generation rich client</a>”, por Jeremy Allaire, da Macromedia – empresa criadora da tecnologia Flash e de outros produtos para multimídia e internet, que foi adquirida pela Adobe em 2005.</p>
<p>Frameworks RIA de destaque no mercado:</p>
<ul>
<li><a href="http://www.adobe.com/flashplatform/">Adobe Flash</a> (1997, proprietário) e <a href="http://www.adobe.com/br/products/flex/">Adobe Flex</a> (2004, SDK livre);</li>
<li><a href="http://javafx.com/">JavaFX</a> (2007, livre) &#8212; ver também <a href="http://java.sun.com/javafx/">portal do desenvolvedor JavaFX</a>;</li>
<li><a href="http://www.microsoft.com/silverlight/">Microsoft Silverlight</a> (2007, proprietário), busca concorrer com Flash &#8212; ver também <a href="http://www.silverlight.net/">silverlight.net</a> e <a href="http://msdn.microsoft.com/pt-br/silverlight/">Silverlight Developer Center</a>;</li>
<li><a href="http://www.openlaszlo.org/">Open Laszlo</a> (2004, livre), roda em Flash ou DHTML &#8212; ver também <a href="http://www.laszlosystems.com/">Laszlo Systems</a>.</li>
</ul>
<p>Veja também uma <a href="http://en.wikipedia.org/wiki/List_of_rich_Internet_application_frameworks">Lista de frameworks para RIA</a> disponível na Wikipedia.</p>
<p>Existem também tecnologias RIA que visam integração de aplicações web com o ambiente cliente desktop do sistema operacional e com dispositivos móveis, em geral baseando-se no conceito que tem sido denominado <a href="http://en.wikipedia.org/wiki/Site-specific_browser">Site-Specific Browser (SSB)</a>.</p>
<p>Exemplos:</p>
<ul>
<li><a href="http://www.adobe.com/br/products/air/">AIR – Adobe Integrated Runtime</a> (2008), baseado em Flash, Flex e Ajax (ver também <a href="http://get.adobe.com/air/">portal de download</a>);</li>
<li><a href="http://java.sun.com/javase/technologies/desktop/javawebstart/">Java Web Start</a>, baseado em Java (ver também <a href="http://www.java.com/pt_BR/download/faq/java_webstart.xml">FAQ em português</a>);</li>
<li><a href="http://prism.mozillalabs.com/">Mozilla Labs Prism</a> (2010, livre), anteriormente conhecida como WebRunner (ver também <a href="https://developer.mozilla.org/en/Prism">portal do desenvolvedor Prism</a>).</li>
</ul>
<p>Para saber mais:</p>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Rich_Internet_application">Rich Internet application</a>, verbete na Wikipedia em inglês.</li>
<li><a href="http://www.adobe.com/resources/business/rich_internet_apps/">Rich Internet applications</a>, por Adobe.</li>
<li><a href="http://blogs.adobe.com/jd1/archives/2005/03/ria-definition.html">RIA definition</a> (em inglês), por John Dowdell, 2005-03-22, Adobe blogs.</li>
<li><a href="http://www.readwriteweb.com/archives/ajax_ria.php">Yes or No, is Ajax a RIA Technology?</a> (em inglês), por Richard MacManus, 2007-01-16, em ReadWriteWeb.</li>
</ul>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F06%2F22%2Ftecnologias-ria%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/" data-count="horizontal" data-via="mhavila" data-text="Tecnologias RIA">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Tecnologias RIA&amp;body=http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2010/06/22/tecnologias-ria/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Máscara de formatação em campos de formulário HTML</title>
		<link>http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/</link>
		<comments>http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 11:49:26 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/</guid>
		<description><![CDATA[TweetArtigos meus já cobriram aspectos básicos de Validação de formulários HTML com JavaScript e até mais específicos como Tratamento de CPF e CNPJ em JavaScript. Para completar, você pode querer também um controle maior de vallidação durante a digitação de um campo de formulário HTML, com o recurso de máscara de formatação. Neste caso, não [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F03%2F19%2Fmascara-de-formatacao-em-campos-de-formulario-html%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/" data-count="horizontal" data-via="mhavila" data-text="Máscara de formatação em campos de formulário HTML">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Máscara de formatação em campos de formulário HTML&amp;body=http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Artigos meus já cobriram aspectos básicos de <a href="http://www.mhavila.com.br/topicos/web/valform.html">Validação de formulários HTML com JavaScript</a> e até mais específicos como <a href="http://www.mhavila.com.br/topicos/web/cpf_cnpj.html">Tratamento de CPF e CNPJ</a> em JavaScript.</p>
<p>Para completar, você pode querer também um controle maior de vallidação durante a digitação de um campo de formulário HTML, com o recurso de máscara de formatação.</p>
<p>Neste caso, não vamos reinventar a roda. Já há artigos e bibiotecas prontas para realizar esse trabalho disponíveis livremente na Internet. Em especial, gostei muito do plugin Masked Input para a bibioteca jQuery.</p>
<ul>
<li><a href="http://www.webresourcesdepot.com/javascript-input-masks/">JavaScript Input Masks</a>, coletânea de soluções disponíveis, em Web Resources Depot.</li>
<li><a href="http://elcio.com.br/ajax/mascara/">Máscara em campos de formulário &#8211; Uma solução simples e crossbrowser com expressões regulares</a>, por Elcio Ferreira, autor do blog de tecnologia <a href="http://blog.elcio.com.br/">fechaTag</a> e um dos mantenedores do portal <a href="http://www.tableless.com.br/">Tableless</a>.</li>
<li>Biblioteca <a href="http://www.pengoworks.com/workshop/js/mask/"> Mask JavaScript API</a>, por Dan G. Switzer, II.</li>
<li><a href="http://www.puremango.co.uk/mask/">Javascript Input Mask</a>.</li>
</ul>
<h2>jQuery</h2>
<ul>
<li><a href="http://digitalbush.com/projects/masked-input-plugin/">Masked Input Plugin</a> (em inglês) para jQuery, por DigitalBush.com. Extensão de entrada com máscara para a biblioteca javascript jQuery. Permite ao usuário preencher mais facilmente um campo (input) de tamanho fixo com dados em determinado formato (datas, números de telefone, etc). Testado em Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera, e Chrome.</li>
<li><a href="http://www.pinceladasdaweb.com.br/blog/2008/11/17/mascaras-em-campos-de-formularios-com-jquery/">Máscaras em campos de formulários com jQuery</a>, por Anderson Custódio, 2008-11-17, em Pinceladas da Web.</li>
<li><a href="http://jquery.blog.dada.net/post/350761/Máscara+para+campos+INPUT+do+formulário">Máscara para campos INPUT do formulário</a>, por profissionalmmn, 2007-04-19, no blog Ajax JQUERY &#038; Javascript.</li>
<li><a href="http://plugins.jquery.com/project/maskedinput">jQuery Plugins &#8211; Masket Input</a>.</li>
</ul>
<h2>Prototype</h2>
<ul>
<li><a href="http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/">How to create input masks in HTML</a> &#8211; HTML Input Mask, por Baron Schwartz (Xaprb). Novo repositório do código em Google Code: <a href="http://code.google.com/p/flexible-js-formatting/">Flexible JS Formatting Libraries</a>.</li>
</ul>
<h2>Rails</h2>
<ul>
<li><a href="http://jlopes.zigotto.com.br/tag/inputs">Inputs plugin</a> com jQuery (jRails), por Jésus Lopes. Repositório do projeto em <a href="http://github.com/jtadeulopes/inputs">GitHub: inputs</a>.</li>
<li><a href="http://railsbox.org/tags/jsmask">JSMask &#8211; Máscara em campo texto</a> com Prototype, por Ozéias Sant&#8217;ana. Repositório do projeto em <a href="http://github.com/ozeias/js_mask">GitHub: js_mask</a>.</li>
</ul>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2010%2F03%2F19%2Fmascara-de-formatacao-em-campos-de-formulario-html%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/" data-count="horizontal" data-via="mhavila" data-text="Máscara de formatação em campos de formulário HTML">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Máscara de formatação em campos de formulário HTML&amp;body=http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2010/03/19/mascara-de-formatacao-em-campos-de-formulario-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extensões para Firefox atualizado</title>
		<link>http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/</link>
		<comments>http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 08:47:09 +0000</pubDate>
		<dc:creator>Márcio</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/</guid>
		<description><![CDATA[TweetMeu artigo Extensões para o navegador Firefox foi revisado hoje, com atualizações sobre a compatibilidade entre algumas extensões e as versões de Firefox e a inclusão do VERO, Verificador Ortográfico 2.0 para Português do BrOffice.org, que incorpora inclusive o Acordo Ortográfico da Língua Portuguesa de 1990, em vigor no Brasil desde 1º de janeiro de [...]]]></description>
			<content:encoded><![CDATA[
				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2009%2F01%2F28%2Fextensoes-para-firefox-atualizado%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/" data-count="horizontal" data-via="mhavila" data-text="Extensões para Firefox atualizado">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Extensões para Firefox atualizado&amp;body=http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div><p>Meu artigo <a href="http://www.mhavila.com.br/topicos/web/firefox_ext.html"><strong>Extensões para o navegador Firefox</strong></a> foi revisado hoje, com atualizações sobre a compatibilidade entre algumas extensões e as versões de Firefox e a inclusão do VERO, Verificador Ortográfico 2.0 para Português do BrOffice.org, que incorpora inclusive o <a href="http://blog.mhavila.com.br/2009/01/05/acordo-ortografico-da-lingua-portuguesa/">Acordo Ortográfico da Língua Portuguesa</a> de 1990, em vigor no Brasil desde 1º de janeiro de 2009. O VERO 2.0 está disponível para a família Mozilla, em extensões Português (Brasil) e Português (Portugal).</p>
<p>Na revisão anterior do artigo, havia sido incluída a extensão HTML Validator, muito útil para desenvolvedores web.</p>

				<!-- Social Sharing Toolkit v2.0.4 | http://www.marijnrongen.com/wordpress-plugins/social_sharing_toolkit/ -->
				<div class="mr_social_sharing_wrapper"><span class="mr_social_sharing"><iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fblog.mhavila.com.br%2F2009%2F01%2F28%2Fextensoes-para-firefox-atualizado%2F&amp;layout=button_count&amp;show_faces=false&amp;width=90px&amp;height=21px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe></span><span class="mr_social_sharing"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/" data-count="horizontal" data-via="mhavila" data-text="Extensões para Firefox atualizado">Tweet</a></span><span class="mr_social_sharing"><g:plusone size="medium" href="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/"></g:plusone></span><span class="mr_social_sharing"><script type="IN/Share" data-url="http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/" data-counter="right"></script></span><span class="mr_social_sharing"><a href="mailto:?subject=Extensões para Firefox atualizado&amp;body=http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/"><img src="http://blog.mhavila.com.br/wp-content/plugins/social-sharing-toolkit/images/buttons/email.png" alt="Share via email" title="Share via email"/></a></span></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mhavila.com.br/2009/01/28/extensoes-para-firefox-atualizado/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

