﻿﻿<?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 Sérgio &#187; css3</title>
	<atom:link href="http://sergiorodrigues.art.br/blog/tag/css3/feed/" rel="self" type="application/rss+xml" />
	<link>http://sergiorodrigues.art.br/blog</link>
	<description>Desenvolvedor front end</description>
	<lastBuildDate>Wed, 11 Jan 2012 11:04:36 +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>Os Super-Amigos: HTML5 &amp; CSS3</title>
		<link>http://sergiorodrigues.art.br/blog/2010/04/os-super-amigos-html5-css3/</link>
		<comments>http://sergiorodrigues.art.br/blog/2010/04/os-super-amigos-html5-css3/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 12:41:12 +0000</pubDate>
		<dc:creator>Sérgio Rodrigues</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://sergiorodrigues.art.br/blog/?p=205</guid>
		<description><![CDATA[Como devem ter notado a ausência de posts tem sido constante, peço desculpas a quem acompanha o blog e aguarda por posts mais freqüentes, infelizmente o tempo não me permitiu fazer isso antes por problemas de saúde, familiares, judiciais e muitos trabalhos atrasados. Bem agora estamos aqui, vamos a0 que interessa? Cada dia que se [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_brick-red" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fsergiorodrigues.art.br%252Fblog%252F2010%252F04%252Fos-super-amigos-html5-css3%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Os%20Super-Amigos%3A%20HTML5%20%26%20CSS3%22%20%7D);"></div>
<p>Como devem ter notado a ausência de posts tem sido constante, peço desculpas a quem acompanha o blog e aguarda por posts mais freqüentes, infelizmente o tempo não me permitiu fazer isso antes por problemas de saúde, familiares, judiciais e muitos trabalhos atrasados. Bem agora estamos aqui, vamos a0 que interessa?</p>
<p>Cada dia que se passa essa dupla “<strong>da pesada</strong>” vem nos mostrando a que veio, muitas vezes me pego “babando” ao apreciar a <em><strong>Arte</strong></em> que foi possível criar a partir dela. Vejamos alguns exemplos aplicados nos últimos dias.</p>
<h2><strong>Animação de um Carro com CSS3</strong></h2>
<p><strong><br />
</strong></p>
<p><strong><a href="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/css3-car-animation.jpg"><img class="aligncenter size-full wp-image-246" title="css3-car-animation" src="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/css3-car-animation.jpg" alt="" /></a><br />
</strong></p>
<p>Essa animação pode ser criada graças à propriedade “transition”, o que mais impressiona é que só é preciso duas imagens e um código muito simples.</p>
<p><strong>Criador:</strong> Koller Jürgen<br />
<strong> Original: </strong><a title="Original" href="http://www.kollermedia.at/archive/2010/02/18/css3-car-animation/">http://www.kollermedia.at/archive/2010/02/18/css3-car-animation/</a><br />
<strong> Exemplo:</strong> <a title="Exemplo" href="http://www.cssnolanche.com.br/lab/css3-car-animation/">http://www.cssnolanche.com.br/lab/css3-car-animation/</a></p>
<h2><strong>Opera Logo com CSS3</strong></h2>
<p><strong><br />
</strong><br />
<strong><a href="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/logo-opera.jpg"><img class="aligncenter size-full wp-image-247" title="logo-opera" src="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/logo-opera.jpg" alt="" /></a><br />
</strong></p>
<p>Desenvolvedores de todo o mundo ficaram “boquiabertos” com essa criação espetacular, código HTML muito limpo e simples de compreender.</p>
<p><strong>Criador:</strong> David Dessandro<br />
<strong> Original:</strong> <a title="Original" href="http://desandro.com/articles/opera-logo-css/">http://desandro.com/articles/opera-logo-css/</a><br />
<strong> Exemplo: </strong><a title="Exemplo" href="http://www.cssnolanche.com.br/lab/opera-logo/">http://www.cssnolanche.com.br/lab/opera-logo/</a></p>
<h2><strong>Raindrop Logo com CSS</strong></h2>
<p><strong><br />
</strong></p>
<p><strong><a href="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/raindrop-logo.png"><img class="aligncenter size-full wp-image-248" title="raindrop-logo" src="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/raindrop-logo.png" alt="" /></a><br />
</strong></p>
<p>Logo depois do Opera Logo com CSS3 ser apresentado ao mundo, o desenvolvedor Sean Martell surpreendeu com essa criação de mestre, uma gota de chuva com puro CSS e marcação HTML simples.</p>
<p><strong>Criador:</strong> Sean Martell<br />
<strong> Original:</strong><a title="Original" href="http://blog.seanmartell.com/2010/03/25/raindrop-logo-in-css/">http://blog.seanmartell.com/2010/03/25/raindrop-logo-in-css/</a><br />
<strong> Exemplo:</strong> <a title="Exemplo" href="http://www.cssnolanche.com.br/lab/raindrop-logo/">http://www.cssnolanche.com.br/lab/raindrop-logo/</a></p>
<h2><strong>Pure CSS social media icons</strong></h2>
<p><strong><br />
</strong></p>
<p><strong><a href="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/css-social-media-icons.png"><img class="aligncenter size-full wp-image-249" title="css-social-media-icons" src="http://sergiorodrigues.art.br/blog/wp-content/uploads/2010/04/css-social-media-icons.png" alt="" /></a><br />
</strong></p>
<p>Uma marcação muito simples e semântica, nada de Javascript ou Imagens. Simplesmente CSS!</p>
<p><strong>Criador:</strong> Nicolas Gallagher<br />
<strong> Original:</strong> <a title="Original" href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/">http://nicolasgallagher.com/experimental-pure-css-social-media-icons/</a><br />
<strong> Exemplo:</strong> <a title="Exemplo" href="http://nicolasgallagher.com/demo/pure-css-social-media-icons/">http://nicolasgallagher.com/demo/pure-css-social-media-icons/</a></p>
<p>Com isso já é possível dispensar o Adobe Flash pra muita coisa, apesar de existirem “Xiitas” que insistem em falar que essa dupla não tem futuro sempre existiram caras como o Koller Jürgen, David Dessandro, Sean Martell e o Nicolas Gallagher para calar suas bocas.</p>
<p>Valeu galera, tenho vários posts saindo do forno continue seguindo o blog e confira todas as novidades. Um Super Abraço e COMENTEM!</p>
<p><strong>Créditos:</strong> Blog CSS no Lanche (<a title="Blog CSS no Lanche" href="http://www.cssnolanche.com.br/">http://www.cssnolanche.com.br/</a>)</p>

]]></content:encoded>
			<wfw:commentRss>http://sergiorodrigues.art.br/blog/2010/04/os-super-amigos-html5-css3/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Novo Layout no blog</title>
		<link>http://sergiorodrigues.art.br/blog/2009/12/novo-layout-no-blog/</link>
		<comments>http://sergiorodrigues.art.br/blog/2009/12/novo-layout-no-blog/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 17:05:21 +0000</pubDate>
		<dc:creator>Sérgio Rodrigues</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://sergiorodrigues.art.br/blog/?p=126</guid>
		<description><![CDATA[Tenho o prazer de lançar o novo design do blog, infelizmente não é de minha autoria, apenas apliquei algumas modificações necessárias para o bom funcionamento e maior usabilidade da interface.

No último post intitulado “Nova fase!”, comuniquei que ocorreriam diversas modificações em meus projetos pessoais, uma deles seria um novo layout para o blog.
Minha intenção era usar um tema de minha autoria, mais infelizmente o tempo não me permite fazer isso no momento, por isso depois de muito pesquisar optei pelo “Motion”, que é disponibilizado no BD do próprio Wordpress.]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_brick-red" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fsergiorodrigues.art.br%252Fblog%252F2009%252F12%252Fnovo-layout-no-blog%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Novo%20Layout%20no%20blog%22%20%7D);"></div>
<p>Tenho o prazer de lançar o novo design do blog, infelizmente não é de minha autoria, apenas apliquei algumas modificações necessárias para o bom funcionamento e maior usabilidade da interface.</p>
<p>No último post intitulado “<a title="ir para o post" href="http://sergiorodrigues.art.br/blog/2009/12/nova-fase/">Nova fase!</a>”, comuniquei que ocorreriam diversas modificações em meus projetos pessoais, uma deles seria um novo layout para o blog.<br />
Minha intenção era usar um tema de minha autoria, mais infelizmente o tempo não me permite fazer isso no momento, por isso depois de muito pesquisar optei pelo “Motion”, que é disponibilizado no BD do próprio WordPress.</p>
<p>Mais seguindo a dica do Guto Gomes, no futuro irei desenvolver um layout personalizado seguindo as novas tendências do mercado, ou seja, html 5 e css3.<br />
Então vale aguardar por mais novidades no blog e também no site, que inclusive está na fase final de desenvolvimento.</p>
<p>Estou aberto a criticas, então deixem seus comentários a respeito do novo layout..abraço!</p>

]]></content:encoded>
			<wfw:commentRss>http://sergiorodrigues.art.br/blog/2009/12/novo-layout-no-blog/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Desenvolver sites em HTML5 não é algo de outro planeta!</title>
		<link>http://sergiorodrigues.art.br/blog/2009/09/desenvolver-sites-em-html5-nao-e-algo-de-outro-planeta/</link>
		<comments>http://sergiorodrigues.art.br/blog/2009/09/desenvolver-sites-em-html5-nao-e-algo-de-outro-planeta/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 19:55:59 +0000</pubDate>
		<dc:creator>Sérgio Rodrigues</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://sergiorodrigues.art.br/blog/?p=56</guid>
		<description><![CDATA[Em minhas “viagens” pela internet venho percebendo que muitos “desenvolvedores” vêem encontrando dificuldades em entender o verdadeiro conceito da mais nova versão do HTML, em diversos blogs, sites, fóruns e redes sócias a pergunta que reina é como desenvolver em HTML5? Bem eu tenho uma ótima noticia pra vocês que ainda estão com duvidas da [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_brick-red" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fsergiorodrigues.art.br%252Fblog%252F2009%252F09%252Fdesenvolver-sites-em-html5-nao-e-algo-de-outro-planeta%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Desenvolver%20sites%20em%20HTML5%20n%C3%A3o%20%C3%A9%20algo%20de%20outro%20planeta%21%22%20%7D);"></div>
<p>Em minhas “viagens” pela internet venho percebendo que muitos “desenvolvedores” vêem encontrando dificuldades em entender o verdadeiro conceito da mais nova versão do <strong>HTML</strong>, em diversos blogs, sites, fóruns e redes sócias a pergunta que reina é como desenvolver em <strong>HTML5</strong>?</p>
<p>Bem eu tenho uma ótima noticia pra vocês que ainda estão com duvidas da cabeça, <strong>HTML5</strong> não é nada mais nada menos que uma atualização da linguagem, onde diversas tags e métodos foram adicionados assim como também alguns foram retirados, ou seja, você desenvolvedor só que terá que estudar um pouco mais (nada que você já não faz), atualmente vivemos a era da colaboração, toda e qualquer duvida pode ser tirada em poucos cliques, seja em fóruns, blogs e redes sociais você sempre obterá as mais atualizadas informações sobre as novas versões do <strong>HTML</strong> e de qualquer outra tecnologia.</p>
<p>Na pratica:</p>
<p>Eu particularmente uso e recomendo o habito de visitar os sites e blogs considerados referência no mundo do desenvolvimento, abaixo citarei alguns deles.</p>
<p><a title="Blog Pinceladas da Web" href="http://www.pinceladasdaweb.com.br/blog" target="_blank">Pedro Rogério – www.pinceladasdaweb.com.br/blog</a><br />
Em primeiro lugar lhe indicarei o “Pinceladas da Web”, do amigo Pedro, que é um dos “<strong>Gurus</strong>” da internet e número um quando se fala em <strong>HTML5 </strong>e <strong>CSS3</strong>, e inclusive tem um guia de referência em <strong>HTML5</strong>.</p>
<p><a title="Blog do Maujor" href="http://www.maujor.com/blog" target="_blank">Maujor – www.maujor.com/blog</a><br />
Este não seria um texto sobre desenvolvimento se não envolvesse o “<strong>Dinossauro</strong>” das <strong>CSS</strong>, isso mesmo eu estou falando do <strong>Maujor</strong>, quando o assunto é <strong>HTML</strong> e <strong>CSS</strong> ele é “<strong>O CARA</strong>”, e entrando no ritmo da nova versão do <strong>HTML</strong> e também criou uma tabela de referência em <strong>HTML5</strong> um pouco mais detalhada e inclusive contem as tags e elementos que foram descontinuados.</p>
<p><a title="HTML5 Gallery" href="http://www.html5gallery.com" target="_blank">HTML5 Gallery – www.html5gallery.com</a><br />
Nesta verdadeira galeria de arte digital, você encontrará diversos sites que já dispõem das novas praticas implementadas em seu código, inclusive alguns Brasileiros.</p>
<p><a title="W3C" href="http://www.w3.org" target="_blank">W3C – www.w3.org</a><br />
Por ultimo mais muito importante é você continuar lendo os textos de recomendação elaborados pela equipe do <strong>W3C</strong>.</p>
<p>Então queridos leitores, ficam as dicas e espero ter ajudado, ate a próxima. Abraço!</p>

]]></content:encoded>
			<wfw:commentRss>http://sergiorodrigues.art.br/blog/2009/09/desenvolver-sites-em-html5-nao-e-algo-de-outro-planeta/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

