A rather geeky/technical weblog, est. 2001, by Bramus
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”
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”
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 →
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”
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 …
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 …
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 …
@bramus/specificity
Introducing `@bramus/specificity`, a JavaScript package to calculate the specificity of a given CSS Selector
@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.
Fun little wordle-inspired guess game where you get presented a country shape and you need to guess its name. Per guess you get to see how far off you are and which direction to look into. Worldle → Related: Globle also lets you search for a country, without an initial shape hint. If you want …
Continue reading “Worldle — Name the Country based on its Shape”