A rather geeky/technical weblog, est. 2001, by Bramus
Leveraging Chromium’s built-in EyeDroper API —which I wrote about earlier this year— Patrick Brosset created an extension for Chromium that allows you to pick a color from anywhere on your screen. In an accompanying blogpost he also explains how he built it: Back when I worked on the [EyeDroper API] article, I got interested in …
SponsorBlock is an open-source crowdsourced browser extension and open API for skipping sponsor segments in YouTube videos. Users submit when a sponsor happens from the extension, and the extension automatically skips sponsors it knows about using a privacy preserving query system. It also supports skipping other categories, such as intros, outros and reminders to subscribe, …
Continue reading “Automatically skip sponsored segments in YouTube videos with SponsorBlock”
@scroll-timeline (Part 4)
🚨 UPDATE: The Scroll-Linked Animations Specification and its proposed syntax have undergone a major rewrite. This post details an older version of the syntax and has not been updated to reflect these changes. Do note that the concept of a Scroll-Linked Animation still stands, it’s only the syntax that has changed since writing this. Please …
Continue reading “The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 4)“
Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today. There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design …
Continue reading “A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH”
Brent gives a good overview of the additions that will land in PHP 8.1: Enums Readonly Properties New in initalizers (yes!) Fibers Array unpacking while retaining keys First class callables Pure intersection types The new array_is_list function PHP 8.1 in 8 code blocks →
The folks at Expo have made it really easy to build (and publish!) your React Native applications on their infrastructure, with their Expo Application Services (EAS) offering: You can build your app with EAS Build and automatically submit to app stores with EAS Submit in minutes or less, thanks to automatically managed app signing credentials, …
Egor Kloos on closing the gap between design and development: I have never worked anywhere where there wasn’t someone trying to close the gap. This role is often filled in accidentally, and companies are totally unaware of the need. Recruiters have never heard of it, and IT consultancies don’t have the capability in their roster. …
Continue reading “The Gap between UX/Design and Development: The Design Engineer”
From fonts to animated movies, curves and surfaces constitute fundamental building blocks of many geometrical designs. We’ll see how complex surfaces are a natural extension of plain two dimensional curves. Throughout this article I’ll keep jumping back and forth between curves and surfaces to highlight how the ideas we develop for wiggly lines can be …
We are publishing a new major version of React Router so you can ship smaller, more efficient apps which will in turn lead to better user experiences. React Router v6 is the successor to all previous versions of React Router including v3 and v4/5. It is also the successor to Reach Router. React Router v6 …
No-JS Fingerprinting is a POC that you can do fingerprinting — a way of uniquely identifying browsers — without the need for JavaScript. Fingerprinting is a way of identifying browsers without the use of cookies or data storage. Created using properties like language and installed fonts, your fingerprint stays the same even if your browser …