Last month, Michelle Barker wrote about redoing her website, and trying to build it without dependencies, using just HTML and CSS (with JS as a progressive enhancement to be added later).
👏👏👏. Hell yes. I can 100% get behind this.
Michelle came to a few of the same conclusion I have whenever I’ve tried an experiment like this: native CSS is really powerful today, but lacks two awesome features that Sass has—modular files, and nesting.
I also can’t give up my build process, that handles minifying and concatenating my files, optimizing SVGs, and so on. Michelle discovered something really cool that hadn’t occurred me: modern text editors can replace all that.
I use VS Code, and one Twitter user recommended an extension that allows you to compile Sass to CSS in your editor, without a build pipeline. This was a revelation, as I hadn’t really considered it as something my code editor could do before. It reminds me of Codekit, a GUI tool I used a few years ago for compiling Sass, and is certainly something I’ll try out at some point, although I don’t plan on adding Sass to my personal site at this point in time. It’s pretty impressive just how powerful VS Code is becoming. There are some other areas it could help with my development process too…
A lot of people think that vanilla JS—and the whole “vanilla” philosophy—is about hand-coding all the things.
But as Michelle’s post demonstrates, it’s really about simplifying your toolset. I don’t want to not use tools. I just want my tools to get out of the way so I can focus on the things I actually care about.
Go checkout Michelle’s whole post. There’s a lot of good stuff in there.