Caixa de ferramentas CSS3

[João Prado 64]

Artigo original: CreativeFan

Tradução e adaptação: João Pedro R. Prado

 

Na semana passada, eu publiquei um ajuntamento em massa de recursos HTML5, artigos, dicas e técnicas, e foi um grande sucesso na concepção e desenvolvimento da comunidade. Desde HTML5 é apenas das atualizações que estão sendo rolados para fora, eu pensei que seria apropriado e útil para reunir um conjunto de recursos CSS3.

 

Há alguns dias, postei um tópico semelhante, onde eu trazia a tradução de um artigo do CreativeFan, mostrando várias fontes de tutoriais, artigos, exemplos, entre outros, para iniciar em HTML5. Hoje venho trazer a vocês, um artigo semelhante, desta vez sobre CSS3. Optei desta vez, não por traduzir, e sim por adaptar o artigo. Passarei as mesmas informações, de forma parecida talvez, mas de um jeito que vocês, participantes do iMasters, tenham uma facilidade maior de entendimento, a começar pelo texto introdutório hehe.

 

O intuito deste post é de criar uma fonte de dados sobre o CSS3, esta nova linguagem que esta aparecendo aos poucos na Web, mas que ao que tudo indica, logo estará "dominando".

 

 

Introdução:

 

O que é CSS3?

 

Este link o levará uma bela introdução, em 6 partes, que explica o que é o CSS3, por isso é importante e você deve se preocupar.

 

 

 

Começar com CSS3

 

 

 

Receba o melhor do CSS3

 

 

 

Suporte CSS3 em IE 6, 7 e 8

 

 

 

Você pode usar CSS3 agora

 

 

 

Módulo Color CSS3

 

 

 

5 Técnicas para familiarizá-lo com CSS3

 

 

 

Apostilas:

 

Leve o seu projeto para o próximo nível com CSS3

 

 

 

Caixa de diálogo personalizada em CSS3

 

 

 

Formulário com sugestões usando CSS3

 

 

 

Fitas 3D legais em CSS3

 

http://creativefan.com/files/2010/06/css3_ribbon.jpg

 

 

Tutorial Navegação Halftone em CSS3

 

http://creativefan.com/files/2010/06/241-500x274.jpg

 

 

Sombra de Imagens

 

http://creativefan.com/files/2010/06/image_shadow.jpg

 

 

CSS3 e HTML5 Tutorial para template página única

 

http://creativefan.com/files/2010/06/251-500x274.jpg

 

 

Menus multi-nível e multi-coluna em CSS3

 

http://creativefan.com/files/2010/06/multi_menu.jpg

 

 

Criar bonitos e coloridos botões com CSS3

 

http://creativefan.com/files/2010/06/css3button-500x171.jpg

 

 

Sobreposições com CSS3

 

http://creativefan.com/files/2010/06/201-500x265.jpg

 

 

Criar cantos arredondados com CSS3 e jQuery

 

http://creativefan.com/files/2010/06/css3-jquery11.jpg

 

 

Bonito slide vertical com CSS3 e jQuery

 

http://creativefan.com/files/2010/06/181-500x195.jpg

 

 

Balões de fala com CSS3

 

http://creativefan.com/files/2010/06/pure-css-bubbles-500x252.jpg

 

 

Botões 3D com CSS3

 

http://creativefan.com/files/2010/06/rgba-css3-buttons-500x198.png

 

 

Menu sobreposto usando CSS Sprites

 

http://creativefan.com/files/2010/06/css_menu.jpg

 

 

Menu Drop Down CSS3

 

http://creativefan.com/files/2010/06/css3-dropdown-menu-500x164.png

 

 

Moldura de foto com CSS3

 

http://creativefan.com/files/2010/06/classy-csss3-photo-frame-500x168.jpg

 

 

Efeito de Texto com CSS3

 

http://creativefan.com/files/2010/06/letterpress-500x233.jpg

 

 

Criar um visualizador de fotos com CSS3

 

http://creativefan.com/files/2010/06/polaroid.jpg

 

 

 

Recursos:

 

CSS3 Folha de códigos

 

http://creativefan.com/files/2010/06/cheat-sheet-css3-500x276.jpg

 

 

Seletores CSS3 Explicados

 

http://creativefan.com/files/2010/06/css3-selectors-500x339.png

 

 

Futuro da CSS - O modelo Box flexível

 

http://creativefan.com/files/2010/06/mpreview-499x215.jpg

 

 

Inspiração:

 

Showcase de sites construídos com CSS3

 

http://creativefan.com/files/2010/06/html5-website2.jpg

 

 

10 exemplos surpreendentes e inovadoras de CSS3 Animação

 

http://creativefan.com/files/2010/06/css-animation-500x281.jpg

 

 

 

Mais recursos:

 

• Como: jQuery Corners e CSS3
• Regra CSS Taquigrafia Clockwise
• Gradiente Fronteiras
• CSS minification no Fly
• Múltiplas Fundos CSS3 e usando jQuery
• A importância da declaração CSS
• Guia de Fontes Dimensionamento com CSS3
• Texto Shadow em CSS3
• Progressive Enhancement + CSS3 = Design Inteligente
• Firefox Suporte para Fundos Múltiplos
• Pure Character CSS3 Spiderman Cartoon
• Opacidade CSS3
• 11 Classic Técnicas CSS feito simples com CSS3
• Quick Tip: Entendendo CSS3 Gradients
• Coisas Impossíveis agora possível com CSS3
• Ícones Social no CSS3
• W3C Roteiro CSS3
• Entendimento Cores RGBA para CSS3
• Texto CSS3 Embalagem
• Texto CSS3 e Internacional
• Tooltips com CSS3

Artigos por outros grandes blogueiros

• 25 dos Efeitos Box CSS3 e jQuery
• 25 Recursos essenciais para aprender CSS3
• CSS3 Excitante Funções: 30 tutoriais úteis
• 20 úteis CSS3 Técnicas e tutoriais para criar botões
• 50 Excellent Desenvolvimento Web Tutorials usando CSS3
• 33 devem ler dicas, truques e técnicas
• 25 úteis CSS3 Técnicas e tutoriais

[João Prado 64]

Olá amigos do iMasters, estou trazendo este artigo com uma série de links para recursos CSS3 em geral (artigos, tutoriais, exemplos para inspiração, etc.).

 

Observem que todos os links endereçam para um site/artigo em inglês. Com o tempo pretendo ir traduzindo estes artigos, com o objetivo de disponibilizar para todos, material em língua portuguesa, onde o aprendizado se torna mais fácil e até rápido.

 

Os membros que quiserem colaborar traduzindo artigos, fiquem a vontade. Basta traduzir e postar na área de artigos e tutoriais e me comunicar via MP o link de seu artigo traduzido para que eu atualize esta do lista do site atual (em inglês) para o link de seu artigo.

 

Abraços