NetTuts Discover Cutting Edge CSS3 Techniques
Date: 22 May 2011 | Posted by: bubbagump
NetTuts Discover Cutting Edge CSS3 Techniques
You’ll Learn about:
* The new CSS3 flexible box model, which takes the place of floats.
* Creating awesome, and unique shadows with psuedo elements
* CSS3 animations and transformations
* 3D CSS rotations
* How to listen for clicks with CSS
* Scaling elements, without affecting the document flow
* Text strokes in Webkit AND Mozilla!
* Some new CSS3 psuedo classes
* Cross-browser CSS3 gradients – both linear and radial
* Creating texture (noise) with canvas
* How to use the excellent Modernizr library, and how to extend it to support new, vendor-specific properties, like ‘-webkit-text-stroke’
You’ll learn about all of these techniques, as we develop a deceptively simple spinning ‘business card’. I go over every single detail to ensure that no-one is left behind. And if you do have a question, just leave a comment, and I’ll work with you!
The Full Series (2hrs)
* Part 1: Introduction
* Part 2: The CSS3 Flexible Box Model
* Part 3: Shadows
* Part 4: Extending Modernizr
* Part 5: Clever Background Gradients
* Part 6: Transitions and Transformations
* Part 7: Killer, Advanced Shadows and Creating Texture without Images
NO MIRRORS
See full article