Stop Writing Bad Abstractions – Clean Code Tips That Work

attr() Is My New Favorite CSS Function

NEW Next.js TypeScript Features

Add Beautiful Blurry Image Loading With 3 Lines of Code

Having the ability to do if statements in CSS would have been a dream of mine years ago, and it is finally a reality. Surprisingly, though, I don’t think I will end up using them much (if at all). In this video I will show you how these if statements work as well as talk about why I don’t see much use for them.


📚 Materials/References:

CSS attr() Video: https://youtu.be/WcNWf6edIcc


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:24 - The problem
01:32 - if CSS function
05:02 - if style checks
07:00 - Example use case for if function
09:13 - if attr checks


#CSS #WDS #CSSIf

CSS Finally Has if() Statements (but I don’t think I will use them)

Stop Writing Bad Abstractions – Clean Code Tips That Work

attr() Is My New Favorite CSS Function

NEW Next.js TypeScript Features

Add Beautiful Blurry Image Loading With 3 Lines of Code