Join James Williamson for an in-depth discussion in this video Using Modernizr to load scripts, part of CSS: Advanced Typographic Techniques.
Okay, so now that the default styles of our poster…are set, we can begin to enhance the design of it.…Now to do that we are going to need a couple of external resources.…And there are resources that we have already been using like…the lettering js library and some of our external web forms.…Now rather than loading those resources…separately we are going to use modernizers.…Loading capabilities to make that process a little bit…more efficient and certainly give us more power over it.…To do this I'am going to working on…the poster.HTML file found in the 06 05 directory.…
And the first thing that you will notice about this file is…that we have kind of jumped the forward in time a little bit.…You will notice on line seven we are loading up…the modernizer library and if you look at the styles.…You can see there's a lot more to them than there was before.…Now if you've done some of the earlier chapters some…of these styles probably look a little familiar to you.…Because it's using the ordinal memory system.…Character one, word one, that sort of thing.…
- 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.