YoVDO

Responsive Typography on Steroids With Typetura

Offered By: Kevin Powell via YouTube

Tags

Responsive Typography Courses Web Development Courses CSS Animation Courses

Course Description

Overview

Explore responsive typography techniques using Typetura in this 20-minute video tutorial. Learn how to overcome limitations of clamp() by implementing context-aware typography that adapts to element containers rather than just viewport width. Discover how to set up keyframes, define custom contexts, add fallbacks, and animate properties beyond font size. Master the art of creating dynamic, responsive typography that enhances your web designs with advanced features like custom easing curves and contextual adaptations.

Syllabus

- Introduction
- What we're starting with
- The problem with clamp
- Adding Typetura to a project
- Setting up the keyframes and getting them working with a selector
- Adding a context
- Changing the max size
- Defining custom contexts
- Adding a fallback
- More than just font-sizes
- Easing


Taught by

Kevin Powell

Related Courses

CSS Animation With Latest Effects - 2020
Udemy
Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy
Level Up Your CSS Animation Skills
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
CSS - Basics to Adv for front end development
Udemy