A rather geeky/technical weblog, est. 2001, by Bramus
With Adobe Flash now gone, there’s no way to play SWF files. For sites like The Web Archive this can be troublesome as many of the old Flash-built websites will no longer be viewable. Ruffle will help them out: Ruffle is a Flash Player emulator written in Rust. Ruffle runs natively on all modern operating …
Continue reading “Ruffle — Flash Player Emulator built in Rust”
Two part series by Stephanie Eckles on CSS Selectors In this two-part mini-series, we’ll explore some of the more advanced CSS selectors, and examples of when to use them. Even if you’re doing frontend but not primarily writing CSS you should learn these, along with the basic CSS vocabulary. This knowledge will allow you read …
Ryan Chandler shares how to configure your GitHub Actions Workflow in such a way that they skip a build when a certain word appears in the commit message. jobs: format: runs-on: ubuntu-latest if: "! contains(github.event.head_commit.message, 'nobuild')" You can also flip it around, to only build whenever a specific word is present. Running GitHub Actions for …
Continue reading “Running GitHub Actions for Certain Commit Messages”
Version 3.0 of the aforementioned Snowpack got released, and it’s quite exciting I must say! Pre-bundled streaming imports – Import any npm package, on-demand. Integrated build optimizations – Built-in bundling, preloading, minification, and more. JavaScript API – Integrate with Snowpack’s brand new native JS API. Node.js Runtime API – Import your Snowpack-built files directly into …
Last summer Kilian Valkhof did a wonderful write-up on the Polypane blog covering CSS Media Queries. Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and …
This message by Elaina Natario writing over at Thoughtbot cannot be repeated enough: While both the alt attribute and the figcaption element provide a way to describe images, the way we write for them is different. alt descriptions should be functional; figcaption descriptions should be editorial or illustrative. Examples of both functional and editorial descriptions …
Nice demo on CodePen by Ryan Mulligan, featuring some sections with a sticky parallax background image: See the Pen CSS Sticky Parallax Sections by Ryan Mulligan (@hexagoncircle) on CodePen. I expected to find the the translateZ() + scale() method to create the parallax layers in there, but turns out Ryan took another approach: Scale down …
Recently I saw this tweet by Marco Denic fly by: CSS tip: Did you know that you can use your own image, or even emoji as a cursor? pic.twitter.com/P25wSJ0ui6 — Marko ⚡ Denic (@denicmarko) January 6, 2021 To use an emoji as the cursor you can’t simply type in the emoji though. /* ❌ This …
Continue reading “Use an Emoji as the Mouse Cursor on a Website”
I especially like the New CSS Angle Visualization Tool 🙂 What’s New In DevTools (Chrome 88) →
At the headquarters of Cloudflare, in San Francisco, there’s a wall of lava lamps: the Entropy Wall. They’re used to generate random numbers and keep a good bit of the internet secure: here’s how. How geeky! 🤩