Colorzilla, Editor Online e Grátis de Degradês em CSS
Pra quem trabalha com folhas de estilo (CSS) existe uma ferramenta excelente para criar degradês: Colorzilla Ultimate CSS Gradient Generator (Gerador de Degradês). A partir do site do serviço, sem precisar instalar nenhum programa, você edita degradês enquanto vê o código ser gerado automaticamente. E o melhor: ele será compatível com todos os navegadores, incluindo o temido Internet Explorer.
Com o desenvolvimento do CSS, criar degradês para fundos de elementos ficou mais fácil, já que antes era preciso usar imagens de fundo, o que acabava pesando mais a página. Com as regras de estilização do CSS3 usando o gradient, o preenchimento pode ser feito na diagonal, horizontal e com múltiplas cores.
Criando Texto Brilhante ao Passar Mouse em Link, Com CSS
Alguns efeitos básicos de CSS podem fazer quase milagres na aparência de um blog, e um bem agradável, especialmente para aqueles com fundo escuro, é o de texto brilhante ao passar o mouse sobre links. Você pode ver um exemplo disso em funcionamento no rodapé aqui do Blog Aprendiz.
Pra fazer isso, não é preciso nada mais que umas poucas regras de CSS, usando o evento hover (quando passamos o mouse sobre o link) para alterar sua aparência. O efeito só vai ficar interessante se o texto for claro sobre fundo escuro.
Estilização: Transições Suaves Usando Apenas CSS
Pouco tempo atrás houve um boom de jQuery na internet. Muitos sugeriam códigos para aplicar transições suaves de cor de fundo, links e divs, coisa facilmente alcançável com poucas linhas de CSS. A questão é que os navegadores ainda não estavam bem preparados para essas regras. Uma estilização que funcionava no Firefox poderia não mostrar nada no Opera, por exemplo.
Agora a coisa mudou; quase todos trabalham bem com CSS3 e muitas vezes não é preciso usar jQuery. Vamos ver um código simples para aplicar transições em elementos mais comuns, como links e divs com efeito hover. Sabendo como fazer, você pode estilizar outros elementos, como menus de navegação.
Super Coleção 100+ Fontes Usadas em Logotipos Famosos
É muito ruim quando precisamos redesenhar um logotipo bem conhecido, como do Facebook, Google ou Coca-Cola, e não sabemos qual a fonte usada no design. Então somos obrigados a vetorizar o texto original ou apelar para fontes parecidas, modificando o texto rasterizado. Para nosso alívio, parte destes logos usam fontes que estão disponíveis na internet, em alguns casos até para download grátis, enquanto outras foram criadas para atender este tipo de necessidade. Reuni aqui uma coleção com mais de 100 fontes usadas em vários logos famoso, incluindo marcas de tecnologia, indústria e comércio, jornais, revistas, música, TV e cinema. Um artigo para favoritar ou baixar tudo agora e arquivar. Cedo ou tarde você designer acabará precisando de algumas delas.
Como Criar um Botão Estilizado Usando Apenas CSS
Nesse tutorial você verá como transformar um link - na verdade, qualquer elemento em sua página - em um botão estiloso, sem usar imagens pesadas nem scripts. Todo o processo será feito apenas com a folha de estilos e algumas regras CSS modernas como text-shadow e border-radius.
No nosso exemplo, os valores de sombra, larguras de borda e arrendondamento, assim como as cores usadas, podem ser mudadas por você facilmente, gerando assim uma infinidade de possibilidades para sua criação de botão personalizado.
