Join James Williamson for an in-depth discussion in this video Using vendor prefixes, part of CSS: Advanced Typographic Techniques.
- View Offline
- Exercise Files
Unfortunately, Modernizr can't detect everything.…You know, there are just going to be times that…a particular feature that you're trying to detect, either…isn't a part of Modernizr, or you know, Modernizr…just may not be the best solution for it.…Well in those cases, a lot of times, you have to get pretty creative.…I want to take a look at how we can use vendor prefixes,…to help us out when we're on that sort of bleeding edge of CSS.…So, here we are in the poster file from 0607, and I…just want to preview this in the browser to kind of show you what's happening here.…Okay, so we're kind of where we were before.…
Everything's looking good.…The style looks the way we want it to, but what I'd really like to…do, is I have this woodgrain texture that I would love to add to the text.…I think it would really make it look nice, and it would sort…of invoke that feel of wood cut type that I really want here.…Okay?…And in order to do that, I have to apply that image inside the text.…Well, that's not easy to do.…As a matter of fact, there is only one rendering engine…
- 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.