Join James Williamson for an in-depth discussion in this video Project overview, part of CSS: Advanced Typographic Techniques.
Since we're going to be using lettering.js so often…during our projects, I wanted to start out…with a project that is going to highlight and really get used to working with it.…Now we're going to be focusing on recreating the typography…found on an edition of author James Case's Competition.…So I get to show you one of my favorite sites here.…This is the book cover archive at bookcoverarchive.com.…I love book cover design.…And one of the things that I thought about when I was planning…this course is, hey, how about finding, you know, a book cover…that I'm really fond of and then trying to recreate that through CSS.…
And this is one of the book covers that I saw.…And I like, yeah, I think we can not only do that with CSS.…But it gives me a chance to really highlight what lettering.js does for us.…Now if you take a look at the finished…project You can see here there's an image of…the book cover on the right hand side and on the left hand side is the actual CSS.…You can see that although…I didn't focus too much on the author's name and here is the tag…
- 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.