Discover Cutting Edge CSS3 Techniques - Tuts+ Marketplace Web Development

Discover Cutting Edge CSS3 Techniques

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

 

File name: discover-cutting-edge-css3-techniques.zip
File size:163.45 MB