I joined the UX Ghent Virtual Meetup to talk about how authors should embrace the features the web platform gives them, building websites with the Progressive Enhancement mindset.
Embrace the Platform (2022.03.03 @ UX Ghent)
Author Archives: Bramus!
A meta Tweet
Check this tweet by Chris Johnson: it’s a tweet with a link whose preview image shows the actual number of retweets and likes for said tweet. A meta tweet.https://t.co/lvaYUszJaE — Chris Johnson (@defaced) January 25, 2022 Cool! In a later tweet, Chris shares how it’s done: How this works!👷♀️ A @Cloudflare worker responds to requests …
Container queries, the next step towards a truly modular CSS
At JSWORLD Conference, Maarten van Hoof presented “Container queries, the next step towards a truly modular CSS” Modular, componentized frameworks and libraries are more popular than ever, but currently screen size is the only dimensional constraint to which a web design can adapt to. In this talk, Maarten will explain what Container Queries are and …
Continue reading “Container queries, the next step towards a truly modular CSS”
Eleventy plugin for static rendering of Lit components
The Lit team is pleased to announce an experimental preview release of @lit-labs/eleventy-plugin-lit, a new plugin for Eleventy that renders your Lit components as static HTML during your Eleventy build, and lets you hydrate them after your JavaScript loads. This is pretty nice, as out comes Declarative Shadow DOM-compatible which Chromium-based browsers can render, while …
Continue reading “Eleventy plugin for static rendering of Lit components”
Decipher pixelated images with unredacter
Unredacter shows you why you should never ever ever use pixelation as a redaction technique. As mentioned in the accompanying write-up: The bottom line is that when you need to redact text, use black bars covering the whole text. Never use anything else. No pixelization, no blurring, no fuzzing, no swirling. unredacter (GitHub) →Never, Ever, …
Continue reading “Decipher pixelated images with unredacter”
Interop 2022 Dashboard
The Interop 2022 Dashboard is live. On it, you can track the progress per browser engine as they work on Interop 2022, which I covered some time ago here. Furthermore, the announcements by all browser vendors (Mozilla, Microsoft, Google, Apple) and invested companies (Bocoup, Igalia) have been published as well. Interop 2022 Dashboard →
Building Web Layouts For Dual-Screen And Foldable Devices
One topic that’s been sitting in my “to write about” queue for quite some time now is CSS for Dual-screen devices. Looks like I can scrap that one, as Stephanie Stimac wrote the post, which got published on Smashing Magazine Foldable devices are available to purchase, and are currently being used by consumers today, and …
Continue reading “Building Web Layouts For Dual-Screen And Foldable Devices”
A Blog Post About Blogging
Michelle Barker: I find the best way to learn about a technical concept is by writing about it. Often I’ll refer back to a blog post I’ve written in the past, to refresh my memory. Sometimes the act of writing itself is enough to preserve it in my mind. Hear hear! The same goes with …
Flexbox Dynamic Line Separator
Nice one by Ahmad Shadeed: a line-separator between two flex items that plays nice with either flex-directions. The line itself is dynamically injected using generated content. As it becomes part of the flexbox layout it’s contained in — something I didn’t know — you can control its flex properties. The trick is to: Stretch the …
MonitorControl
Now this is a handy app when working on a Mac with a multi-screen setup. Control your display’s brightness & volume on your Mac as if it was a native Apple Display. Use Apple Keyboard keys or custom shortcuts. Shows the native macOS OSDs. Depending on which display your cursor is over at, the keystrokes …