Ser web designer e não saber de CSS pode ter duas explicações: 1) a pessoa esteve em estado criogênico durante os últimos 10 anos. 2) ele não é web designer. Como CSS é uma linguagem que exige muita paciência (e consequentemente, tempo), eis algumas ferramentas que irão facilitar seu dia.
- CSS Reset (PT) – Usar o CSS Reset é algo imprescendível para evitar os problemas cross-browsers (entre navegadores diferentes). É um arquivo que básicamente você coloca no início do desenvolvimento do seu projeto para que a folha de estilo seja lida da mesma maneira por Firefox, Internet Explorer, Safari, etc.
- Maujor (PT) – Sem dúvida, o melhor site brasileiro para se aprender CSS. Muito bem explicado e dividido em seções bem definidas.
- Cantos arredondados (ING) – Gere um código de uma DIV com cantos arredondados sem a utilização de imagens. Parece um pouco bagunçado o código gerado, mas funciona.
- Construa layouts em CSS (ING) – Essa ferramenta ajuda você a visualmente criar um layout em CSS de forma fácil e rápida. Muito bom para quem é muito preguiçoso ;)
- CSS Cheat Sheets (ING) – “Colas” úteis para quem não lembra de todas as funções que o CSS possue (e convenhamos, quem lembra?)
- Otimizador de CSS (ING) – Com esse sistema simples, você diminui os seus arquivos CSS removendo espaços desnecessários, comentários, quebras de linha, etc. Muito bom para quem precisa diminuir em alguns KBs o consumo de banda.
- Estilize fontes facilmente (ING) – Forma fácil de configurar as fontes do seu site
- Converter pixel para EM (ING) – Lembra de um dos podcasts onde a Claudia Regina falava sobre o EM? Aqui você encontra uma calculadora que calcula o valor com base em um valor em pixels.
- Crie formulários facilmente (ING) – Embora muita gente abomine esta ferramenta, o JotForm cria formulários para você baseado nos campos que você inseriu. Fácil.
- Gerador de layout em CSS (ING) – Ferramenta muito bacana que permite que você crie layouts CSS facilmente. Não têm muitas opções, mas funciona bem.
- Gerador simples de layout para blog (ING) – Gerador bem simples para layouts de blogs. Pouca customização, serve só para criar uma estrutura interessante.
- Veja quais regras são aplicáveis a quais navegadores (ING) – Uma tabela indicativa mostrando quais navegadores dão suporte a quais regras de CSS
- Updates:
- Uso de CSS em e-mails (ING) – Uma tabela bastante compreensiva dos códigos CSS que são aceitos pelos diferentes leitores de e-mail. Retirado do blog do Daniel Camargo.
Esqueci de alguma ferramenta?
Gostou do artigo?
Aproveite então para assinar nosso feed RSS ou seguir o Design Blog no Twitter para sempre ficar ligado nas novidades no mundo do design!














6 comentários
Legal :D
Posso colocar lá no Inspiração um link para este post?
Flávio,
Teje a vontade!
Abs
oh loco…. mto bom esse negocio aewh, ainda mais pra mim que toh sem grana pra fazer curso!!
=)
Hum o que eu queri muito mesmo e um site que eu vi a muito tempo atras + nao lembro onde la tinha muitos efeitos de bordas e varios outros com o codigo e o visual assim vc escolhia o que queria e depois implementava tipo uma galeria com muita coisa, so que nao lembro se alguem ja viu me fala ou algo parecido
pronto, coloquei esse post nos favoritos
Além de entrar no favoritos, terei uma ‘cópia’ no pc. Parabéns pelo post.
Regras
Antes de comentar, por favor atente-se as regras abaixo:
Os comentários neste artigos assim como em qualquer artigo deste blog não necessáriamente refletem a opinião dos autores e donos deste blog, como consta na Política de Privacidade e Uso deste blog.