Border-radius conferencia Lea Verou

Se você tem tempo e vontade para aprender as possibilidades de border-radius em CSS, vale a pena investir assistindo este vídeo.

Por Miguel Angel Alvarez - Tradução de Celeste Veiga


Publicado em: 25/11/13
Valorize este artigo:

Neste post comentamos sobre uma exposição muito ilustradora que vale a pena ver do principio ao fim, com uma das maiores craques do front-end como é Lea Verou, membro do W3C encarregada de relações com os desenvolvedores e criadora de projetos como Prism, Dabblet, -prefix-free, etc. A conferência "The humble border-radius" nos ensina muitas coisas, mas ,sobretudo, poderemos tirar como conclusão um humilde "só sei que nada sei".

Muitas das pessoas que cremos ter domínio das tecnologias ficaremos surpresos como de uma propriedade das CSS, que parece tão elementar e simples como border-radius se pode tirar tanto proveito. Durante 45 minutos você aprenderá muitas coisas, umas mais úteis que outras.

A propriedade border-radius admite vários tipos de jogos de valores, muitos talvez os conheçamos, porém outros seguramente nem sabíamos da sua existência , ademais a forma de trabalhar de todos os navegadores é bastante parecida, de modo que é ideal para utilizar em qualquer projeto.

Vão nos explicar tudo isso, mas a coisa vai mais além. Com os cantos arredondados podemos fazer formas como círculos, elipses, semicírculos, shapes ovaladas, etc. Além do mais, na conferencia, aprenderemos a fazer com que o texto de adapte a eles. Outras coisas interessantes que veremos são as sombras CSS e seu comportamento com as bordas arredondadas.

São 45 minutos que passam voando e com diversas referencias interessantes de serem vistas por qualquer pessoa apaixonada pelo desenvolvimento de web sites.

No final deste post você encontrará o vídeo completo da conferencia, mas queremos fazer uma menção especial aos slides, que são absolutamente impressionantes, desenvolvidos em um website com tecnologias 100% baseadas em standards abertos para a web. Você encontrará um excesso de saber fazer bem e exemplos impactantes de CSS e HTML5, ilustrações criadas com SVG puro, animação gerada com SMIL, equações e fórmulas matemáticas com MathML.... Você pode acessar online esta impactante apresentação em Humble-border-radius Slides. http://lea.verou.me/humble-border-radius

Sem mais demora, deixamos você com a apresentação desta conferência, oferecida durante o CSS Day (você pode ver o vídeo embebido abaixo destas linhas). Se você tiver tempo de vê-la agora, fantástico. Se não, salve esta referencia nos seus favoritos para consultá-la durante o fim de semana, que certamente distrairá você, além de aprender bastantes coisas úteis no seu dia a dia como desenvolvedor.





Manual: CSS 3

Comentários do artigo
Foram enviados 5 comentários ao artigo
5 comentários não revisados
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato