13abr
2010, às 09:38
Publicado em Ajax/Javascript/Jquery CSS3 Ferramentas HTML / CSS | Deixe o seu comentário (2) »
publicado por: Magno Valdetaro
De um modo geral, CSS é muito fácil de se entender e aprender. Mas quando os fabricantes de navegadores começaram a implementar recursos da CSS3, as coisas tornaram-se pouco complicadas. Devido principalmente por dois motivos: primeiro, muitas das novas propriedades CSS3 (por exemplo, a transition, gradient e transform) não são tão simples, e por este motivo, temos de usar extensões específicas de cada navegador.
Até o momento nossos melhores amigo são os geradores de CSS3, as cheat sheets, os guias de referência e as soluções em Java script.
Veja agora a lista de ferramentas úteis para desenvolvedores CSS3:
Geradores
CSS3 Please!
A primeira da lista é a CSS Please ferramenta usada para gerar de regras CSS3, suporta: border-radius, caixa-sombra, o gradiente linear), cores RGBA (, de transformação (rotação), a transição e @ font-face.
CSS3 Generator
Já comentado aqui no blog CSS3 Generator, suporta: border radius, box shadow, text shadow, RGBA, @font-face, multiple columns, box resize, box sizing and outline.
CSS3 Sandbox
Mais um gerador CSS3 para Linear Gradientes ,Gradientes radiais , Texto Shadows , Box Shadows , Transforma eStroke texto.
@ Font-face Generator
Quer utilizar fontes não padrão no seu website, o @Font-face Generator te ajuda na tarefa de gerar regra da propriedade @font-face.
CSS3 Gradiente Generator
Gere gradientes linear com CSS3 com ajuda do CSS3 Gradiente Generator
CSS Border Radius
Gera a propriedade borde-radius para o Mozilla, Webkit e a sintaxe padrão.
Webkit CSS3 Generator
Simples gerador CSS que ajuda você a entender as capacidades da CSS3 introduzidas pelo WebKit.
CSS3 Learning Tool
Ferramenta dinâmica que verificar se a propriedade é suportada pelo navegador em uso e aplica o prefixo para este.
Soluções em JavaScript
Modernizr
Uma excelente biblioteca Java script que detecta a disponibilidade de funcionalidades nativas HTML5/CSS3 e oferece uma maneira de manter o controle sobre seu site, independente das capacidades do navegador. Se gostar do mootools, você pode usar o MooModernizr.
CSS3 pseudo-class Selector Emulation
Permite o uso de pseudo-classe no internet explores. Basta incluir o script em suas páginas e começar a utilizar esses seletores em sua folha de estilo.
CSS3 support for Internet Explorer 6, 7, and 8
IE-CSS3 é um script que oferece suporte a CSS3 para os navegadores Internet Explorer, vários dos estilos populares estão disponíveis.
ie7-js
Mais uma biblioteca para fazer o Internet explorer se comportar como um browser compatível com as normas.
Sizzle - Seletor JavaScript Library
Sizzle suporte praticamente todos os seletores CSS3 - isso inclui até mesmo alguns raramente usados.
Se achou este post útil não deixe de comentar ou repassar para amigos.
