In the past I’ve seen some demos like this one that use JavaScript/math to calculate the hover direction upon mouseenter. Detecting the direction is also possible sans JavaScript, by adding triangular hitareas to a box/link in combination with the CSS General Sibling Selector (viz. ~) to rotate the content. Internally it looks like this: Note …
CSS Memes Debunked
“Are You Fucking Kidding Me?” by Hillary Clinton (Parody)
Great satirical piece by a fake Hillary Clinton account on Medium: None of you gave a fuck about my email server. None of you even knows what a fucking email server is or does. You were just waiting for any excuse — any excuse at all — to be like “yep, that’s why I hate that bitch.” 😂 Are …
Continue reading ““Are You Fucking Kidding Me?” by Hillary Clinton (Parody)”
Prevent time drift in Docker with docker-time-sync-agent
Today, at work, a colleague of mine ran into some time issues with his Docker containers: the time was clearly off. Turns out it’s a common problem: Docker’s daemon fails to update the VM’s time after computer wakes up from sleep. The result is that VM’s clock will be set to a past time. This …
Continue reading “Prevent time drift in Docker with docker-time-sync-agent“
ESNext: JavaScript “Optional Chaining Operator”
UPDATE February 2018: The proposed operator got renamed from “Null Propagation Operator” to “Optional Chaining Operator”. This post has been updated to reflect this name-change. UPDATE December 2019: This feature has now advanced to Stage-4 and will be part of the ES2020 Specification! 🎉 Earlier today I was delighted to see that the “Optional Chaining …
Continue reading “ESNext: JavaScript “Optional Chaining Operator””
The Death Star and the Final Trench Run
At the end of the original film, Rebel ships fly along the Death Star trench in an attempt to blow up the space station. […] Can you point to the trench that Luke and the Rebels flew down to fire upon the exhaust port that would ultimately destroy the space station? And nopes, it’s not …
Wire – Modern communication. Full privacy.
Wire is a modern, private communications tool offering free text, voice, video, pictures, and much more. Wire is available on iOS, Android and desktop. Wire conversations are end-to-end encrypted, ensuring all data is private and secure. There are no ads, banners, popups, takeovers — none of that. Wire does not sell your usage data to …
Continue reading “Wire – Modern communication. Full privacy.”
Using Immutable Caching To Speed Up The Web
Firefox shipped with support for Cache-Control: Immutable: The benefits of immutable mean that when a page is refreshed, which is an extremely common social media scenario, elements that were previously marked immutable with an HTTP response header do not have to be revalidated with the server. No more 304‘s for those resources, because the browser …
Continue reading “Using Immutable Caching To Speed Up The Web”
Chris Turnham House Illustration
How to design clarity in 3 steps
This article is a quick summary of a basic design course. It addresses a simple question: How do you design interactive systems that are easy to understand? Well, it all comes down to two things: structure and process. Next to the content itself, I especially love the (animated) visuals created for this article. Now I …