﻿<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>TidBits</title>
	<link>http://www.tidbits.com.br</link>
	<description>Desenvolvimento de Front End</description>
	<lastBuildDate>Wed, 06 Jun 2012 13:59:22 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.2.1" -->

	<item>
		<title>Desenhando setas no HTML sem usar imagem (cross browser)</title>
		<description><![CDATA[Uma técnica antiga mas ainda pouco explorada nos deixa desenhar setas usando apenas bordas. E o mais interessante de tudo é que funciona até em versões antigas do IE. Alguns dias atrás eu ví um post muito interssante no NetTuts, falando sobre bordas. Achei genial, acabei postando como fazer circulos no HTML e agora vamos [...]]]></description>
		<link>http://www.tidbits.com.br/desenhando-setas-no-html-sem-usar-imagem-cross-browser</link>
			</item>
	<item>
		<title>Desenhando em 3d com a tag Canvas em HTML5</title>
		<description><![CDATA[Com processadores, browsers, placas de vídeo e motores de javascript e cada vez mais rápidos, hoje já vemos jogos e aplicações gráficas mais pesadas rodando direto no navegador, o Chrome que o diga, na sua loja de aplicativos. E apps / sites explorando 3d estão começando a aparecer por aí. Num momento de mais tranquilidade [...]]]></description>
		<link>http://www.tidbits.com.br/desenhando-em-3d-com-a-tag-canvas-em-html5</link>
			</item>
	<item>
		<title>Como fazer um círculo em HTML</title>
		<description><![CDATA[Usando CSS3 há um truque simples pra desenhar um circulo em HTML usando 50% border-radius. Primeiro, faz lá uma div. E agora um pouco de CSS na div. Agora, o border-radius de 50% Resultado: Usando máscaras em imagens O mesmo truque pode ser feito com imagens e funciona como se fosse uma máscara: Imagem normal: [...]]]></description>
		<link>http://www.tidbits.com.br/como-fazer-um-circulo-em-html</link>
			</item>
	<item>
		<title>Scroll não serve só para se fazer parallax</title>
		<description><![CDATA[Menu que fixa no topo http://www.carterdigital.com.au/ Scrollando o menu, ao invés de sumir após a dobra, é fixado no topo. Travando a sidebar pra não ficar buraco http://9gag.com/ Em sites de paginação infinita, não tem como popular a coluna da direita pra encher de conteúdo até o fim do mundo. O 9gag criou uma solução [...]]]></description>
		<link>http://www.tidbits.com.br/scroll-nao-serve-so-para-se-fazer-parallax</link>
			</item>
	<item>
		<title>Como aplicar Blur numa imagem usando html5 / canvas</title>
		<description><![CDATA[O efeito é o seguinte, pegar uma imagem e aplicar o efeito de blur usando somente javascript, sem carregar outra imagem. Pra isso, é manipulado, pixel a pixel, colocando um pixel alpha por cima da imagem. Veja a imagem original: Imagem com filtro de Blur Como a imagem é gerada automaticamente, dá pra aplicar o [...]]]></description>
		<link>http://www.tidbits.com.br/como-aplicar-blur-numa-imagem-usando-canvas-em-html5</link>
			</item>
	<item>
		<title>Gráfico de Pizza interativo em HTML5 usando JavaScript e Canvas</title>
		<description><![CDATA[Codando O código é bem pequeno, fiz com menor número de linhas possíveis pra ficar bem legível. html: javascript: E por último, o drag, onde utilizo o jQuery UI, aí fica simples: html: javascript:]]></description>
		<link>http://www.tidbits.com.br/grafico-de-pizza-interativo-em-html5-usando-javascript-e-canvas</link>
			</item>
	<item>
		<title>Porque a chave no Javascript deve ser aberta na linha de cima</title>
		<description><![CDATA[O Visual Studio, além de ser uma IDE mega pesada, tem um problema que gera intrigas entre equipes: ele abre por padrão uma função no JavaScript colocando a chave na linha de baixo. Parece algo mínimo, mas irrita profundamente quem está acostumado a trabalhar da forma correta. Porque forma correta? Simples, porque pode dar erro [...]]]></description>
		<link>http://www.tidbits.com.br/porque-a-chave-no-javascript-deve-ser-aberta-na-linha-de-cima</link>
			</item>
	<item>
		<title>A carta ao SINDPD pra não roubarem 30 reais do seu salário todo mês</title>
		<description><![CDATA[Trabalho em agência em publicidade e, em São Paulo, algumas delas respondem ao Sindicato dos Publicitários enquanto outras (normalmente com maior tempo de vida) respondem ao Sindicato dos Trabalhadores em Processamento de Dados e Tecnologia da Informação, o chamado SINDPD e essas sim sofrem. Todo mês o SINDPD por regra fica com 30 reais do [...]]]></description>
		<link>http://www.tidbits.com.br/a-carta-ao-sindp-pra-nao-roubarem-seu-salari</link>
			</item>
	<item>
		<title>Desenhando com a tag canvas em HTML5</title>
		<description><![CDATA[A maioria das pessoas (inclusivo programadores front end) vê alguma aplicação onde é possível desenhar e pensa que é algo do capeta, complexo e precisa de 1 ano pra fazer, mas provavelmente ninguém nunca tentou. É simples! Obviamente precisa de um belo work-around pra funcionar em interfaces touch e o pior, versões antigas de IE. [...]]]></description>
		<link>http://www.tidbits.com.br/desenhando-com-a-tag-canvas-em-html</link>
			</item>
	<item>
		<title>Transição de Flip usando CSS3</title>
		<description><![CDATA[Novos efeitos em css3 vão sendo adicionados. Por enquanto por causa do translate 3d, somente webkit reproduzem isso (resumindo só funciona em Google Chrome e Safari). Parece inútil, mas se parar pra pensar. Em sites mobiles ou pra tablets, isso funciona praticamente em 100% dos acessos. Veja o efeito, com o mínimo de código possível: [...]]]></description>
		<link>http://www.tidbits.com.br/transicao-de-flip-usando-css</link>
			</item>
</channel>
</rss>

<!-- Dynamic page generated in 0.588 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2013-06-19 09:48:00 -->
