Container Query Units and Fluid Typography
Stephanie Eckles explores three fluid typography techniques applied via a “mixin” using custom properties.
Issue #547
▶ The simple trick to transition from 0 to auto with CSS
Kevin Powell shows how to animate or transition to and from height: auto; using CSS Grid.
From Our Sponsor
Master Math and Computer Science with Brilliant
Are you looking to build in-demand skills that can give you an edge in your career? Look no further than Brilliant. Their visual, interactive lessons make complex concepts feel intuitive and easy to understand.
You can get hands-on with everything from AI and neural networks to data analysis. Plus, their bite-size lessons are perfect for busy people who want to skill up on their own time.
Whether you’re a professional looking to hone dormant skills or a lifelong learner interested in building new ones, Brilliant has something for everyone. Join over 10 million learners worldwide and get a 30-day free trial today.
CSS Weekly on YouTube
▶ 7 Practical CSS Typography Tips & Tricks
Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets, and use Color Fonts.
▶ Play/Pause All CSS Animations on a Page Using DevTools Console
A quick tip showing you how to use document.getAnimations() to view and manipulate (play/pause) all CSS Animations, CSS Transitions, and Web Animations on a page using Console in DevTools.
▶ 5 Mind-Blowing CSS-Only Games
A quick overview of impressive CSS-only games, including puzzles, 3d-shooters, point-and-click adventures, and more.
Promoted Link
Make Smarter Business Decisions with The Information
Invest in your success with The Information. Their team of expert journalists provide exclusive insights into the people, trends, and forces that are defining the future of technology and business, so you’ll always be in the know.
Inspiration
CSS Only Fire
Simon Goellner created a mesmerizing animation with pure CSS.