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?
Category Archives: Original Content
Progressive Enhancement and HTML Forms: use FormData
Thanks to FormData, it’s pretty easy to apply Progressive Enhancement onto forms.
The C in CSS (2022.04.20 @ Full Stack Ghent)
Yesterday I attended the April 2022 “Full Stack Ghent” Meetup, at the offices of In The Pocket. The evening consisted of 8 lightning talks. Being part of the speaker line-up, I kicked off the meetup with a talk titled “The C in CSS”. CSS is short for “Cascading Style Sheets”. But what exactly is this …
Continue reading “The C in CSS (2022.04.20 @ Full Stack Ghent)”
I’m joining the Chrome Developer Relations team at Google
From early May on, I’ll be working with Una, Adam, Jecelyn, and Jhey as a “Developer Relations Engineer, Chrome and Developer Tools”
What’s new in @bramus/specificity v2
Back in February I created @bramus/specificity, an NPM package to calculate the Specificity of CSS Selectors. As that version was more of a thought experiment/POC, there was a lot of room for improvement. Yesterday, after 11 betas, version 2.0.0 of @bramus/specificity was released. Let’s take a look … Quick Example To give you an idea …
WASD Controls on the Web: Don’t use KeyboardEvent.key but use KeyboardEvent.code
Beware when evaluating KeyboardEvent.key, as it doesn’t play nice with non-QWERTY keyboard layouts.
Embrace the Platform (UX Ghent)
Last week I was invited to speak at the March 2022 UX Ghent meetup, a frontend-themed edition. I gave a talk called “Embrace the Platform”, which is all about Progressive Enhancement. The slidedeck is up on slidr.io, and is also embedded below: The slides themselves won’t tell you that much, though. To know the details, …
Calculate the Specificity of a CSS Selector with @bramus/specificity
Introducing `@bramus/specificity`, a JavaScript package to calculate the specificity of a given CSS Selector
Generate a Pagination Number Sequence with @bramus/pagination-sequence
Introducing `@bramus/pagination-sequence`, a JavaScript package to generate a sequence of numbers for use in a pagination system, the clever way.
Not all Browsers are Created Equal (on iOS)
My nuanced opinion on the #AppleBrowserBan