Join James Williamson for an in-depth discussion in this video Conditional resource loading, part of CSS: Advanced Typographic Techniques.
Often it doesn't really make sense to load resources if…the device or user agent doesn't support that particular functionality.…The web fonts certainly fall into that category.…If the device doesn't support them it doesn't really make a whole lot…of sense to force the user agent to download all of those fonts.…So, let's take a look at how we can use Modernizer…to make sure that only the resources that you need are loaded.…So we're picking up right where we left off in…the last exercise.…This time working on the poster file from the 06_06 directory.…So I'm going to go right back into our loader object.…
Now it's important to remember where we are.…Remember this one right here is loading up our Jquery…library and this one, the one underneath it, is loading up…lettering and then when lettering is finished, it's running a…function that applies lettering js to the element on the page…that we want.…Okay so we need another one in order to do conditional resource loading.…So after the closing curly brace for the lettering, I'm…
- 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.