HTML is supposed to be easy to learn. And sure, the basics are pretty clear, like when to use a p over an a . (But, lol, watch out for when to use a vs button ) There are several scenarios I think will plague me til the end of my webdev days, especially with a push towards components and templates that are to assume a consistent hierarchy (ha!) particularly when aiding dynamic and/or…
Style queries are an extended part of the containment spec which container queries also came from. TL;DR: they allow you to query for style features of a container and apply rules to its children. For example, if the --theme custom property has the value dark , then you can style child elements with a dark theme. This specific ability to query custom property values is available as of Chromium…
I have used Sass for a very long time within marketing departments, design system teams, and on many solo projects. My standout reasons as expanded upon in this post were: file organization list and maps looping static variable overrides See how "nesting" didn't even make that list (even though it absolutely is a feature I'm accustomed to using)? Meanwhile, it seemed like a significant portion of…
The amount of stuff that has landed in CSS in the past few years is kind of mind-boggling, and difficult to keep up with! Other folks have been posting the (impressively small, all things considered) list of things they've wished for, so I decided to join in. The other wishlists I know of to date are in the last section. My Wishlist # One reason I continue to use Sass is to use loops. And, part of…
2022 was a year of some personal changes. We moved to a new house, and my two kids started public school. Both of those things zapped a lot of my energy for several months and led to apathy toward web stuff. But it was a net gain for my mental health as we have improved our access to accommodations, and feel less on top of each other as a family. I'm finally feeling a little more energized and…
Sure your feature passed the unit tests, and QA says it's good to go - but is it? To really be sure, here are four types of tests that are best to consider critical to every feature from the start. Include these tests to improve the accessibility of your features and assist your users in successfully completing tasks. Color Contrast # Yes, this old chestnut again - the truly lowest-hanging fruit…
I've been writing my CSS via Sass for nearly a decade. And, I'll continue to do so even with all the tremendously awesome features making their way into CSS, including nesting. Why? Because I have found Sass to be an excellent complement to how I approach writing styles, particularly in a team environment. The ability to organize styles into directories such as for design system components but…
Once I got serious about developer content creation, it quickly inspired more and more content. Since January 2020, I've written over 100 articles, produced over 60 instructional videos, created a course for beginner webdevs , published 9 packages , 1 web app , maintain 3 blogs, and have many Eleventy-related projects. Blogging is what I'm most known for, and I actually was recruited for my…
I've solved the challenge of adding animation to a newly added DOM element several times by way of setTimeout to juggle classes that were tied to CSS transitions. Recently, a friend brought up that they were working on something similar, and it occurred to me that a switch to keyframes just might remove the need for JavaScript. So, I whipped up a quick CodePen to vet the idea and sure enough, it…
What are you using to build sites these days? For myself, all of my personal projects now use the static site generator Eleventy (check out my resources for that on 11ty.Rocks ). But before that, I briefly used Gulp due to being in a team environment and dealing with cross-environment concerns. It was also a pre-build step before manually copying files into the custom WordPress theme directory.…