Descrição
In this 7-part video series, we’ll dive into the latest CSS3 tricks and techniques, while still paying close attention to older browsers that do not support the latest advancements in CSS – things like transitions, gradients, etc.
To do so, we’ll, as a bonus, play around a bit with JavaScript, canvas, and the excellent Modernizr browser to provide feature detection.
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
