<?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>JulioGreff.net &#187; yui</title>
	<atom:link href="http://juliogreff.net/tag/yui/feed/" rel="self" type="application/rss+xml" />
	<link>http://juliogreff.net</link>
	<description>A mesma web, um novo estilo de desenvolvimento</description>
	<lastBuildDate>Sat, 07 May 2011 17:07:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Interfaces de Usuário com JavaScript</title>
		<link>http://juliogreff.net/interfaces-de-usuario-com-javascript/</link>
		<comments>http://juliogreff.net/interfaces-de-usuario-com-javascript/#comments</comments>
		<pubDate>Mon, 25 Aug 2008 11:00:42 +0000</pubDate>
		<dc:creator>Julio Greff</dc:creator>
				<category><![CDATA[Destaques]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[bibliotecas]]></category>
		<category><![CDATA[dojo]]></category>
		<category><![CDATA[ext]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[yui]]></category>

		<guid isPermaLink="false">http://juliogreff.blog.br/?p=185</guid>
		<description><![CDATA[A web vai se tornando uma plataforma cada vez mais próximas das aplicações desktop que temos. Temos várias aplicações por aí para provar isso. Mas aos olhos do usuário, uma aplicação só com XHTML+CSS às vezes pode não ser tão interessante. De uns tempos pra cá, entretanto, várias bibliotecas surgiram para acabar com esse problema, [...]

<h3>Posts Relacionados</h3><ul><li><a href='http://juliogreff.net/mootools-vs-jquery/' rel='bookmark' title='Permanent Link: Mootools vs. jQuery'>Mootools vs. jQuery</a></li>
<li><a href='http://juliogreff.net/estendendo-o-javascript/' rel='bookmark' title='Permanent Link: Estendendo o JavaScript'>Estendendo o JavaScript</a></li>
<li><a href='http://juliogreff.net/historico-para-navegacao-via-javascript/' rel='bookmark' title='Permanent Link: Histórico para Navegação via JavaScript'>Histórico para Navegação via JavaScript</a></li>
<li><a href='http://juliogreff.net/estatisticas-para-navegacao-via-javascript/' rel='bookmark' title='Permanent Link: Estatísticas para Navegação via JavaScript'>Estatísticas para Navegação via JavaScript</a></li>
<li><a href='http://juliogreff.net/jquery-segundas-impressoes/' rel='bookmark' title='Permanent Link: jQuery &#8211; Segundas Impressões'>jQuery &#8211; Segundas Impressões</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>A web vai se tornando uma plataforma cada vez mais próximas das aplicações desktop que temos. Temos várias aplicações por aí para provar isso. Mas aos olhos do usuário, uma aplicação só com XHTML+CSS às vezes pode não ser tão interessante. De uns tempos pra cá, entretanto, várias bibliotecas surgiram para acabar com esse problema, e trazer interfaces de usuários realmente interessantes. Preparado para algo fora de série?</p>
<p>O número dessas bibliotecas é incontável, algumas mais simples, outras mais complexas, outras mais famosas, algumas nem tanto. Fiz uma breve pesquisa, e trouxe as mais conhecidas (e algumas nem tanto) para quem ainda não teve a oportunidade de conhecer. Só para lembrar, hoje não vou tratar sobre o uso dessas bibliotecas, isso fica pra uma próxima oportunidade, já que a idéia é um pouco extensa.</p>
<h3>ExtJS</h3>
<p>A <a href="http://extjs.com/" title="ExtJS" rel="external">ExtJS</a> é de longe a biblioteca mais conhecida. Provavelmente você já deve ter pelo menos ouvido falar sobre, a menos que você viva na Sibéria. Também acredito que deva ser uma das mais antigas, e por isso uma das mais completas também.</p>
<p class="center"><img src="http://juliogreff.net/wp-uploads/extjs.png" alt="ExtJS" title="ExtJS" /></p>
<p>Seu <a href="http://extjs.com/deploy/dev/examples/samples.html" title="ExtJS - Demos and Samples" rel="external">visual é espetacular</a>, mas tem seu preço: ela é muito lenta. Todos os efeitos de transparência, os drag &#8216;n&#8217; drops, tudo isso exige muito do pobre navegador. Pense bem antes de escolher onde usá-la, faça somente se for necessário, nunca para simples &#8220;enfeites&#8221;. Lenta, mas uma obra de arte.</p>
<p>E os desenvolvedores <abbr title="Adobe Integrated Runtime">AIR</abbr> não precisam ficar tristes: há até um <a href="http://extjs.com/blog/2008/02/24/tasks2/" title="Simple Tasks - AIR Application" rel="external">demo</a> do bichinho em funcionamento. Ainda não tive muito tempo com o AIR, mas acredito que a questão da velocidade não seja tão crítica quanto em um navegador, quem puder falar sobre, agradeço.</p>
<h3>Yahoo User Interface</h3>
<p class="left"><img src="http://juliogreff.net/wp-uploads/yui.png" alt="Yahoo User Interface" title="Yahoo User Interface" /></p>
<p>A <a href="http://developer.yahoo.com/yui/" title="Yahoo User Interface" rel="external">Yahoo User Interface</a>, ou YUI, deve ser a primeira user interface a se popularizar. Foi a base do nascimento da ExtJS. Tem lá seus defeitos, como o prefixo YUI para todos os métodos, mas tem um poder imenso. Me parece ser bem mais leve que a Ext, e usa gráficos bem mais simples também.</p>
<p>A documentação é um dos pontos fortes. Mantida pela comunidade de desenvolvedores do Yahoo, você nunca estará sozinho. Apesar disso, achei o site um pouco confuso para encontrar alguma coisa, principalmente os demos. Mas o material está lá, e há muito&#8230;</p>
<h3>MochaUI</h3>
<p>Ainda beta, a <a href="http://mochaui.com/" rel="external" title="MochaUI">MochaUI</a> seria a minha preferida. Adivinhem por quê? Sim, baseada na <a href="http://mootools.net/" title="Mootools Library" rel="external">Mootools</a>&#8230; A <a href="http://mochaui.com/demo/" title="MochaUI - Demo" rel="external">demonstração</a> realmente me deixou impressionado, talvez tenha sido o relógio.</p>
<p class="center"><img src="http://juliogreff.net/wp-uploads/mochaui.png" title="MochaUI" alt="MochaUI" /></p>
<p>Aparenta ser bem leve, tanto que na demonstração você pode modificar propriedades das janelas sem travar o navegador. Usa gráficos simples, mas não menos atraentes. De longe, seria a primeira que eu escolheria para trabalhar (sim, opinião extremamente parcial). Mal posso esperar pela versão 1.0!</p>
<h3>Dijit</h3>
<p>Falando em <a href="http://dojotoolkit.org/" title="Dojo Toolkit" rel="external">Dojo</a>, nem é preciso dizer muito. O framework mais abrangente que conheço também conta com sua interface de usuário, o <a href="http://dojotoolkit.org/projects/dijit" title="Dijit" rel="external">Dijit</a>. Não consegui encontrar demonstrações no site, mas as imagens mostram algo realmente promissor.</p>
<p class="center"><img src="http://juliogreff.net/wp-uploads/dijit.gif" alt="Dijit" title="Dijit" /></p>
<p>Lendo a descrição do projeto, você verá que o Dijit não é <em>apenas</em> uma simples interface de usuário. É extremamente customizável, extensível, acessível e localizável. O que isso significa? Bem, dê asas à imaginação, o céu é o limite&#8230;</p>
<h3>jQuery UI</h3>
<p>O <a href="http://ui.jquery.com/" title="jQuery UI" rel="external">jQuery UI</a>, bem jovem ainda, também é espetacular. Baseado na brilhante <a href="http://jquery.com/" rel="external" title="jQuery">jQuery</a>, tem tudo para deixar qualquer um de boca aberta. A <a href="http://ui.jquery.com/repository/real-world/effects/" title="jQuery UI Effects" rel="external">demonstração de efeitos</a>, por exemplo, me impressionou muito. A própria tela de demonstrações é uma obra de arte.</p>
<p class="center"><img src="http://juliogreff.net/wp-uploads/jqueryui.png" title="jQuery UI" alt="jQuery UI" /></p>
<p>Apesar de baseada no jQuery, achei a biblioteca ligeiramente lenta. Talvez tenha sido impressão, mas não esperava isso de jQuery. Entretanto, pela sua idade, é muito madura, muito poderosa. Se jQuery não havia <a href="http://juliogreff.net/jquery-segundas-impressões/" title="jQuery - Segundas Impressões">me chamado atenção</a> ainda&#8230;</p>
<h3>Prototype UI</h3>
<p class="center"><img src="http://juliogreff.net/wp-uploads/prototypeui.png" title="Prototype UI" alt="Prototype UI" /></p>
<p>Até então desconhecido pra mim, o release candidate <a href="http://www.prototype-ui.com/" title="Prototype UI" rel="external">Prototype UI</a> não conseguiu me chamar a atenção. Não por ser baseado em <a href="http://www.prototypejs.org/" title="Prototype" rel="external">Prototype</a> e <a href="http://script.aculo.us/" title="Scriptaculous" rel="external">Scriptaculous</a> (o que já considero um ponto contra), nem por usar um tema do Mac, mas por parecer muito prematura. Os demos apresentados são bonitinhos, mas um tanto &#8220;crus&#8221;. Prefiro não dar minha opinião, vai que o negócio vire um Ext-killer?</p>
<h3>SproutCore</h3>
<p class="center"><img src="http://juliogreff.net/wp-uploads/sproutcore.png" title="SproutCore" alt="SproutCore" /></p>
<p>O <a href="http://www.sproutcore.com/" title="SproutCore" rel="external">SproutCore</a>, iniciativa da Apple, tem uma proposta um tanto &#8220;utópica&#8221;, pelo que entendi é trazer o Cocoa para a web. As demonstrações são interessantes, mas o pobre navegador sofreu as conseqüências. Esse negócio consegue ser mais pesado que a própria Ext! Além disso, vi mais opiniões <a href="http://www.pixelbox.net/2008/06/17/sprout-core/" title="SproutCore (Pixelbox)" rel="external">negativas</a> do que positivas&#8230;</p>
<h3>UIZE</h3>
<p class="center"><img src="http://juliogreff.net/wp-uploads/uize.png" title="UIZE" alt="UIZE" /></p>
<p>O <a href="http://www.uize.com/" title="UIZE" rel="external">UIZE</a> (pronuncia-se &#8220;you eyes&#8221;) é outro que nunca havia sido apresentado a mim. Concordo com o pessoal do <a href="http://ajaxian.com/archives/uize-javascript-ui-toolkit" title="UIZE: JavaScript UI Toolkit" rel="external">Ajaxian</a>: são os efeitos mais legais que já vi. Apesar disso, a biblioteca ainda necessita muito mais trabalho, já que tem poucos recursos (poucos, mas legais).</p>
<p>Não tive a oportunidade de trabalhar por algum tempo com nenhuma dessas bibliotecas, e nem falar muito sobre as quais tenho mais experiência. Somente uma breve opinião sobre cada uma. Caso tenha esquecido de alguma, por favor, cite-a nos comentários, terei prazer em falar um pouquinho. Só uma precaução: cuidado onde você irá usar tudo isso&#8230; Existem aplicações e aplicações. Até mais!</p>


<h3>Posts Relacionados</h3><ul><li><a href='http://juliogreff.net/mootools-vs-jquery/' rel='bookmark' title='Permanent Link: Mootools vs. jQuery'>Mootools vs. jQuery</a></li>
<li><a href='http://juliogreff.net/estendendo-o-javascript/' rel='bookmark' title='Permanent Link: Estendendo o JavaScript'>Estendendo o JavaScript</a></li>
<li><a href='http://juliogreff.net/historico-para-navegacao-via-javascript/' rel='bookmark' title='Permanent Link: Histórico para Navegação via JavaScript'>Histórico para Navegação via JavaScript</a></li>
<li><a href='http://juliogreff.net/estatisticas-para-navegacao-via-javascript/' rel='bookmark' title='Permanent Link: Estatísticas para Navegação via JavaScript'>Estatísticas para Navegação via JavaScript</a></li>
<li><a href='http://juliogreff.net/jquery-segundas-impressoes/' rel='bookmark' title='Permanent Link: jQuery &#8211; Segundas Impressões'>jQuery &#8211; Segundas Impressões</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://juliogreff.net/interfaces-de-usuario-com-javascript/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

