A rather geeky/technical weblog, est. 2001, by Bramus
transition.css
transition.css is a handy stylesheet by Adam Argyle, full of transitions you can apply on your page. Simply import the stylesheet and set a transition-style attribute on the elements you wish to animate for the effect to kick in: <link rel="stylesheet" href="https://unpkg.com/transition-style" /> <div transition-style="in:wipe:up">👍</div> Not explicitly mentioned on the demo page (but is in …
Continue reading “Drop-in CSS transitions with transition.css“
<feColorMatrix> with SVG Color Matrix Mixer
Easily generate nice looking Color Matrix Filters for your images For use with the <feColorMatrix /> SVG filter. SVG Color Matrix Mixer →
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 …
@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”
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 →
@scroll-timeline (Part 2)
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”
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?”
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%”
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 …