11 Ferramentas Online de CSS

No seguimento do artigo anterior, “10 Dicas para Melhorar o seu CSS“, decidi pesquisar por aí, e encontrei um artigo muito bom que fala de diversas ferramentas online para a criação de CSS…

Seja um pro em CSS, ou seja apenas um aprendiz, é muito importante ter uma mão cheia de ferramentas que ajudem o processo de criação de folhas de estilo CSS. Estas ferramentas existem aos “ponta-pés”, a seguinte lista foi inspirada num artigo ‘11 Useful Tools for Better CSS Development‘ no qual quero vos dar a conhecer!

1. Grid Designer

Se está a ter dificuldade em criar grelhas complexas em CSS, o Grid Designer pode-lhe dar uma “mãozinha” muito útil.

2. Drawter

Drawter Beta 2 é uma ferramenta escrita em Javascript e jQuery, que possibilita que desenhe exactamente o que quer fazer em CSS.

3. YAML Builder

YAML Builder é uma ferramenta para criar layouts em CSS baseados em YAML (framework de CSS). Permite definir vários parâmetros básico para o o layout, como o número e o posicionamento das várias colunas.

4. Blueprint Grid CSS Generator

Com o Blueprint Grid, será possivel criar versões flexíveis da Blueprint Grid (framework).

5. Format CSS

Com esta ferramenta pode fazer copy&paste do seu código CSS, e ele irá retornar uma versão formatada de todo o código. (Muito útil)

6. CSS Type Set

Esta ferramenta é essencial quando se está na duvida de qual o tipo de letra a usar, e de como irá ficar o seu aspecto.

7. Clean CSS

Com esta ferramenta, poderá limpar e optimzar todo o seu CSS.

8. YUI CSS Grid Builder

CSS Grid Builder faz parte da biblioteca da Yahoo (YUI : Yahoo User Interface). Contém uma interface simples para a criação de grelhas no CSS.

9. Typetester

O Typetester fornece muitas soluções para a comparação entre os diversos tipos de letra, e depois basta fazer o download do que mais gostar.

10. CSS Frame Generator

Com o CSS Frame Generator, poderá fazer copy&paste do códio em XHTML e este irá converter para um layout em CSS.

11. W3C CSS Validation Service

Se nunca ouviu falar da W3C CSS Validation Service, deve começar desde de já a utilizar este serviço, pois, através dele, poderá verificar se o seu código XHTML e CSS é válido para ser interpretado pelos vários browsers. Caso não seja válido, ele fornece sempre dicas de como fazer com que fique 100% válido.

E já está!
Até à próxima!