<?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>Bruno Pullis</title>
	<atom:link href="http://brunopullis.com.br/feed" rel="self" type="application/rss+xml" />
	<link>http://brunopullis.com.br</link>
	<description>Desenvolvimento WEB, dicas e tutoriais</description>
	<lastBuildDate>Tue, 21 Feb 2012 17:12:54 +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>Ferramenta não faz desenvolvedor</title>
		<link>http://brunopullis.com.br/dicas/ferramenta-nao-faz-desenvolvedor</link>
		<comments>http://brunopullis.com.br/dicas/ferramenta-nao-faz-desenvolvedor#comments</comments>
		<pubDate>Tue, 21 Feb 2012 17:11:48 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[dicas profissionais]]></category>
		<category><![CDATA[ferramentas]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=624</guid>
		<description><![CDATA[&#160; &#160; Diga lá pessoal, Tenho percebido que muitas pessoas que iniciam sua carreira profissional em desenvolvimento web ficam presas a uma determinada ferramenta pois bem ficar preso com uma ferramenta só traz retrocesso mental. Isso se aplica pra qualquer &#8230; <a href="http://brunopullis.com.br/dicas/ferramenta-nao-faz-desenvolvedor">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://brunopullis.com.br/dicas/ferramenta-nao-faz-desenvolvedor/attachment/toolbox" rel="attachment wp-att-631"><img class="aligncenter size-full wp-image-631" title="Caixa de ferramentas" src="http://brunopullis.com.br/wp-content/uploads/2012/02/Toolbox.jpg" alt="" width="446" height="352" /></a></p>
<p>Diga lá pessoal,</p>
<p>Tenho percebido que muitas pessoas que iniciam sua carreira profissional em desenvolvimento web ficam presas a uma determinada ferramenta pois bem ficar preso com uma ferramenta só traz <strong>retrocesso mental</strong>.</p>
<p>Isso se aplica pra qualquer ferramenta tanto para IDE&#8217;s quanto para outras ferramentas que utilizamos no dia-a-dia. O que devemos ter em mente sempre e a evolução na nossa carreira.</p>
<p>Entender como as coisas funcionam é primordial para termos uma carreira de sucesso não adianta saber todos os atalhos sem entender o porque das coisas, infelizmente muitos cursos que prometem ao candidato se formar na área de desenvolvimento web tem feito isso ensinado somente atalhos é o conhecimento em si se perde.</p>
<p>Minha dica pra quem está começando na área de desenvolvimento web é: <span style="text-decoration: underline;">aprenda tudo na na unha mesmo</span>, utilize o editor de texto do seu SO como o Notepad, Gedit ou o Coda, caso queira um melhor utilize o <a title="Sublime Text Editor" href="http://www.sublimetext.com/">Sublime Text</a> ou o <a title="Notepad++" href="http://notepad-plus-plus.org/">Notepad++</a><strong>. </strong></p>
<p>Com esses editores você tem controle do seu código e vai tirar suas dúvidas de modo mais simples.</p>
<p>Então se você se encontra nessa situação PARE de usar essa ferramenta e seja FELIZ.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/dicas/ferramenta-nao-faz-desenvolvedor/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Curso de Zend Framework</title>
		<link>http://brunopullis.com.br/dicas/curso-de-zend-framework</link>
		<comments>http://brunopullis.com.br/dicas/curso-de-zend-framework#comments</comments>
		<pubDate>Wed, 28 Sep 2011 20:38:20 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[curso phprime]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[zend framework]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=534</guid>
		<description><![CDATA[Fala Pessoal andei meio sumido do blog por contratempos e muita ralação. A poucos dias terminei um curso de Zend Framework pela PHPrime , gostei bastante da experiência e da didática do professor soube explanar os conceitos do framework e respondeu &#8230; <a href="http://brunopullis.com.br/dicas/curso-de-zend-framework">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://brunopullis.com.br/dicas/curso-de-zend-framework/attachment/zf-logo-mark-2" rel="attachment wp-att-538"><img class="size-medium wp-image-538 alignleft" title="zf-logo-mark" src="http://brunopullis.com.br/wp-content/uploads/2011/09/zf-logo-mark1-300x158.png" alt="" width="300" height="158" /></a>Fala Pessoal andei meio sumido do blog por contratempos e muita ralação.</p>
<p>A poucos dias terminei um <a href="http://phprime.com.br/curso.php?ac=detalhes&amp;id=24" target="_blank">curso de Zend Framework pela PHPrime</a> , gostei bastante da experiência e da didática do professor soube explanar os conceitos do framework e respondeu prontamente todas as dúvidas que foram surgindo. A única coisa que vi que poderia melhorar é o livro de referência e a duração do curso que atualmente é de 2 semanas.</p>
<p>Caso você tenha interesse nos cursos da <a title="PHPrime Training Especialista em cursos de PHP" href="http://www.phprime.com.br/" target="_blank">PHPrime</a> dê uma conferida na página deles, existe uma gama de cursos.</p>
<p>Durante o desenrolar do curso fizemos um blog para abordar os conceitos abordados na teoria, utilizamos recursos como Zend_Auth e Zend_Acl que particularmente eu achei fantástico.</p>
<p>Gostei bastante da ferramenta Zend_Tool que nos auxilia a criar o esqueleto da aplicação, achei bastante interessante a organização das classes dentro do framework tudo padronizado e de acordo.</p>
<p>Vale lembrar que a maioria das boas referências estão em inglês, nós encontramos algumas coisas em português, porém, eu sempre recorro a fonte do Zend.</p>
<p>Para você que não tem condições e/ou tempo para fazer um curso de Zend foi colocar alguns links interessantes sobre Zend:</p>
<ul>
<li><a title="Pontapé Inicial com Zend" href="http://framework.zend.com/manual/en/learning.quickstart.intro.html" target="_blank">Pontapé Inicial com Zend</a></li>
<li><a title="Vídeos sobre Zend " href="http://www.zendcasts.com/" target="_blank">Vídeos sobre Zend</a></li>
<li><a title="Manual do Zend " href="http://framework.zend.com/manual/en/" target="_blank">Manual do ZF</a></li>
</ul>
<div><span class="Apple-style-span" style="line-height: 24px;"><br />
</span></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/dicas/curso-de-zend-framework/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Segunda Edição do PHP Talks</title>
		<link>http://brunopullis.com.br/dicas/php-talks</link>
		<comments>http://brunopullis.com.br/dicas/php-talks#comments</comments>
		<pubDate>Tue, 20 Sep 2011 18:23:28 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[phpmg]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=508</guid>
		<description><![CDATA[Mais uma edição lançada do PHP Talks, nesta segunda edição vamos contar com palestras voltadas para o uso dos frameworks PHP e muito mais caso tenha curiosidade acesse a programação do evento disponível neste post. Para maiores informações acesse o &#8230; <a href="http://brunopullis.com.br/dicas/php-talks">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://brunopullis.com.br/dicas/php-talks/attachment/phptalks" rel="attachment wp-att-509"><img class="aligncenter size-full wp-image-509" title="phptalks" src="http://brunopullis.com.br/wp-content/uploads/2011/09/phptalks.jpg" alt="" width="666" height="227" /></a><br />
<span id="more-508"></span></p>
<p>Mais uma edição lançada do PHP Talks, nesta segunda edição vamos contar com palestras voltadas para o uso dos frameworks PHP e muito mais caso tenha curiosidade acesse a programação do evento disponível neste post.</p>
<p>Para maiores informações <a title="PHP Talks " href="http://talks.phpmg.org/edition/2" target="_blank">acesse o site do Talks</a></p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/dicas/php-talks/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acessibilidade é para todos</title>
		<link>http://brunopullis.com.br/recomendacoes-w3c/acessibilidade-e-para-todos</link>
		<comments>http://brunopullis.com.br/recomendacoes-w3c/acessibilidade-e-para-todos#comments</comments>
		<pubDate>Wed, 07 Sep 2011 18:31:59 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[Recomendações W3C]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[acessiblidade web]]></category>
		<category><![CDATA[validadores de acessibilidade]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=466</guid>
		<description><![CDATA[Ontem pegando um ônibus logo após o curso que eu estou fazendo eu me deparei com essa cena da imagem e percebi que esse mecanismo facilitou muito a vida de pessoas com deficiência motoras, pois bem  o assunto da vez &#8230; <a href="http://brunopullis.com.br/recomendacoes-w3c/acessibilidade-e-para-todos">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ontem pegando um ônibus logo após o curso que eu estou fazendo eu me deparei com essa cena da imagem e percebi que esse mecanismo facilitou muito a vida de pessoas com deficiência motoras, pois bem  o assunto da vez agora é a  acessibilidade na Web.</p>
<p><a href="http://brunopullis.com.br/recomendacoes-w3c/acessibilidade-e-para-todos/attachment/acessibilidade-c3b4nibus-urbano" rel="attachment wp-att-474"><img class="aligncenter size-large wp-image-474" title="acessibilidade-c3b4nibus-urbano" src="http://brunopullis.com.br/wp-content/uploads/2011/09/acessibilidade-c3b4nibus-urbano-1024x685.jpg" alt="" width="640" height="428" /></a><br />
<span id="more-466"></span><br />
<span class="Apple-style-span" style="color: #000000; font-size: 22px; line-height: 32px;"><span style="text-decoration: underline;">Acessibilidade Web<br />
</span></span>É uma das recomendações mais importantes da W3C que visa que todos os websites possam ser acessados por todas as pessoas portadoras ou não de alguma deficiência.<br />
Você poder <a title="Diretrizes de Acessibilidade ao Conteúdo da Web (WCAG) - Uma Visão Geral" href="http://www.maujor.com/w3c/wcagoverview.html" target="_blank">ler aqui</a> sobre as especificações da recomendação é como aplica-las.</p>
<p>Algumas dicas básicas:</p>
<ul>
<li>Colocar atributo <strong>alt</strong> nas imagens;</li>
<li>Definir a linguagem da página HTML;</li>
<li>Utilizar o atributo <strong>title </strong> nos links evite colocar a famosa frase &#8220;Clique Aqui&#8221; use algo que esteja no contexto do link;</li>
<li>Utilizar o atributo <strong>tabindex</strong> e <strong>accesskey</strong> quando necessário;</li>
<li>Organize sua página de forma adequada separe a apresentação (CSS) do conteúdo (HTML).</li>
<li>Valide  o HTML, CSS e a acessibilidade.</li>
<li>Existem vários validadores de acessibilidade entre eles:</li>
<ul>
<li><a title="Validor de Acessibilidade pra WebSites Cynthia" href="http://www.cynthiasays.com/" target="_blank">Cynthia Says</a></li>
<li><a href="http://wave.webaim.org/index.jsp">Wave</a></li>
<li><a href="http://aprompt.snow.utoronto.ca/">A-Prompt</a></li>
<li><a href="http://www.dasilva.org.br/">Da Silva</a> (em português)</li>
</ul>
</ul>
<h2><span style="text-decoration: underline;">Ferramentas para Acessibilidade</span></h2>
<p>Vou listar algumas ferramentas que podem auxiliar nos testes de acessibilidade.</p>
<ol>
<li><a title="Leitor de Tela DOSVOX" href="http://intervox.nce.ufrj.br/dosvox/" target="_blank">DOSVOX (Leitor de Tela feito pela UFRJ)</a></li>
<li><a title="Analizador de Contraste" href="http://www.paciellogroup.com/resources/contrast-analyser.html" target="_blank">Analizador de Contraste</a></li>
<li><a title="Navegador Textual" href="http://www.delorie.com/web/lynxview.html" target="_blank">Lynx &#8211; Navegador textual. </a> Para testar seu site crie o arquivo delorie.htm na raiz do diretório para o Lynx verificar seu site.</li>
</ol>
<h2>Links de Referências</h2>
<div>
<ul>
<li><a href="http://www.bengalalegal.com/">http://www.bengalalegal.com/</a></li>
<li><a href="http://www.acessibilidadelegal.com/">http://www.acessibilidadelegal.com/</a></li>
<li><a title="Apresentação de Acessibilidade do Reinaldo Ferraz" href="http://www.w3c.br/pub/Agenda/PalestraFisl2011TutorialTabelasFormulariosAcessiveis/Tutorial-tabelas-formularios-acessiveis-fisl12.pdf" target="_blank">Tutorial Acessibilidade na Web Construíndo Formulários e Tabelas Acessíveis</a></li>
</ul>
<p>Recomendo quem tenha twitter e goste do assunto seguir o <a title="Twitter do Reinaldo Ferraz" href="http://twitter.com/#!/reinaldoferraz" target="_blank">@reinaldoferraz</a> que possui um vasto conhecimento de acessibilidade.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/recomendacoes-w3c/acessibilidade-e-para-todos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blueprint CSS Framework</title>
		<link>http://brunopullis.com.br/html-css/blueprint-css-framework</link>
		<comments>http://brunopullis.com.br/html-css/blueprint-css-framework#comments</comments>
		<pubDate>Sat, 27 Aug 2011 01:21:40 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[960gs]]></category>
		<category><![CDATA[blueprint]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework css]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=460</guid>
		<description><![CDATA[Salve Galera, Hoje no serviço estávamos numa discussão de adotar ou não um framework CSS chegamos a conclusão que deveríamos, pois o projeto que estamos envolvidos é grande e tende a crescer a cada dia. Pois bem, dei minha opinião pessoal sobre o 960gs ele é &#8230; <a href="http://brunopullis.com.br/html-css/blueprint-css-framework">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Salve Galera,</p>
<p>Hoje no serviço estávamos numa discussão de adotar ou não um framework CSS chegamos a conclusão que deveríamos, pois o projeto que estamos envolvidos é grande e tende a crescer a cada dia.</p>
<p>Pois bem, dei minha opinião pessoal sobre o <a title="960gs" href="http://960.gs/" target="_blank">960gs</a> ele é bem bacana se você quer fazer um layout padronizado e rápido, agora pra dar uma manutenção é meio complicado.</p>
<p>Então pelo Twitter perguntei qual me recomendavam o <a title="@emersonbroga" href="http://twitter.com/#!/emersonbroga" target="_blank">@emersonbroga</a> me recomendeu o <a title="Blueprint CSS Framework" href="http://www.blueprintcss.org/" target="_blank">Blueprint CSS </a> agora estou na fase de testes com esse framework, me parece muito fácil de utilizá-lo então vamos estudar, experimentar e avaliar.</p>
<p>Existem vários videos sobre esse frameworks, inclusive um curso que eu gravei de 960gs. Segue a sugestão de dois links para vocês darem uma olhada.</p>
<p>Links:</p>
<ul>
<li><a href="http://www.youtube.com/watch?v=KHLrEF9tHjw">http://www.youtube.com/watch?v=KHLrEF9tHjw</a></li>
<li> <a href="http://www.beeahead.com.br/cursos/css-259.html">http://www.beeahead.com.br/cursos/css-259.html</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/html-css/blueprint-css-framework/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quero ser Desenvolvedor FrontEnd</title>
		<link>http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend</link>
		<comments>http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend#comments</comments>
		<pubDate>Sat, 20 Aug 2011 21:20:17 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[CSS Avançado]]></category>
		<category><![CDATA[Dicas]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=384</guid>
		<description><![CDATA[Neste post vamos abordar algumas dicas que todo Desenvolvedor FrontEnd deve saber. Atualmente o desenvolvimento FrontEnd tem ganhado cada vez mais destaque e espaço. Tenho visto várias vagas interessantes para esses profissionais e o curioso e que algumas vagas exigem &#8230; <a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/semantic_web" rel="attachment wp-att-389"><br />
</a>Neste post vamos abordar algumas dicas que todo Desenvolvedor FrontEnd deve saber.<br />
<span id="more-384"></span><br />
Atualmente o desenvolvimento FrontEnd tem ganhado cada vez mais destaque e espaço.<br />
Tenho visto várias vagas interessantes para esses profissionais e o curioso e que algumas vagas exigem demais e outras praticamente não exigem quase nada.</p>
<p>Por isso eu decidi criar esse post para mostrar alguns conceitos que são importantíssimos para a carreira de FrontEnd, separei algumas dicas que considero importantes para ser um FrontEnd de sucesso. Então vamos as dicas:</p>
<ol>
<li><strong>Web Semântica</strong><br />
<a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/semantic_web" rel="attachment wp-att-389"><img class="alignnone size-full wp-image-389" title="Web Semântica" src="http://brunopullis.com.br/wp-content/uploads/2011/08/semantic_web.jpg" alt="Web Semântica" width="350" height="200" /></p>
<p></a>Muitos já sabem esse conceito de cor, mas outros nunca ouviram falar de Web Semântica.Para explorar os conceitos da Web Semântica devemos entender o que é semântica, basicamente ela é o estudo do significado em todos os sentidos dos termos, você pode conferir a descrição completa de semântica <a title="Semantica" href="http://pt.wikipedia.org/wiki/Sem%C3%A2ntica" target="_blank">aqui</a>.Entendido o conceito em âmbito geral podemos aprofundar nos conceitos da Web Semântica <a title="web Semantica" href="http://tableless.com.br/a-web-semantica" target="_blank">acessando aqui</a> ou <a title="Descricao de Web Semantica segundo a W3C" href="http://www.w3c.br/Padroes/WebSemantica" target="_blank">aqui</a>.Estude também sobre <a title="Tenha o DOM" href="http://tableless.com.br/tenha-o-dom" target="_blank">DOM (Document Object Model)</a><br />
<span style="color: #333333;"><span style="font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;"><span><span style="font-size: x-small;"> </span></span></span></span></li>
<li><strong>Padrões W3C</strong><br />
<a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/topimg" rel="attachment wp-att-392"><img class="alignnone size-full wp-image-392" title="W3C" src="http://brunopullis.com.br/wp-content/uploads/2011/08/topimg.gif" alt="World Wide Web Consortium" width="250" height="198" /><br />
</a>Utilize os padrões eles são nosso amigos e não nossos inimigos, algumas pessoas não utilizam e dão &#8216; N &#8216;desculpas por não utilizar, na verdade eu acho que a desculpa real é a <strong>PREGUIÇA</strong>, então não seja preguiçoso abuse e use dos padrões.Valide seu HTML e CSS isso irá beneficiar muito seu site na hora da indexação no Google, não utilize hacks ou técnicas de Black Hat SEO.Aqui você pode conferir a lista dos <a title="Padrões W3C" href="http://www.w3c.br/Padroes/" target="_blank">Padrões da W3C</p>
<p></a></li>
<li><strong>Pense no usuário<br />
<a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/usuario2" rel="attachment wp-att-427"><img class="alignnone size-medium wp-image-427" title="Usuario2" src="http://brunopullis.com.br/wp-content/uploads/2011/08/Usuario2-300x258.jpg" alt="" width="300" height="258" /><br />
</a><br />
</strong>Não crie uma interface pensando em você, pense no usuário ele é o maior interessado na sua interface.Use as guidelines de Usabilidade para interfaces, elas irão de ajudar a construir uma interface intuitiva e usual.Recomendo a leitura de dois livros <a title="Não me faça pensar" href="http://www.submarino.com.br/produto/1/21418058/nao+me+faca+pensar+-+usabilidade+na+web+-+2%C2%BAed.+-+100+colorido" target="_blank">Não me Faça Pensar</a> e <a title="Projetando Websites com Usabilidade" href="http://www.submarino.com.br/produto/1/1925864/projetando+websites+com+usabilidade" target="_blank">Projetando Websites com Usabilidade</a>.</li>
<li><strong><strong>Código organizado e limpo<br />
</strong></strong><a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/organizacao" rel="attachment wp-att-419"><img class="alignnone size-medium wp-image-419" title="Organização" src="http://brunopullis.com.br/wp-content/uploads/2011/08/organizaçao-300x204.jpg" alt="Organização" width="300" height="204" /><br />
</a>Não deixe seu código virar um descontrole total separe em partes lógicas e funcionais.Organize seu CSS de forma clara e concisa <a title="Organização de CSS" href="http://tableless.com.br/6-estrategias-para-melhorar-a-organizacao-do-seu-css-2" target="_blank">veja as dicas</a>  estruture seu HTML <a title="Estruturação da Interface" href="http://tableless.com.br/boas-praticas-na-estruturacao-de-interfaces" target="_blank">veja as dicas</a>.</li>
<li><strong><strong>Aprenda HTML5 e CSS3<br />
</strong></strong><a href="http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/attachment/html5_logo_512" rel="attachment wp-att-432"><img class="alignnone size-medium wp-image-432" title="HTML5" src="http://brunopullis.com.br/wp-content/uploads/2011/08/HTML5_Logo_512-300x300.png" alt="HTML5" width="300" height="300" /></p>
<p></a>Com certeza isso é a Super Dica desde Post isso é o que tem mais se falado no mundo Web realmente está borbulhando esse assunto no final do post irei colocar umas referências muito boas.</li>
</ol>
<p>É por final utilize todos esses recursos ao seu favor.</p>
<p>Links:</p>
<ul>
<li><a href="http://tableless.com.br/html5/">http://tableless.com.br/html5/</a></li>
<li><a href="http://www.webstandards.org/">http://www.webstandards.org/</a></li>
<li><a href="http://www.w3c.br/Padroes/W3CdeAaZ">http://www.w3c.br/Padroes/W3CdeAaZ</a></li>
<li><a href="http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf">http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf</a> (Apostila de CSS3 W3C)</li>
<li><a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a> (Template de HTML5 Excelente)</li>
<li><a href="http://www.modernizr.com/">http://www.modernizr.com/</a> (Biblioteca de JavaScript &#8211; Compatibilidade entre navegadores )</li>
</ul>
<div><span style="font-size: small;"><span class="Apple-style-span" style="line-height: 24px;">Um grande abraço,</span></span></div>
<div>@brunopulis</div>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/dicas/quero-ser-desenvolvedor-frontend/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Customizando o elemento li</title>
		<link>http://brunopullis.com.br/html-css/css-avancado/customizando-o-elemento-li</link>
		<comments>http://brunopullis.com.br/html-css/css-avancado/customizando-o-elemento-li#comments</comments>
		<pubDate>Wed, 17 Aug 2011 01:22:14 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[CSS Avançado]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=351</guid>
		<description><![CDATA[Neste post vamos aprender a utilizar o seletor complexo :before e técnicas de CSS3 para customizar elementos li de lista não-ordenadas ou ordenadas. E ai Pessoal, Hoje eu tive que fazer uma coisa no serviço que demorei pra solucionar mas &#8230; <a href="http://brunopullis.com.br/html-css/css-avancado/customizando-o-elemento-li">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Neste post vamos aprender a utilizar o seletor complexo <strong>:before</strong> e técnicas de CSS3 para customizar elementos li de lista não-ordenadas ou ordenadas.</p>
<p><span id="more-351"></span></p>
<p>E ai Pessoal,</p>
<p>Hoje eu tive que fazer uma coisa no serviço que demorei pra solucionar mas consegui \o/.</p>
<p>Tinha a seguinte situação precisa de criar um sumário com listas não-ordenadas onde cada item da lista deveria começar com um hífen.</p>
<p>Para fazer isso é bem simples utilizamos o seletor CSS <strong>:before, </strong>basicamente o seletor<strong> :before </strong>adiciona algo depois da tag ou elemento html que está sendo estilizado.</p>
<p>No nosso caso vamos estilizar o elemento <strong>&lt;li&gt;, </strong>então vamos fazer assim no HTML:<br />
[html]<br />
&lt;nav&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;Introdução&lt;/li&gt;<br />
&lt;li&gt;Capitulo 1&lt;/li&gt;<br />
&lt;li&gt;Capitulo 2&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/nav&gt;<br />
[/html]</p>
<p>E no CSS:<br />
[css]<br />
nav &gt; ul &gt; li :before  {<br />
content: &#8216;-&#8217;;<br />
}<br />
[/css]</p>
<p>E pronto as listas estão com os hífens necessários.</p>
<p>Bom é isso e até mais. =p</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/html-css/css-avancado/customizando-o-elemento-li/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Instalando o Gnome-Do</title>
		<link>http://brunopullis.com.br/linux/instalando-o-gnome-do</link>
		<comments>http://brunopullis.com.br/linux/instalando-o-gnome-do#comments</comments>
		<pubDate>Sat, 28 May 2011 16:15:31 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[linux]]></category>
		<category><![CDATA[gnome-do]]></category>
		<category><![CDATA[ubuntu]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=316</guid>
		<description><![CDATA[Neste post iremos aprender a utlizar o Gnome-Do confira! Salve Pessoal, Vamos mais uma dica do Ubuntu esta eu aprendi quando trabalhei com o @gutomezencio. O Gnome-Do no linux é um atalho de programas basicamente voce pode inicializar os programas &#8230; <a href="http://brunopullis.com.br/linux/instalando-o-gnome-do">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Neste post iremos aprender a utlizar o Gnome-Do confira!<br />
<span id="more-316"></span><br />
Salve Pessoal,</p>
<p>Vamos mais uma dica do Ubuntu esta eu aprendi quando trabalhei com o <a title="Guto Mezencio" href="http://www.twitter.com/gutomezencio" target="_blank">@gutomezencio</a>.</p>
<p>O Gnome-Do no linux é um atalho de programas basicamente voce pode inicializar os programas atráves de um atalho que é configuravél, ele por padrão vem configurado tecla Super + Space.</p>
<p>&nbsp;</p>
<p>Para instalar ele e muito fácil vá no Terminal e digite.</p>
<p><strong>sudo apt-get install gnome-do</strong></p>
<p>&nbsp;</p>
<p>Após isso e só utilizar e ser feliz, para alterar a tecla de inicialização dele vá no submenu <strong>preferências</strong> e coloque suas teclas de atalhos desejadas.</p>
<p>&nbsp;</p>
<p>Até mais,</p>
<p>@brunopulis</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/linux/instalando-o-gnome-do/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formatando Datas no MySQL</title>
		<link>http://brunopullis.com.br/mysql/formatando-datas-no-mysql</link>
		<comments>http://brunopullis.com.br/mysql/formatando-datas-no-mysql#comments</comments>
		<pubDate>Fri, 06 May 2011 02:20:06 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[MySQL]]></category>
		<category><![CDATA[banco de dados]]></category>
		<category><![CDATA[date_format]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[sql]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=309</guid>
		<description><![CDATA[Aprenda a formatar data no formato brasileiro atráves de instruções do MySQL. Dica rápida e prática para formatar datas no MySQL. Imagina que você tem a tabela PESSOA nela contém o campo nascimento do tipo DATE. O MySQL por padrão &#8230; <a href="http://brunopullis.com.br/mysql/formatando-datas-no-mysql">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Aprenda a formatar data no formato brasileiro atráves de instruções do MySQL.<br />
<span id="more-309"></span></p>
<p>Dica rápida e prática para formatar datas no MySQL.</p>
<p>Imagina que você tem a tabela PESSOA nela contém o campo nascimento do tipo <strong>DATE</strong>.</p>
<p>O MySQL por padrão grava as datas no formato americano aaaa-mm-dd, para colocar a data no formato brasileiro utilizamos a função <strong>DATE_FORMAT</strong>.</p>
<p>Para utilizarmos ela é muito simples. Segue exemplo:<br />
[sql]SELECT DATE_FORMAT(nascimento, &#8216;%d/%m/%Y&#8217;) FROM pessoa[/sql]<br />
&nbsp;</p>
<p>É pronto nossa data está formatada no padrão brasileiro =p</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/mysql/formatando-datas-no-mysql/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diferença entre  DDL e DML</title>
		<link>http://brunopullis.com.br/banco-de-dados-2/diferenca-entre-ddl-e-dml</link>
		<comments>http://brunopullis.com.br/banco-de-dados-2/diferenca-entre-ddl-e-dml#comments</comments>
		<pubDate>Fri, 06 May 2011 02:05:50 +0000</pubDate>
		<dc:creator>Bruno Pulis</dc:creator>
				<category><![CDATA[Banco de Dados]]></category>
		<category><![CDATA[banco de dados]]></category>
		<category><![CDATA[comandos básicos]]></category>
		<category><![CDATA[ddl]]></category>
		<category><![CDATA[dml]]></category>
		<category><![CDATA[sql]]></category>

		<guid isPermaLink="false">http://brunopullis.com.br/?p=284</guid>
		<description><![CDATA[Entenda quais são as diferenças entre a DML e a DDL nos sistemas de banco de dados (SGBD&#8217;s), conceitos que são importantes para nos dar uma base teórica sólida. Basicamente em um banco de dados utilizamos dois tipos de linguagens &#8230; <a href="http://brunopullis.com.br/banco-de-dados-2/diferenca-entre-ddl-e-dml">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Entenda quais são as diferenças entre a DML e a DDL nos sistemas de banco de dados (SGBD&#8217;s), conceitos que são importantes para nos dar uma base teórica sólida.<br />
<span id="more-284"></span>Basicamente em um banco de dados utilizamos dois tipos de linguagens a <strong>DML (Data Manipulation Language ) e DDL (Data Definition Language). </strong></span></p>
<p><span style="color: #000000;">Estes nomes podem ser parecidos mas sua utilização é totalmente diferente, então vamos a explicação destes conceitos.</span></p>
<p><span style="color: #000000;">O termo <strong>DML </strong>significa <a title="Linguagem de Manipulação de Dados" href="http://pt.wikipedia.org/wiki/Linguagem_de_manipula%C3%A7%C3%A3o_de_dados" target="_blank">Linguagem de Manipulação de Dados</a>, neste tipo encontramos os comandos SQL que promovem <strong>manipulação</strong> dos dados.</span></p>
<p><span style="color: #000000;">Os comandos DML são:<br />
</span></p>
<ul>
<li><span style="color: #000000;">SELECT</span></li>
<li><span style="color: #000000;">INSERT</span></li>
<li><span style="color: #000000;">UPDATE,</span></li>
<li><span style="color: #000000;"> DELETE</span></li>
</ul>
<p>Para aprender como utilizar os comandos básicos de SQL <a title="Comandos Básicos SQL" href="http://brunopullis.com.br/dicas/comandos-basicos-sql" target="_blank">clique aqui</a>.</p>
<p><span style="color: #000000;">O termo <strong>DDL significa </strong><a title="Linguagem de Definição de Dados " href="http://pt.wikipedia.org/wiki/Linguagem_de_defini%C3%A7%C3%A3o_de_dados">Linguagem de Definição de Dados</a>, com eles definimos a <strong>estrutura</strong> dos dados de um SGDB.<strong> </strong>dados. </span></p>
<p><span style="color: #000000;">Os comandos relacionados a ele são:</span></p>
<ul>
<li><span style="color: #000000;">CREATE : utilizada para criar tabelas,banco de dados,índice e consultadas armazenadas.</span><span style="color: #000000;"><em><br />
</em></span></li>
<li><span style="color: #000000;">ALTER   : modifica um objeto já existente em um banco de dados.</span><span style="color: #000000;"><br />
</span></li>
<li><span style="color: #000000;">DROP   : remove um banco de dados, tabela, índice ou visão existente.</span></li>
</ul>
<p>Com essa breve explicação concluímos que <strong>DDL </strong>trata da estrutura dos dados e <strong>DML</strong> trata da manipulação dos dados.</p>
<p>&nbsp;</p>
<p>Espero ter ajudado alguém,</p>
<p>C Yah</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://brunopullis.com.br/banco-de-dados-2/diferenca-entre-ddl-e-dml/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

