A rather geeky/technical weblog, est. 2001, by Bramus
In CSS we use the transform property to manage an element’s translation, rotation, and scale. As it’s one single combined property for all three possible transformations, setting transform: rotation(90deg); on an element will (re)set the values for translation and scale by falling back to their default values. This will change when the “CSS Transform Module …
Continue reading “Mocking Individual CSS Transform Functions using CSS Variables”
Profile of one of the dives I did in the Maldives, displayed using Subsurface Download the Virtual COM Port Drivers and reboot your iDevice. After that Subsurface should recognise your Suunto Vyper. As a diver one logs all his/her dives into a paper logbook. In the paper logbook one generally notes things like the gear …
Continue reading “Using Subsurface with a Suunto Vyper on macOS (OS X)”
line-height and vertical-alignLine-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline …
Continue reading “Deep dive CSS: font metrics, line-height and vertical-align“
Despite its name, reactive animations have nothing to do with React, the framework/library/whatever it is. Rather, reactive animations can be described in terms of discrete changes caused by any number of events. The overall idea is that JS captures multiple streams of events into a single stream, and emits those values over to CSS, where …
ally.jsally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. However, simply loading ally.js will not automagically make a web application accessible. The library provides certain standard functions the “web platform” should’ve provided itself, so JavaScript applications can be made accessible more easily. An example of the things provided by ally.js is ally.maintain.tabFocus …
Continue reading “Making accessibility simpler with ally.js“
Talking about The Oscars, the story behind the famous “Ellen Selfie” is quite interesting: From time to time, people ask me how that selfie came to be. It’s a pretty good story of collaboration, partnership and professionalism. And these days, a story with a happy ending is worth telling. Next to collaboration, partnership and professionalism …
The New Yorker, following the recent fuck-up at the Oscars where “La La Land” was mistakingly named as the winner for “Best Picture”: This bizarre event put one in mind of a simple but arresting thesis: that we are living in the Matrix, and something has gone wrong with the controllers. This idea was, I’m …
Continue reading “Did the Oscars Just Prove That We Are Living in a Computer Simulation?”
Great set of articles by Addy Osmani: In this series of posts I’ll share my experience turning React-based web apps into PWAs. We’ll also cover why shipping just what users need for a route & throwing out all other scripts are good ideas for fast perf. As with all articles by Addy: well-written, accurate, and …