Easily generate nice looking Color Matrix Filters for your images For use with the <feColorMatrix /> SVG filter. SVG Color Matrix Mixer →
Easily generate a <feColorMatrix> with SVG Color Matrix Mixer
Easily generate a
A visual guide to SSH tunnels
Great work by Linmiao Xu: SSH tunnels are encrypted TCP connections between SSH clients and servers that allows traffic entering one side of the tunnel to transparently exit through the other. This page explains use cases and examples of SSH tunnels while visually presenting the traffic flows. Also comes with the commands … handy! A …
Exploring @property and its Animating Powers
Over at CSS-Tricks Jhey Tompkins has written a solid piece on the amazing @property and the possibilities it opens: We can give the browser the information is needs to transition and animate those properties! Covered in the post, amongst many other interesting demos, are Jhey’s own Pure CSS Stopwatch and my own animated gradient border …
Continue reading “Exploring @property and its Animating Powers”
Drive & Listen — Drive around cities while listening to their local radios
Now this is a fun distraction: watch dashcam footage of a car driving around a city with the local radio on. Turn on Street Noise for that extra effect. Drive & Listen →
The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)
Control the behavior of JavaScript imports with Import Maps
Shipping in Chrome 89 are Import Maps, which allows control over what URLs get fetched when importing modules. Let’s take a look at this very welcome addition. When importing ES Modules (on the web), you need to refer to them using their full filenames or URLs: import moment from “/js/moment/moment.js”; import { partition } from …
Continue reading “Control the behavior of JavaScript imports with Import Maps”
Why do we, like, hesitate when we, um, speak?
For as long as we’ve had language, some people have tried to control it. And some of the most frequent targets of this communication regulation are the ums, ers, and likes that pepper our conversations. These linguistic fillers occur roughly 2 to 3 times per minute in natural speech. So are ums and uhs just …
Continue reading “Why do we, like, hesitate when we, um, speak?”
How I cut GTA Online loading times by 70%
Interesting read on how GTA Online player t0st got elbow deep into disassembling GTA Online to fix its poor loading times. After taking a minute to load the common resources used for both story and online modes (which is near on par with high-end PCs) GTA decides to max out a single core on my …
Continue reading “How I cut GTA Online loading times by 70%”
Firefox State Partitioning
State Partitioning is an interesting privacy feature shipping with Firefox 86. With State Partitioning, shared state such as cookies, localStorage, etc. will be partitioned (isolated) by the top-level website you’re visiting. In other words, every first party and its embedded third-party contexts will be put into a self-contained bucket. Applies to every embedded third-party resource …
Inspecting Safari on iPhone using the Safari (on desktop) DevTools
Harry Roberts explains how to inspect pages from MobileSafari (on your iDevice) using the Safari (on your Mac) DevTools. It’s been a while since I’ve done this, but if I recall correctly you can — once set up — also debug pages in MobileSafari without needing a physical USB connection. It’ll run over Bluetooth. Measuring …
Continue reading “Inspecting Safari on iPhone using the Safari (on desktop) DevTools”