Una veloce panoramica sui moduli più “maturi” delle nuove specifiche, con un approccio pratico nell’analisi di soluzioni reali pronte per essere utilizzate da subito sui browser più moderni. Tra gli argomenti trattati: web font, selettori, bordi e background, colori, trasformazioni 2D, media queries. CSS3 ready to use. Quick introduction to the new specifications.

1. CSS3… PRONTI ALL’USO! Introduzione ai moduli più “maturi” delle nuove specifiche di Filippo Buratti

2. CSS3 != HTML5 1996 1999 2002 2005 2008 2011

3. CSS VENDOR PREFIXES -moz -webkit -ms -o-

4. PROGRESSIVE ENHANCEMENT IE9 IE7

8. WEB FONTS Libertà tipografica!

11. COLORS

12. RGBA VS OPACITY /* background: url(bg-black.png); */ background: rgba(0,0,0, 0.5);

13. BACKGROUND & BORDERS Effetti grafici “cool” con i fogli di stile

18. 2D TRANSFORM Photoshop, Javascript ? no, CSS3!

19. TRANSFORM FUNCTIONS rotate scale skew translate rotate(5deg) scale(1.2) Skew(30deg) Translate(0,30px )

21. MEDIA QUERIES

23. COSA MANCA?