Live Analytics
Comments 0
No more clamp() magic numbers Analytics Table
Income Estimates for No more clamp() magic numbers
Based on this YouTube video's total view count of 61.8K views and industry-standard rates, the estimated total earning is $43 - $124 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.
About No more clamp() magic numbers
Explore No more clamp() magic numbers with 61,852 views, 1,574 likes, and 99 comments. Experience the impact of this video content that has captured audience attention.
๐ Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video ๐ Links โ Give Matthew Morete a follow (thanks Matthew!): https://matthewmorete.com/ - https://bsky.app/profile/matthewmorete.com โ Utopia: https://utopia.fyi/ โ More on progress() on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/progress Fluid type with clamp() means magic numbers you have to work out every time. The new CSS progress() function makes it predictable and readable, type scales included, and the tan(atan2()) trick lets you use the same approach today in every browser. โ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter ๐ฌ Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK โญ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co ๐ Start writing CSS with confidence with CSS Demystified: https://cssdemystified.com ๐ Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/ --- Help support my channel ๐จโ๐ Get a course: https://www.kevinpowell.co/courses ๐ Buy a shirt: https://cottonbureau.com/people/kevin-powell ๐ Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join --- ๐งโ๐ป My editors: In most videos, Iโm using CodePen these days: https://codepen.io/ - with High Contrast Dark theme and the font Commit Mono And if not CodePen, then Iโm probably using Zed: https://zed.dev/ with the theme Ayu Dark, and the font ZedMono In older videos, I was using VS Code - https://code.visualstudio.com/ with the theme One Dark Pro Var, and the font Cascadia --- โ Timestamps: 0:00 - The problem with clamp() 0:42 - Why clamp() type scales fall out of sync 1:51 - How progress() works 3:43 - Making it more readable 4:51 - Switching to rem 5:37 - Fluid type scales with progress() 7:31 - Cleaning up the type scale math 8:57 - Using it today: browser support 10:16 - The tan(atan2()) fallback 11:20 - Why this beats a generator 12:42 - Specific font sizes (no type scale) 13:34 - Wrapping up --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel: Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome! #css
About YouTube Real-Time View Count
With SocialCounts.orgโs view counter, track your YouTube videoโs live view count and YouTube likes count in real time with fast, reliable updates.
Watch every YouTube video live view count rise with our real-time YouTube views trackerโbuilt for accuracy and minimal delay.
Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.
Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.orgโs smart tracking tools.
Embed Widget
Parameters:
fullscreen=true- Fullscreen countergraph=true- Live graph chartcounter=0/1/2- Select counter (0=likes, 1=views, 2=comments)
URL
Click to copy the embed URL to your clipboard

