A while back I noticed my cPanel/WHM server was struggling with renewing certificates through its AutoSSL feature. The error I got back was this: The “cPanel (powered by Sectigo)” provider cannot currently accept incoming requests. The system will try again later. Scouring the web for solutions I found some potential ones such as chmod’ing some …
Category Archives: Original Content
Style a parent element based on its number of children using CSS :has()
Leverage CSS :has() and :nth-child() to style a parent based on the number of children it has.
Container Queries: Style Queries
In CSS, Style Queries which allow querying computed values of a container. Let’s take a look at what that means …
Upgrading colors to HD on the web
Let’s take a look at how we can progressively enhance the color experience on the web, accessing color spaces such as display-p3.
CSS in 2022 (and beyond) (2022.09.09 @ Fronteers Conf)
On September 9, I was in Utrecht for Fronteers Conference 2022 – a conference I’ve been attending since back in 2009. This time – after a two year hiatus due to youknowwhat – I was very glad to be back! This time not as an attendee though, but as a speaker. In my talk I …
Continue reading “CSS in 2022 (and beyond) (2022.09.09 @ Fronteers Conf)“
Convert a Keynote presentation to a set of hi-res images
To create presentations I like to use Keynote, mainly thanks to its animation feature. I admit that it took me some time to get accustomed to it – and that not all is perfect – but I think I’ve become efficient at using it over time. The transitions and animations – such as seen in …
Continue reading “Convert a Keynote presentation to a set of hi-res images”
JavaScript: Restart all CSS Animations of an Element
Recently built a demo that demonstrated a specific animation. Only problem: if you missed it, you had no way of restarting it. Instead of forcing the visitor to reload the page, this little JavaScript-snippet – attached to a button click – did the trick: const restartAnimations = ($el) => { $el.getAnimations().forEach((anim) => { anim.cancel(); anim.play(); …
Continue reading “JavaScript: Restart all CSS Animations of an Element”
The Future of CSS: Variable Units, powered by Custom Properties
Thanks to Variable Units, authors can define Custom Properties and use them as units in their CSS
The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day)
On June 9 & 10, I was in Amsterdam for CSS Day – a conference I’ve been attending since it’s very first edition in 2013. This time – after a two year hiatus due to youknowwhat – I was very glad to be back! This time not as an attendee though, but as a speaker. …
Continue reading “The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day)“
Dark Mode Toggles Should be a Browser Feature
When implementing Dark Mode and ways to toggle it, developers currently need to duplicate code and roll their own toggle implementation. What if, instead, browsers would take care of all that?