Erika Sarti | portfolio web designer » Web Tools

Twitter

Erika Sarti — Mon, 04 Feb 2008 20:04:43 +0000

Sim, finalmente eu me rendi ao Twitter e criei minha conta.

Estou usando o espaço para publicar links de artigos e tutoriais que eu encontro por aí. Não vejo muito sentido em usar o Twitter como chat, por isso puxar assunto comigo vai ser meio inútil, já que eu não vou ficar acessando minha conta toda hora para verificar as mensagens =)

Feedback

Tabela de cores em HTML

Erika Sarti — Tue, 17 Jul 2007 17:29:16 +0000

Logo que eu coloquei a tabela de cores web safe no ar, decidi que compilaria uma tabela com outras cores.

Por isso, montei essa segunda tabela de cores em HTML, com todas as cores que têm um nome, seu código hexadecimal e seu código RGB.

Apesar de não terem a mesma “garantia de fidelidade de cores” da tabela web safe, esses tons têm a vantagem de serem muito mais fáceis de memorizar – é mais fácil lembrar de HotPink do que de #FF69B4, não?

favicon

Erika Sarti — Sat, 16 Jun 2007 00:47:36 +0000

Como eu demorei tanto pra perceber que meu portfolio precisava de um favicon com a minha cara, não sei.

Duas páginas do meu site, a de acentuação em HTML e a de cores web safe, estão na barra de links do meu Firefox para acesso rápido. Sabe quando você tem um estalo e repara que todos os outros links têm um íconezinho que torna cada atalho único?

Então, por que não?

Criei um arquivo bmp e, como não tinha nenhum programa que convertesse a imagem num arquivo .ico, acabei encontrando o FavIcon from Pics, uma ferramenta que gera, online, seu ícone.

Agora, quando vocês abrirem o menu de favoritos ou olharem pra barra de links, vão ver meu atalho lá, rosa-pink-psico olhando pra vocês ;D

Tabela de cores em HTML

Erika Sarti — Sat, 23 Sep 2006 05:21:46 +0000

Mais uma ferramenta de consulta para web developers: montei uma tabela de cores hexadecimais em HTML.

Nessa versão, só as cores web safe. O que isso significa?

Quando a web surgiu, os computadores comuns não exibiam milhaes de cores como agora. A maioria dos sistemas operacionais só trabalhava com 256 cores, o que limitava bastante os tons exibidos na tela.

Assim como a tv, a tela do computador funciona no sitema de cores RGB (red – green – blue, ou vermelho – verde – azul). Para formar cada tom de cor, é feita uma combinação entre esses 3 fatores, que vai de 0 a 255. Por exemplo, a cor branca é representada por (255,255,255); a cor vermelha, por (255,0,0) e assim por diante.

As cores seguras para web são aquelas formadas por combinações entre os números 0, 51, 102, 153, 204 e 255. Em hexadecimal, esses valores se tornam 00, 33, 66, 99, CC e FF. Portanto, qualquer tom de cor formado pela combinação desses valores é web safe.

Na tabela, alguns tons ficam tão parecidos que pareciam repetidos, por isso nem todas as cores possíveis aparecem.

Hoje em dia, os vídeos modernos suportam milhões de cores, então existe uma infinidade de tons diferentes (mais de 16 milhões na verdade – não que nossos olhos diferenciem todas essas tonalidades). Na próxima semana vou escrever um tutorial explicando como converter qualquer cor RGB em hexadecimal para ser usada no HTML.

Tabela de acentuação em HTML

Erika Sarti — Sun, 17 Sep 2006 14:59:07 +0000

Acabei de compilar uma tabela com todos os caracteres especiais em HTML: acentos, símbolos matemáticos, alfabeto grego… todos os caracteres que têm um atalho estão nessa tabela.

Como muitos caracteres especiais não têm um “nome” (como & para & e para espaço), também é possível usar ASCII para representar caracteres menos comuns (como ‼ para ‼). Por isso também montei uma tabela de caracteres em ASCII.

Get CoffeeCup Color Schemer For Free!

Erika Sarti — Thu, 11 May 2006 00:50:12 +0000

O CoffeeCup Color Schemer é uma ferramenta bem interessante para todos os web designers na hora de combinar as cores do seu layout. Essa semana você ganha uma cópia registrada do software se colocar um link no seu site:

[ Get CoffeeCup - HTML Editor & Web Design Software ]

E você, tá esperando o que pra divulgá-lo e conseguir sua cópia? ;D

PS: mantenha o volume da sua caixa de som baixinho no final da instalação =|