Erika Sarti | portfolio web designer » galeria

Minhas galerias de CSS preferidas – Parte 2

Erika Sarti — Tue, 27 May 2008 13:22:46 +0000

Mais algumas galerias de sites feitos em CSS, para inspirar e divulgar seu trabalho:

Você pode acompanhar os links desta série de posts através do meu del.icio.us.

Meus sites favoritos sobre cores

Erika Sarti — Tue, 20 May 2008 13:47:54 +0000

A cor é fundamental no design. Se a escolha das cores de um projeto for mal feita, pode passar uma idéia completamente diferente do esperado. Os sites desta lista vão te ajudar a combinar cores corretamente para o seu projeto.

Kuler
Ferramenta online da Adobe com paletas de cores criadas e enviadas por usuários.

Color Palette Creator
Ferramenta que mistura até três cores e retorna o hexadecimal das tonalidades.

Color Blender
Ferramenta que mistura duas cores e retorna até 10 tonalidades em hexadecimal e RGB.

Color Blender
Apesar do mesmo nome, esta ferramenta vai um pouco além: além de misturar cores, você também pode baixar a paleta criada em formato .act (Photoshop) ou .eps (Illustrator).

Color Scheme Generator 2
Ótima ferramenta para criar combinações ideais de cores.

Tabela de Cores Seguras
Tabela criada por mim com os códigos hexa das cores web safe.

Tabela de Cores em HTML
Outra compilação com o nome e os códigos hexa de cores para internet.

Você pode acompanhar os links desta série de posts através do meu del.icio.us.

Meus sites favoritos sobre ícones

Erika Sarti — Tue, 29 Apr 2008 13:47:02 +0000

Na hora de desenvolver a interface de um site ou de um sistema, muitas vezes os ícones são uma ótima metáfora visual. O post desta semana é sobre meus sites favoritos que disponibilizam sets de ícones para download.

Antes de utilizar um set de ícones em projetos comerciais, verifique se o autor liberou seu trabalho para essa finalidade.

PI Diagona Pack (Pinkvoke)
400 ícones (10×10 e 16×16 pixels) em formato PNG.

Bitcons
121 ícones (16×16 pixels) em formato GIF.

Nuvola
Set completo de ícones (32 x 32 pixels) em formato PNG, disponibilizados dentro da Wikimedia.

Weathericons
Compilação de vários sets de ícones sobre o tempo, de diferentes jornais e sites do mundo.

Mini Icons 2 (Brand Spanking New)
Set com 113 ícones (10×10 pixels) em tons de cinza e formato .GIF.

Bonus!
FavIcons from Pics
Ferramenta online para você converter um arquivo de imagem num favicon, aquela pequena imagem que aparece ao lado da URL em alguns sites.

Você pode acompanhar os links desta série de posts através do meu del.icio.us.

Minhas galerias de CSS preferidas

Erika Sarti — Tue, 22 Apr 2008 13:07:09 +0000

Continuando a série de posts sobre meus sites preferidos, os links de hoje são para galerias de sites feitos em CSS. Esse tipo de galeria serve de inspiração nos momentos em que a criatividade parece que foi passear, além de mostrar as novas tendências de design.

Na maioria deles você pode dar nota para os layouts e publicar seu próprio material (só não se esqueça de pedir permissão para seu cliente antes, se for publicar um layout de site comercial).

Você pode acompanhar os links desta série de posts através do meu del.icio.us.

Meus sites favoritos sobre fontes

Erika Sarti — Tue, 15 Apr 2008 13:13:19 +0000

Estou organizando meu del.icio.us, e pelas próximas semanas vou publicar uma série de posts com meus links preferidos sobre web design. Hoje o assunto são os sites de fontes grátis e ferramentas de tipografia.

Embora não seja bom abusar da tipografia rebuscada num layout, muita gente (inclusive eu) gosta de renovar a lista de fontes instaladas no computador de tempos em tempos. Estes são os sites que eu sempre visito:

Fontes grátis

Antes de utilizar uma fonte, não se esqueça de checar se ela está disponível para uso comercial ou se é apenas para uso pessoal.

dafont.com
Tem mais de sete mil fontes disponíveis, em vários estilos. Sinaliza se a fonte tem caracteres acentuados, e permite que você visualize seu próprio texto na tela antes de baixar uma determinada fonte.

Urban Fonts
Um acervo com aproximadamente 8 mil fontes e dingbats (símbolos) freeware. Também permite que você visualize seu texto com a fonte desejada.

Fawnt
Quase dez mil fontes disponíveis. É um pouco mais desorganizado que os anteriores.

Sofontes
O único site brasileiro da lista, diz ter 25 mil fontes no acervo. Organiza as fontes por nome, e não por categoria, e não oferece nenhuma ferramenta de pré-visualização.

Pinvoke
Site pessoal de uma designer japonesa com pixel fonts para download. Também tem um pack com 400 mini ícones em PNG para download no mesmo site.

Semplice Pixelfonts
Outro site de pixel fonts mantido por um designer. O diferencial dessas fontes é a presença dos caracteres do idioma alemão.

Ferramentas

WhatTheFont?!
Ferramenta que descobre a fonte usada em uma imagem.

Typetester
Ferramenta que exibe as variações para web das fontes mais famosas (ou das fontes instaladas no seu computador), e faz a comparação de até 3 fontes ao mesmo tempo.

FontStruct
Construa sua própria fonte online e compartilhe com outros usuários do site.

The Font Thing
Programa freeware para organizar as fontes instaladas no computador.

Você pode acompanhar os links desta série de posts através do meu del.icio.us.