CSS: Advanced Typographic Techniques (2013)

MP4 | AVC 298kbps | English | 960x540 | 15fps | 3h 14mins | AAC stereo 128kbps | 662 MB

Genre: Video Training

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