<?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>Túlio Vargas</title>
	<atom:link href="http://www.tuliovargas.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tuliovargas.com</link>
	<description>Tecnologia na ponta do dedo !</description>
	<lastBuildDate>Tue, 27 Oct 2009 16:02:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Gerar imagens ou skinning para o Adobe Flex utilizando o Adobe Fireworks CS4</title>
		<link>http://www.tuliovargas.com/gerar-imagens-ou-skinning-para-o-adobe-flex-utilizando-o-adobe-fireworks-cs4/</link>
		<comments>http://www.tuliovargas.com/gerar-imagens-ou-skinning-para-o-adobe-flex-utilizando-o-adobe-fireworks-cs4/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 18:54:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.tuliovargas.com/?p=73</guid>
		<description><![CDATA[Com Adobe Fireworks CS4 é possível gerar imagens ou Skins para sistemas desenvolvidos no Adobe Flex, nesse tutorial irei explicar passo a passo como isso é possível e também como é simples a edição dessas imagens e sua aplicação em  projetos no Flex,  deixando assim seu projeto mais personalizado.
Na verdade o Adobe Flex ira gerar [...]]]></description>
			<content:encoded><![CDATA[<p>Com Adobe Fireworks CS4 é possível gerar imagens ou Skins para sistemas desenvolvidos no Adobe Flex, nesse tutorial irei explicar passo a passo como isso é possível e também como é simples a edição dessas imagens e sua aplicação em  projetos no Flex,  deixando assim seu projeto mais personalizado.<br />
Na verdade o Adobe Flex ira gerar as imagens com o formato padrão, ou seja, o default do Flex e essas imagens nada mais são que todos os componentes contidos no Flex. Juntamente com as imagens o Fireworks CS4 também ira gerar o código CSS(<em>Cascading Style Sheets</em>) para aplicação dessas imagens no projeto feito Flex.</p>
<p>Vamos abrir o Adobe Fireworks Cs4 e clicar em:<br />
<strong> Commands&gt;&gt; Flex Skinnig&gt;&gt; New Flex Skin</strong></p>
<p style="text-align: center;"><img class="size-full wp-image-60 aligncenter" title="tutorialSkinningAdobeFlex1" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex1.JPG" alt="tutorialSkinningAdobeFlex1" width="597" height="414" /></p>
<p>Na seguinte tela podemos optar em criar o Skin para todos os componentes do Flex, clicando em Multiplie components ou então gerar um Skin para um componente especifico, para isso você deve optar pela opção Specific components.<br />
No caso vamos escolher a segunda opção e então criar um Skin para o componente Panel.</p>
<p style="text-align: center;"><img class="size-full wp-image-61 aligncenter" title="tutorialSkinningAdobeFlex2" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex2.JPG" alt="tutorialSkinningAdobeFlex2" width="288" height="408" /></p>
<p style="text-align: center;"><img class="size-full wp-image-62 aligncenter" title="tutorialSkinningAdobeFlex3" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex3.JPG" alt="tutorialSkinningAdobeFlex3" width="343" height="415" /></p>
<p>Podemos observar que todos os elementos que fazem parte do design do componente Panel esta dividido em camadas, assim facilitando muito o trabalho do designer.<br />
<img class="aligncenter size-full wp-image-63" title="tutorialSkinningAdobeFlex4" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex4.JPG" alt="tutorialSkinningAdobeFlex4" width="343" height="476" /><br />
Eu alterei a cor azul solida que vem como padrão no elemento Panel e apliquei um efeito degrade nas cores Azul e Branco(<em>cores do meu time de coração – Cruzeiro Esporte Clube</em>) e também coloquei um efeito suave de linhas em background.<br />
<img class="aligncenter size-full wp-image-64" title="tutorialSkinningAdobeFlex5" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex5.JPG" alt="tutorialSkinningAdobeFlex5" width="330" height="410" /><br />
Para aplicação de todos os efeitos eu utilizei as opções contidas na tab PROPERTIES. Dentro dessa tab podemos encontrar opções para alterar cor, aplicar efeitos, textura, borda, etc.. Deixando totalmente personalizado o seu componente.<br />
<img class="aligncenter size-full wp-image-65" title="tutorialSkinningAdobeFlex6" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex6.JPG" alt="tutorialSkinningAdobeFlex6" width="712" height="127" /><br />
Assim que todo trabalho de estilização do componente estiver realizado então deveremos exportar o skin para o Adobe Flex.<br />
Para isso vc deve ir no seguinte item do menu:<br />
<strong> Commands&gt;&gt; Flex Skinnig&gt;&gt; Export Flex Skin</strong><br />
<img class="aligncenter size-full wp-image-66" title="tutorialSkinningAdobeFlex7" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex7.JPG" alt="tutorialSkinningAdobeFlex7" width="378" height="568" /><br />
Selecione uma pasta qualquer onde ficará salvo o Skin. Lembrando que essa pasta não precisa ser a pasta qual esta salvo o projeto Flex.<br />
<img class="aligncenter size-full wp-image-67" title="tutorialSkinningAdobeFlex8" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex8.JPG" alt="tutorialSkinningAdobeFlex8" width="433" height="279" /><br />
<img class="aligncenter size-full wp-image-68" title="tutorialSkinningAdobeFlex9" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex9.JPG" alt="tutorialSkinningAdobeFlex9" width="177" height="191" /><br />
Após selecionado o projeto Flex qual ira receber o Skin criado no Fireworks, então devemos realizar a importação do mesmo. Para isso iremos fazer a seguinte  fazer o seguinte passo:<br />
<img class="aligncenter size-full wp-image-69" title="tutorialSkinningAdobeFlex10" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex10.JPG" alt="tutorialSkinningAdobeFlex10" width="499" height="530" /><br />
Selecione a pasta qual você exportou o Skin criado no Fireworks e depois clique em Next.<br />
<img class="aligncenter size-full wp-image-70" title="tutorialSkinningAdobeFlex11" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex11.JPG" alt="tutorialSkinningAdobeFlex11" width="579" height="592" /><br />
Agora é só concluir clicando em Finish.<br />
<img class="aligncenter size-full wp-image-71" title="tutorialSkinningAdobeFlex12" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex12.JPG" alt="tutorialSkinningAdobeFlex12" width="628" height="643" /><br />
Pronto o seu novo Skin já está incorporado ao seu projeto Flex.<br />
<img class="aligncenter size-full wp-image-72" title="tutorialSkinningAdobeFlex13" src="http://www.tuliovargas.com/wp-content/uploads/tutorialSkinningAdobeFlex13.JPG" alt="tutorialSkinningAdobeFlex13" width="768" height="360" /><br />
Está concluído o processo criação e aplicação do Skin no seu projeto Flex.</p>
<p>Qualquer dúvida, é só postar abaixo.</p>
<p><map name='google_ad_map_73_e26d13bfa73e74bd'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/73?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_73_e26d13bfa73e74bd' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=73&amp;url= http%3A%2F%2Fwww.tuliovargas.com%2Fgerar-imagens-ou-skinning-para-o-adobe-flex-utilizando-o-adobe-fireworks-cs4%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://www.tuliovargas.com/gerar-imagens-ou-skinning-para-o-adobe-flex-utilizando-o-adobe-fireworks-cs4/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SOA em debate</title>
		<link>http://www.tuliovargas.com/soa-em-debate/</link>
		<comments>http://www.tuliovargas.com/soa-em-debate/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:07:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.tuliovargas.com/?p=58</guid>
		<description><![CDATA[
Kleber Bacili, diretor de tecnologia da Sensedia, e Paulo Sergio Rodrigues, sócio-diretor da Firsteam, participam de bate-papo sobre o conceito.



]]></description>
			<content:encoded><![CDATA[<p><object id="videoplayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="quality" value="high" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#ffffff" /><param name="src" value="http://videos.etrainingitmidia.com.br/swf/player.swf?idvideo=413&amp;image=http://videos.etrainingitmidia.com.br/admin/upload/thumbnails/20090626_ITW_debate_kleber_e_paulo.jpg&amp;file=http://videos.etrainingitmidia.com.br/admin/upload/uploads/20090626_ITW_debate_kleber_e_paulo.flv&amp;width=480&amp;height=318&amp;skin=http://videos.etrainingitmidia.com.br/swf/stijl.swf&amp;autostart=true" /><param name="allowfullscreen" value="true" /><embed id="videoplayer" type="application/x-shockwave-flash" width="480" height="318" src="http://videos.etrainingitmidia.com.br/swf/player.swf?idvideo=413&amp;image=http://videos.etrainingitmidia.com.br/admin/upload/thumbnails/20090626_ITW_debate_kleber_e_paulo.jpg&amp;file=http://videos.etrainingitmidia.com.br/admin/upload/uploads/20090626_ITW_debate_kleber_e_paulo.flv&amp;width=480&amp;height=318&amp;skin=http://videos.etrainingitmidia.com.br/swf/stijl.swf&amp;autostart=true" bgcolor="#ffffff" wmode="opaque" quality="high" allowfullscreen="true" allowscriptaccess="always" align="middle"></embed></object></p>
<p>Kleber Bacili, diretor de tecnologia da Sensedia, e Paulo Sergio Rodrigues, sócio-diretor da Firsteam, participam de bate-papo sobre o conceito.</p>
<p><map name='google_ad_map_58_e26d13bfa73e74bd'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/58?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_58_e26d13bfa73e74bd' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=58&amp;url= http%3A%2F%2Fwww.tuliovargas.com%2Fsoa-em-debate%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://www.tuliovargas.com/soa-em-debate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>O que é um browser</title>
		<link>http://www.tuliovargas.com/o-que-e-um-browser/</link>
		<comments>http://www.tuliovargas.com/o-que-e-um-browser/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 21:28:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Humor]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.tuliovargas.com/blog/?p=23</guid>
		<description><![CDATA[aki vai ser meu segundo post
What is a browser?

[]´s



]]></description>
			<content:encoded><![CDATA[<p>aki vai ser meu segundo post<br />
<strong>What is a browser?</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/o4MwTvtyrUQ&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/o4MwTvtyrUQ&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<strong>[]´s</strong></p>
<p><map name='google_ad_map_23_e26d13bfa73e74bd'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/23?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_23_e26d13bfa73e74bd' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=23&amp;url= http%3A%2F%2Fwww.tuliovargas.com%2Fo-que-e-um-browser%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://www.tuliovargas.com/o-que-e-um-browser/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://www.tuliovargas.com/hello-world/</link>
		<comments>http://www.tuliovargas.com/hello-world/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 14:59:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.tuliovargas.com/blog/?p=1</guid>
		<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

&#60;?php
if ($a &#62; $b)
  echo &#34;a is bigger than b&#34;;
?&#62;


//  HelloWorld.java
public class HelloWorld {
   public static void main (String args[]) {
      System.out.println (&#34;Hello, World!&#34;);
   }
}




]]></description>
			<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
<pre class="brush: php;">
&lt;?php
if ($a &gt; $b)
  echo &quot;a is bigger than b&quot;;
?&gt;
</pre>
<pre class="brush: java;">
//  HelloWorld.java
public class HelloWorld {
   public static void main (String args[]) {
      System.out.println (&quot;Hello, World!&quot;);
   }
}
</pre>
<p><map name='google_ad_map_1_e26d13bfa73e74bd'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/1?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_1_e26d13bfa73e74bd' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=1&amp;url= http%3A%2F%2Fwww.tuliovargas.com%2Fhello-world%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://www.tuliovargas.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
