How I Built My Own Shadcn Library

CSS Style Queries Have So Much Potential

No One Talks About This Amazing VSCode Feature

attr() Is My New Favorite CSS Function

I have done tons of CSS Battles, but I have never actually played by the correct rules. I always try to build the CSS Battle as quickly as possible, but in this video I decided to write the code properly by trying to use the minimal amount of characters and wow it is hard. I will show you the various attempts I make to solve this simple looking CSS Battle and the many weird optimizations we can do.


🌎 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:30 - Initial design
07:51 - First attempt at minimization
13:50 - Second minimization attempt
24:05 - Final optimizations


#CSSBattle #WDS #CSS

This Was So Much Harder Than I Thought

How I Built My Own Shadcn Library

CSS Style Queries Have So Much Potential

No One Talks About This Amazing VSCode Feature

attr() Is My New Favorite CSS Function