CSS: Advanced Typographic Techniques (2013) [repost]

CSS is a veritable playground for type designers. It allows you to push the boundaries of typography, and explore new creative possibilities. In this course, senior lynda.com author James Williamson explores a number of advanced CSS typographic effects, including text shadows, animation, transforms, and transitions. Plus, learn to use the JavaScript libraries Lettering.js and Modernizr library to control aspects of typography that typical CSS does not.

Introduction 2m 21s
Welcome 58s
Using the exercise files 1m 23s

1. Getting Started 24m 39s
Course overview 1m 23s
Controlling font rendering 5m 36s
Introducing Lettering.js 7m 28s
Web font options 4m 37s
Browsing Adobe Edge Web Fonts 5m 35s

2. Using Lettering.js 35m 26s
Project overview 1m 23s
Enabling Lettering.js 6m 14s
Controlling text wrapping 4m 47s
Adding kerning 8m 29s
Controlling stacking 4m 38s
Adding text shadows 9m 55s

3. Creating Dimensional Text 19m 57s
Project overview 37s
Adding dimensions to text 4m 31s
Using gradients 5m 56s
Working with drop shadows 5m 19s
Using 2D transforms 3m 34s

4. Creating Refracted Text 43m 8s
Project overview 1m 25s
Structuring HTML 3m 16s
Using generated content 3m 40s
Giving text a 3D look 5m 22s
Simulating submerged text 5m 59s
Clipping text 6m 40s
Applying perspective 5m 4s
Using 3D transforms 7m 55s
Aligning split text 3m 47s

5. Animating Text 23m 42s
Project overview 48s
Creating blurred text 2m 45s
Creating transitions 3m 40s
Triggering transitions 3m 28s
Creating keyframe animations 6m 49s
Enabling animations 6m 12s

6. Using Modernizr 43m 17s
Project overview 2m 3s
Downloading Modernizr 5m 8s
Modernizr basics 6m 25s
Creating default styles 5m 14s
Using Modernizr to load scripts 8m 2s
Conditional resource loading 4m 15s
Using vendor prefixes 6m 45s
Extending Modernizr 5m 25s

Conclusion 2m 11s
Additional resources 2m 11s