A rather geeky/technical weblog, est. 2001, by Bramus
Recording of George Francis giving his talk “Generative design with CSS Houdini” at the most recent edition of London CSS Learn how the mystical powers of CSS Houdini can be harnessed to create ever-unique, generative user interfaces — think random patterns, shapes, animations, and more! Related: Random Paint Effects with Houdini
Patrick Brosset created a handy website that dumps the UA Client Hints your browser sends. Might come in handy. My User Agent Client Hints → Over at web.dev you can find an article that introduces User-Agent Client Hints
I’m a huge mapping nerd, so I’m a sucker for the Maps JavaScript API WebGL beta which was announced at Google I/O back in May: Introduced are three new features: WebGL Overlay View lets you add custom 2D and 3D graphics and animated content to your maps. Tilt and heading can now be adjusted programmatically, …
Percollate is a command-line tool that turns web pages into beautifully formatted PDF, EPUB, or HTML files. Installation per NPM npm install -g percollate Once installed you can, for example, run this: percollate epub https://brm.us/at-layer -o css-at-layer.epub Percollate will automatically extract the main content (powered by Mozilla’s Readability.js), perform some enhancements on it (such as …
min-content, max-content, and fit-content in CSS
In this guide, we cover what these keyword values are, their differences, and how they can apply to a real-world project. As a bonus, fit-content() (the function) is also covered. Understanding min-content, max-content, and fit-content in CSS →
View Getting Started with PWAs [Workshop] on Notist. Slides from Aaron Gustafson‘s PWA workshop at the PWA Summit. Aaron will walk you, step-by-step, through the process of turning a website into a PWA. Following along, you’ll author Web App Manifests and Service Workers and gain exposure to some next-gen APIs that tie them more deeply …
On YouTube I follow SmarterEveryDay. The latest published video is about the James Webb Space Telescope (JWST). The James Webb Space Telescope is an orbiting infrared observatory that will complement and extend the discoveries of the Hubble Space Telescope, with longer wavelength coverage and greatly improved sensitivity. The longer wavelengths enable Webb to look much …
Wonderful little tool by Rik Schennink to redact photos straight in the browser. The redacted parts can’t be reversed, as the pixels get randomly shifted before they are blurred. I've added this "How does it work?" section to https://t.co/EoDQGxV4An to explain why _I think_ its blurring is secure. https://t.co/bb1Wvj3JsV pic.twitter.com/KVGigqJHly — Rik Schennink (@rikschennink) October …
Continue reading “redact.photo – Free and Private Image Redaction in the Browser”
Over at Smashing Magazine, Stephanie Eckles has published an extensive piece on CSS Debugging. In my experience, CSS layout issues often fall out of one of the following categories: Overflow of content from its parent resulting in extra or unexpected scrollbars and content being pushed out of the regular viewport area. Inheriting browser inconsistencies leading …
They’re used for animation, text rendering, and all sorts of curved shapes! But how do they actually work? well, like, that’s what the video is about, so, watch it to find out etc!!