1. Metro UI CSS
Metro UI CSS é uma estrutura CSS que implementa a interface estilo Metro do Windows 8.
2. CSScomb
CSScomb pode classificar propriedades CSS usando métodos de classificação especificados e fornece várias versões, incluindo:
CSScomb Online CSScomb para Sublime Text 2 (também em Package Control) CSScomb para Textmate CSScomb para Coda & Coda 2 CSScomb para Espresso 2 CSScomb para IntelliJIDEA/WebStorm/PyCharm CSScomb para Notepad++ CSScomb para Vim 3. CSS3Ps
CSS3Ps é um plug-in gratuito do Photoshop baseado em nuvem que converte camadas do Photoshop em implementações CSS3 com exatamente a mesma aparência. Você pode selecionar várias camadas e grupos de camadas e convertê-los com um clique. O traço é convertido em uma propriedade de borda CSS. Sombra interna, brilho interno, sombra e brilho externo são convertidos em propriedades CSS box-shadow. Você pode ver os estilos resultantes em seu navegador e compartilhá-los com outras pessoas. Funciona com Windows ou Mac OS X e Photoshop CS3 e superior. O melhor de tudo é que é totalmente gratuito!
4. Aeon responsivo
ResponsiveAeon é uma estrutura HTML5/CSS3 que pode criar layouts responsivos muito rapidamente. Possui um sistema de grade baseado em 12 colunas com largura total de 1104px e oferece 3 classes básicas de uso muito fáceis de entender. A estrutura permite o uso de @mediaqueries e oferece suporte a qualquer tamanho de dispositivo. Além dos sistemas de grade, também existem estilos para tipografia, listas, tabelas, botões e tabelas.
5. Refinar Slide
RefineSlide é um plugin jQuery leve (compactado em 4 KB) para integrar rapidamente um efeito deslizante responsivo baseado em imagem em nosso site. O controle deslizante usa transições CSS3 + transformações 3D (com fallback JS) e tem várias transições atraentes. Possui opção de exibição de miniaturas (formatadas automaticamente e responsivas) ou setas para navegação (suportado teclado).
6. Fóton
Photon é uma biblioteca JavaScript que permite adicionar efeitos de iluminação simples a qualquer elemento no espaço tridimensional. Para criar o efeito, ele usa um objeto WebKitCSSMatrix (WebKit é o único mecanismo de navegador compatível). O ângulo da luz pode ser definido e alterado a qualquer momento proporcionando funcionalidade. É possível definir um objeto iluminando-o um por um ou um grupo de cada vez, e podemos personalizar o efeito definindo o uso máximo de preto + branco.
7. Pacote de grade
O objetivo do Gridpak é implementar um design de página web responsivo, melhorar seu fluxo de trabalho e economizar tempo. Gridpak cria interfaces simples e responsivas gerando imagens PNG, CSS e JavaScript.
O CSS gerado pelo Gridpak é compatível com o IE 8+, mas usa muitas propriedades CSS experimentais, como consultas de mídia, tamanho da caixa e propriedades de recorte de fundo, por isso recomendamos que você o use em conjunto com o Modernizer para garantir compatibilidade com versões anteriores.
8. Morf.js
Morf.js fornece um conjunto de métodos JavaScript para acelerar vários efeitos de conversão CSS3. Os métodos suportados são todos mostrados na figura acima e não há necessidade de escrever código CSS3.
9. Goma
Gumby é uma estrutura de grade CSS responsiva e com largura de 960 pixels que suporta telas de PC, tablets e dispositivos móveis. Semelhante ao Bootstrap do Twitter, inclui um kit de ferramentas de UI da Web com botões bonitos, tabelas, navegação + rótulos e um pequeno arquivo JavaScript
10.AppJS
AppJS é uma biblioteca JavaScript interessante que nos permite desenvolver rapidamente aplicativos de desktop (HTML, CSS e JavaScript) usando tecnologias da web. AppJS usa Node.js como suporte de back-end.
11. Suporte ao navegador
Suporte ao navegador é um mecanismo de pesquisa simples usado para descobrir se uma determinada propriedade CSS é suportada por um navegador específico. Fornece uma caixa de entrada de pesquisa de preenchimento automático.
12. SpritePad
SpritePad é uma solução perfeita que permite criar sprites CSS em segundos. Basta arrastar e soltar suas imagens na tela e elas estarão instantaneamente disponíveis como um sprite PNG + código CSS.
13. HTML5, por favor
HTML5 Please ajuda você a verificar se recursos como HTML5 e CSS3 estão prontos.
14.jsFiddle
jsFiddle é um aplicativo da web usado principalmente para ajudar a testar trechos de código JavaScript e CSS.
15. Animar.css
Animate.css contém alguns CSS que implementam vários efeitos de animação.
16. Excessivo
Excessive é uma ferramenta de compactação CSS desenvolvida em Python que pode arrastar e soltar quantos arquivos você quiser, mesclá-los em um arquivo e compactá-lo instantaneamente.
17. Atualização CSS
CSSrefresh é uma biblioteca JavaScript usada para implementar a função de alterar imediatamente o efeito de estilo da página da web sem atualizar a página. É plug-and-play e não requer configuração.
18. Impress.js
impression.js é um pacote Javascript. Sua função é permitir que você crie efeitos deslumbrantes de exibição de conteúdo. Ele usa principalmente rotação, distorção, dimensionamento e outros recursos do CSS 3D Transforms. ou Safari para ver o efeito que produz. Parece que também pode ser usado no navegador IE 10 que ainda não foi lançado.
19. Tenha CSS
Bear CSS é um aplicativo da web gratuito que gera estilos CSS com base em determinado HTML.
20. Menos CSS
Less CSS é um pré-processador CSS amplamente utilizado que estende CSS por meio de sintaxe e variáveis simples, o que pode reduzir muito código CSS.
LESS oferece recursos de linguagem dinâmica CSS, como variáveis, herança, operações e funções que podem ser executadas no cliente (suporta IE 6+, Webkit, Firefox) ou no servidor (com Node.js).
21. css2less
css2less é uma pequena ferramenta desenvolvida em Ruby para converter css em arquivos no formato Less CSS.
22. ResponsivoGS
Responsive GS é uma estrutura CSS de grade fluida para desenvolver rapidamente sites responsivos.
O GS responsivo está disponível em três versões: 12, 16 e 24 colunas e oferece suporte a todos os dispositivos padrão que usam consultas de mídia.
23. Formas CSS3
CSS3 Shapes é um site online que usa CSS3 para obter vários efeitos gráficos.
24. Seta CSS, por favor
CSS Arrow Please é um gerador de estilo CSS baseado na web que pode ser usado para todos os CSS, como listras, botões, tabelas, ícones de carregamento, etc.
25. Web Putty
WebPutty é um aplicativo que permite escrever código CSS online, com um editor que suporta realce de sintaxe e um painel de visualização lateral que permite ver as alterações em tempo real.
26.CSSFx.js
Ao escrever CSS, muitos prefixos são frequentemente adicionados dependendo do navegador, como -moz-border-radius. Também há muita insatisfação na indústria sobre isso. cssFx é um js que pode gerar prefixos automaticamente para você, o que pode economizar muito tempo e energia.
27. Marcação Suja
Dirty Markup é um aplicativo gratuito baseado na web que ajuda você a limpar a desordem facilmente. O editor usa uma função simples + AceEditor e cada embelezamento pode ter uma variedade de opções para obter os melhores resultados.
28.Crunch
Crunch é um editor baseado em Less CSS desenvolvido pela Adobe AIR. Usado principalmente para editar Less e compilá-lo em CSS.
29. Teste CSS3
CSS3 Test é um site online que testa o suporte CSS3 dos navegadores.
