Join James Williamson for an in-depth discussion in this video Extending Modernizr, part of CSS: Advanced Typographic Techniques.
We're almost finished with our poster.…Now, I'd really love to add a text shadow to non-webkit browsers.…You can see I have the poster here opened in Firefox.…And it would be really nice to have, sort of…a text shadow to offset that color a little bit.…But I really can't filter that out using vendor…prefixes, or even using the default build of Modernizr.…Now, unfortunately, as is the case with…the text value of the background clip property.…Modernizr isn't going to be able to detect…for every feature that you need to check for.…The good news, however, is that modernizr is built to be extended, which…means you can often add detection for the, exactly the features that you need.…
So, here I'm back in my code editor, and I am…working on our final file, posted at HTM from the 0608 directory.…And what I'm going to do, is I'm going to use the add test function.…So modernizr…is built so that it has a function called add test that allows you to say.…Hey I want you to check for for this property,…and then I want you to do this with it.…
- 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.