A rather geeky/technical weblog, est. 2001, by Bramus
In addition to my talk “Embrace the Platform” at UX Ghent, James Gilyead and Trys Mudford from Clearleft also joined the meetup with a talk on Utopia. With Utopia you get to define the small- and large-screen layouts. All font sizes in between will be calculated by Utopia. Utopia →Meet Utopia: Designing And Building With …
Continue reading “Utopia – Elegantly scale type and space without breakpoints”
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 …
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”
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 …