9 + 20 Ferramentas CSS3 CSS3 recursos úteis

Finalmente CSS3 - um sonho para os designers, mesmo quando se trata de "legado" "rumschlagen" provavelmente precisa de algum tempo ... (?)

Introdução

CSS (Cascading Style Sheets) definições são agora parte de cada site moderno.

Uma breve visão sobre as possibilidades do CSS3 características gráfico clique CSS3 por Webs impressionantes :

Dentro dessa definição CSS é definido como o conteúdo (texto, títulos, links, imagens, etc) ou blocos e áreas são mostradas em um site. Isto permite uma separação de layout e definição de conteúdo.
As principais vantagens do uso de CSS são, portanto, na capacidade de fazer mudanças rápidas de layout de uma página web pode ser para trabalhar sem o conteúdo. Além disso, resulta da separação de conteúdo e layout de "lean" acelerou o código HTML que o tempo de carregamento de uma página web.

CSS para iniciantes eu sempre gosto de comparar com os estilos de programas de processamento de texto. Mais uma vez, os atributos de apresentação (por exemplo, tamanho da fonte, cor etc) agrupados sob títulos e áreas de texto são mapeados.

CSS2 foi lançado em 1998 e utilizado até hoje. A combinação de CSS, HTML, JavaScript e linguagens server-side script mudou o mundo web nos últimos anos e oferece novas possibilidades a cada dia.

Como em muitas áreas de web design, mas há também no uso de CSS, sempre um "ponto nevrálgico" importante: A compatibilidade do navegador.
Muitos navegadores hoje em dia usam CSS2 para corrigir na maior parte, mas ainda existem algumas diferenças.

CSS3

Em 2000 iniciou o desenvolvimento de CSS3 - isto levanta alegria e abre novas possibilidades na implementação e design de websites.

Depois de mais de uma década CSS2: primeiro navegador como Firefox, Safari / Webkit, Opera, Konqueror suporte CSS3 já em peças e / ou os parâmetros de desenvolvimento.
O "Wehrmutstrofpen pouco" ser implementada até que o navegador está tudo definido no CSS3 será seguro, de acordo com a experiência anterior, um pouco mais de tempo para o país. Adicione a isso o navegador antigo geração não eliminá-los rapidamente a partir do mundo de usuários on-line têm.

Aqui está um resumo dos recursos suportados pelos navegadores CSS3 propriedades:

www.findmebyip.com / tornassol # meta-selector

Mas ainda acho que CSS3 classe e não pode esperar Uma fonte dá-lhe a capacidade de CSS3 na forma desta contribuição com diversas ferramentas online e recursos para apresentar.

Aqui vamos nós ...

CSS3 Ferramentas

Primeiro westciv.com
westciv.com vadeia em frente com 6 geradores on-line para CSS3:

linear) gradientes
b) radial gradientes
c) Texto com sombra
d) boxe com sombras
e) Texto rodeia
f) Transformações de texto

Como um exemplo aqui uma vez uma imagem de gradientes radiais.

Todos os parâmetros podem ser alterados em linha, ea reacção é levada ao vivo.
O associado código CSS pode ser copiado através do cut & paste em seu próprio arquivo CSS a ser inserido.
Quais são os navegadores suportam a funcionalidade de cada ferramenta no "Support" é exibida.

Segundo css3please.com
CSS3, forneça a opção de editar os parâmetros de CSS diretamente. As alterações são exibidas diretamente na "Caixa CSS3 por favor."
Trata-se de rounds de boxe, - sombras, - naturalmente, - transformação e fonte.

Terceiro css3menu.com
CSS3menu criado hierárquicos CSS3 menus drop-down em vários estilos. Pode, com esse leilão é um aplicativo para ser baixado e instalado na máquina local.
Através de uma variedade de configurações, os parâmetros eo layout dos menus podem ser alterados e salvos. O resultado é um arquivo HTML com as estruturas de menu e um arquivo CSS associado ao código de layout.

Neste contexto, o artigo "CSS3 menu drop-down", publicado pela Webdesigner parede vale a pena ler.
Ele explica como CSS3 um menu drop-down pode ser criado manualmente.

4 css3generator.com
CSS3 gerador também é um gerador online para as seguintes áreas: Radius Border, Box Shadow, sombra de texto, RGBA, @ font face, várias colunas, caixa de redimensionamento, tamanho da caixa e contorno.
Dependendo da área, os parâmetros individuais são definidos como visto em um código de visualização e de amostra pode ser copiado ou copiado directamente.

5 css tricks.com
Os botões de botão fabricante de CSS3 podem ser criados online. Tamanho do botão ajustável, tamanho do texto, o arredondamento do Radis, gradiente de cor do texto, e cor-Hoover.
Quando pode clicar no botão você obter o código gerado para o CSS3 gerada usando recortar e colar em seu próprio arquivo CSS a ser inserido.

6 fronteira image.com-
CSS3 gerador de imagem de Fronteira ...

7 leaverou.me
CSS ferramenta de aprendizado ....

8 border-radius.com
Raio de fronteira ...

9 www.codenique.com
Nenhuma ferramenta online, mas alguns nomes de cores Nachschalgewerk CSS3.

CSS3 recursos

Primeiro www.w3.org/TR/css3-selectors

Segundo www.css3.info

Recurso extensivo ao redor com CSS3 ferramentas de teste do navegador, os relatórios sobre o estado de desenvolvimento e muita informação sobre CSS3.

Terceiro www.css4you.de

Oficina alemã com CSS Reference, o Índice de ...

4 www.webresourcesdepot.com
10 + grátis HTML5 CSS3 modelos de sites web - publicado pela revista "WebResourcesDepot"

5 www.webdesignerwall.com
Formulário de Busca bela CSS3 - publicado pela "Web Designer Wall"

6 www.css3.com

7 webdemar.com
9 Exemplos de a utilização de CSS3 - publicado por "webdemar"

8 speckyboy.com
10 Mind-Blowing experimentais CSS3 Técnicas e demos - apareceu em "Design Magazine speckyboy"

9 www.webmonkey.com
Começar Com CSS 3 - publicado pela revista "Webmonkey"

10 sixrevisions.com
Como criar Tipografia Inset com CSS3 - publicado pela 'Seis revisões'

11 www.smashingmagazine.com
CSS 2.1 e CSS 3 Folhas de Ajuda fraude (pdf) - publicado pela revista "Smashing Magazine"

12 designreviver.com
Incorporação ícones com CSS3 - Publicado pelo "DesignReviver"

13 pelfusion.com
Tudo Que Você Precisa Saber Sobre CSS3 Color Techniques - publicado pela revista "PELFUSION"

14.www.pvmgarage.com
Toque o Futuro: Um site Criar elegante com HTML 5 e CSS3 - publicado pela revista "pv.mgarage"

15 webdesignledger.com
12 Botão Menu Excelente CSS3 e Técnicas - publicado pela "Biblioteca Digital Mundial webdesignledger"

16 www.marcofolio.net
Criando um visualizador de fotos polaroid com CSS3 e jQuery - publicado pela revista "marcofolio.net"

17 line25.com
Criar um efeito de tipografia com CSS text-shadow - publicado pela revista "LINE25"

18 webstandard.kulando.de
CSS3 Tutorial de Transição - menu deslizante efeito com o estilo Apple - apareceu em "padrões web"

19 css tricks.com
CSS3-somente a área tabulada - apareceu em "Truques CSS"

20 www.smashingmagazine.com
CSS3 Soluções para Internet Explorer - publicado pela revista "Smashing Magazine"