Join James Williamson for an in-depth discussion in this video Project overview, part of CSS: Advanced Typographic Techniques.
For our final chapter, I wanted to take an in depth look at another Java Script…library, that can really help you out, when…you are working with more advanced CSS techniques.…And that would be Modernizr.…Now compared to some of our previous exercises, the…project for this chapter is a little bit more complex.…Let me show you the finished version of it.…We're going to be building a CSS based poster that,…sort of, is inspired by those woodblock type effects.…And this is a line from one my favorite Avett Brothers songs, All My Mistakes.…
And if I switch over to the code, and we take a closer look at the code, you can…see there is a little bit more complexity, than…some of the projects that we've been working on before.…There's certainly a lot more code going on here.…However, we're not going to build every line of this, line…by line, like we have in some of the other projects.…Rather, we're going to focus…on how Modernizr can help us create fall backs, as well as…it can help us with the loading, and managing of our page resources.…
- Controlling font rendering with CSS
- Using web fonts
- Adjusting kerning
- Adding dimension to text
- Working with gradients and drop shadows
- Using 2D and 3D transforms
- Applying perspective
- Aligning split text
- Creating and triggering transitions
- Enabling animations
- Extending CSS with Lettering.js and Modernizr
Skill Level Intermediate
1. Getting Started
2. Using Lettering.js
3. Creating Dimensional Text
4. Creating Refracted Text
5. Animating Text
6. Using Modernizr
Additional resources2m 11s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.