Forum de Design
6

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?

Random Posts

Foto do autor

Canha

Canha é o criador do Design.blog e co-fundador do xCakeBlogs. Ele é designer e blogueiro. Arquivado na categoria Web Design Web Development



6 Comentários

  1. Flávio
    11/06/2008 às 22:38 | #

    Legal :D
    Posso colocar lá no Inspiração um link para este post?

  2. Canha
    12/06/2008 às 13:44 | #

    Flávio,
    Teje a vontade!
    Abs

  3. tiago
    12/06/2008 às 15:35 | #

    oh loco…. mto bom esse negocio aewh, ainda mais pra mim que toh sem grana pra fazer curso!!

    =)

  4. Renato Tavares
    15/06/2008 às 11:16 | #

    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

  5. pererinha
    04/07/2008 às 14:06 | #

    pronto, coloquei esse post nos favoritos

  6. Kellsens
    23/07/2008 às 08:37 | #

    Além de entrar no favoritos, terei uma ‘cópia’ no pc. Parabéns pelo post.




Antes de comentar...

Antes de comentar, observe o seguinte:

  • Perguntas já respondidas na Lista de Perguntas Freqüentes serão ignoradas
  • Design é a profissão. O profissional é designer
  • Leia o artigo inteiro antes de comentar.
  • Em caso de pergunta, veja se já não foi respondido nos comentários acima
  • Comentários que começam com "Você pode..." ou variável, terá como resposta "Não. Faça sozinho". Use o Google e deixe de ser preguiçoso.
  • Spam, criancice e comentários em tiopês/miguxês serão apagados
  • É necessário ter o primeiro grau completo para comentar aqui. Se você abusar de frases sem pontuação ou mensagem em caps-lock, me reservo ao direito de escrachar você. Você foi avisado.

 

*
*


Fotos de emos estilo música mp3Forum de design, gráfico, webdesign, produto