CSS-Tricks Gets a Sparkly Makeover: Version 20 is Here!

TIME FOR A FRESH COAT OF GLITTER!

OMG, you guys! 💖✨ It’s finally here! CSS-Tricks has just launched its fabulous Version 20, and let me tell you, it’s like giving your old favorite outfit a sparkly makeover! After five long years of the same ol’ look, it’s about time they dusted off the paint brushes and added some glitter to the site! 🎨✨

So, what’s new in this shiny update? Well, first off, the biggest changes are the ones you can’t see! 👻 The site’s been around for 19 years, and let’s just say, it had a few ghosts hanging around in its theme. But like a true hero, the CSS-Tricks team decided to bust those ghosts and clear out some old baggage. They even retired the CSS-Tricks Forum, which was in archive mode since 2018. Talk about a clean sweep! 🌪️💨 They cleared out 400 MB from the database, making the site so much lighter and easier to navigate! Who doesn’t love that?

And let’s talk about workflows, shall we? 🙌✨ It’s like switching from a flip phone to the latest smartphone! The team is finally stepping away from Gulp and embracing a more modern workflow. They’ve added some super cool tools like Prettier and Stylelint, making code cleaner and prettier (we love a good pun!). The best part? Those annoying terminal errors are gone! It’s running like a dream, and I couldn’t be happier for them! 🎉✨

Now, here’s where it gets extra exciting—AI is in the mix! 😍🤖 The team used AI to help with a holistic audit, checking for security issues and making sure everything was up to snuff. I mean, how cool is that? It’s like having a little helper that does the nitty-gritty stuff while they focus on the front-end magic! Talk about teamwork!

As for the look of the site, it’s gone from a somewhat cluttered style to a more organized and polished design! 💖✨ Sure, there are still a few tweaks needed here and there, but the overall CSS size has dropped, which is a major win! From 180 KB to 169 KB, every little bit counts, right? So, if you’re ready to explore the new sparkly world of CSS-Tricks Version 20, go check it out! It’s time to embrace the glow-up! ✨🌈