Presentación de Félix Zapata acerca de CSS 3 @ Tanta Comunicación.

1. Acerca de CSS 3

2. ¿De qué estamos hablando?
¿De qué estamos hablando?

3. ¿De qué estamos hablando?
¿De qué estamos hablando?

4. ¿De qué estamos hablando?
¿De qué estamos hablando?
Do websites need to look exactly the same in
every browser?
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
http://www.designerstoolbox.com/designresources/elements/

5. ¿De qué estamos hablando?
¿De qué estamos hablando?
Do websites need to be experienced exactly the
same in every browser?
http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

6. Qué se puede usar a día de hoy
Qué se puede usar a día de hoy
• border‐radius
• text‐shadow
• box shadow
box‐shadow
• múltiples imágenes de fondo
p g
• opacidades
• RGBA

7. Qué se puede usar a día de hoy
Qué se puede usar a día de hoy

8. border‐radius
border radius
http://www.css3.info/preview/rounded border/
http://www css3 info/preview/rounded-border/

9. text‐shadow
text shadow
http://www.css3.info/preview/text shadow/
http://www css3 info/preview/text-shadow/
http://www.css3exp.com/code/view/

10. box‐shadow
box shadow
http://www.css3.info/preview/box shadow/
http://www css3 info/preview/box-shadow/

11. Múltiples imágenes de fondo
Múltiples imágenes de fondo
http://www.css3.info/preview/multiple backgrounds/
http://www css3 info/preview/multiple-backgrounds/

12. Opacidad y RGBA
Opacidad y RGBA
http://www.css3.info/preview/rgba/
http://www css3 info/preview/rgba/

13. … y mucho más
y mucho más
• css3 gradients
• css3 transforms
• css3 animations
css3 animations
• css3 media queries and multi‐column layout
q y

14. Vigilar las estadísticas
Vigilar las estadísticas
• http://gs.statcounter.com/
•http://www.w3schools.com/browsers/browsers_stats.asp

15. @tantacom
@felixzapata