2021 proved to be an eventful year for many of us. Personally, my year brought tremendous successes, failures, victories, and heartbreak. These last 365 days have felt like an entire lifetime!
Sass has been my go to CSS preprocessor for years, but with a recent CSS feature boom, it’s a good time to revisit whether or not I can lean completely on native CSS for all my Sass.
I have been thinking about web components a lot lately, and I wanted to see how we could start using them at The Container Store. The idea was to pick a simple component and recreate it as a web component, and the first candidate that came to mind is our frequently-used quantity stepper. The stepper appears in several places throughout the website, and it’s dependent on an embarrassing amount of jQuery.
In case you didn’t notice, I just pushed up the biggest adjustment to the site design since the last redesign in late 2020. I wanted to go through it briefly and talk about what’s next.
Update at the end
The gap property was first introduced to add inner grid spacing but was extended in the spec to work with flexbox. With one line of code, you can replace something like this:
Read more
of The curious case of flexbox gap and Safari
→
You don’t need to install a validation library to create rich client-side form validation experiences. HTML5’s native client-side form validation is widely-supported and easy to implement, and while its default functionality is limited, the native Constraint Validation API allows for custom behavior with JavaScript.
Read more
of Native form validation with JavaScript
→
As a developer, I love optimizing performance. Learning efficient algorithms makes me feel like a software engineer. But performance is not the only developer concern, nor should it be the first or second. David K. Piano recently pointed this out on Twitter, offering up a suggested framework:
Read more
of Hold off on optimizing JavaScript performance
→