As melhores ferramentas CSS
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?
Divulgue
Rec6 - Linkk - Del.icio.us - Twitter - DiHITT
Envie este artigo via e-mail
Não perca mais as atualizações:
Junte-se aos nossos mais de 400 assinantes: Assine nosso feed ou cadastre-se para receber as novidades por e-mail:
Artigos relacionados
- Novo layout no ar
- Produtividade online: uma lista de sites free
- Este blog tem design nota 10! (Meme)
- MBV2008: Teclas de atalho do Photoshop
Dúvidas?
- Dê uma olhada na nossa lista de perguntas freqüentes sobre design.
6 respostas para "As melhores ferramentas CSS"
-
Flávio 11-06-08 ás 10:38 pm
Legal :D
Posso colocar lá no Inspiração um link para este post? -
Canha 12-06-08 ás 1:44 pm
-
tiago 12-06-08 ás 3:35 pm
oh loco…. mto bom esse negocio aewh, ainda mais pra mim que toh sem grana pra fazer curso!!
=)
-
Renato Tavares 15-06-08 ás 11:16 am
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
-
pererinha 04-07-08 ás 2:06 pm
pronto, coloquei esse post nos favoritos
-
Kellsens 23-07-08 ás 8:37 am
Além de entrar no favoritos, terei uma ‘cópia’ no pc. Parabéns pelo post.













