I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the “a-ha!” moment for me: When you wrap some existing markup in a custom element and then apply some new behaviour with JavaScript, Read more…
Most days, I’m writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach for Sass tend to be when I need a @mixin to loop through a list of items or help keep common styles Read more…
There are plenty of ways to make neon signs with glow effects in Photoshop, but creating ultra-realistic neon signs usually involves advanced 3D modelling or having a genuine neon sign made in real life. However, the advances in AI technology now make it easy to generate highly realistic neon signs, Read more…
The key to creating authentic looking vintage designs is using the right assets, but genuine vintage tools and resources can be difficult to find! Thankfully this bundle has you covered with a variety of resources that are derived from various authentic sources, so you can inject a piece of history Read more…
Smashing Magazine invited me to sit down for a one-on-one with “Uncle” Dave Rupert to discuss web components, yes, but also check in on Dave’s new Microsoft gig and what the ShopTalk co-host is working on these days. I first met Dave in 2015 when CSS Dev Conf took place Read more…
It’s been a few months out since A Book Apart closed shop. I’m sad about it, of course. You probably are, too, if you have one of their many brightly-colored paperbacks sitting on a bookshelf strategically placed as a backdrop for your video calls. It looked for a bit like Read more…
This post came up following a conversation I had with Emilio Cobos — a senior developer at Mozilla and member of the CSSWG — about the last CSSWG group meeting. I wanted to know what he thought were the most exciting and interesting topics discussed at their last meeting, and Read more…
From June 11–13, the CSS Working Group (CSSWG) held its second face-to-face meeting of the year in Coruña, Spain, with a long agenda of new features and improvements coming to language. If 2023 brought us incredible advances like out-of-the-box nesting, container and style queries, or the has: selector, then 2024 Read more…
Sara Joy’s adaptation of the song “Everybody’s Free (To Wear Sunscreen)” (YouTube) originally by Baz Luhrman with lyrics pulled directly from Mary Schmich‘s classic essay, “Wear Sunscreen”. Anyone who has graduated high school since 1999 doesn’t even have to look up the song since it’s become an unofficial-official commencement ceremony Read more…
This grungy grainy style of image is often called the Xerox effect because of its similarity to old photocopied images. The image is given a high-contrast black-and-white appearance with shading generated by large grainy noise textures. Follow along with this tutorial to discover which combination of filters achieves the look Read more…
