A rather geeky/technical weblog, est. 2001, by Bramus
Yesterday evening I was working on a documentation page. The page layout is quite classic, as it consists of a content pane on the left and a sidebar navigation on the right. Looking for a way to make the page less dull I decided to add a few small things to it: Smooth Scrolling when …
Continue reading “Smooth Scrolling Sticky ScrollSpy Navigation”
Ever since mid december I’ve had a few reports from people that they were seeing my blog – the thing you’re reading now – rendered in unreadable text. Instead of seeing a nice serif font, they got presented with some wingdings-like symbols for all the text when visiting through Chrome on macOS. Hmm, unreadable on …
Continue reading “Chrome vs. WordPress: All Text Showing as Glyphs / Symbols 🤯”
# Individual Transform Properties New in Firefox 72 is the ability to individually define CSS Transform Properties. You can now separately define scale, rotate, and translate CSS properties, instead of having to chuff them all into one single transform property. The translate, rotate, and scale properties allow authors to specify simple transforms independently, in a …
Must say I’m quite excited about Snowpack (formerly known as @pika/web, which I covered here) which just got released. With Snowpack you can build modern web apps (with React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler every time you hit save. Instead, changes are ready in the …
Continue reading “Snowpack – build modern web apps without a bundler”
Peak Map allows you to visualize elevation of any area on the map with filled area charts (also known as a ridgeline) Think of Joy Division’s famous “Unknown Pleasures” album cover, but then as a map of the world. What surprised me is that here’s no set of pre-generated custom map tiles, but they are …
There’s a good deep dive into SVG Properties and CSS on CSS-Tricks: SVG has its own set of elements, attributes and properties to the extent that inline SVG code can get long and complex. By leveraging CSS and some of the forthcoming features of the SVG 2 specification, we can reduce that code for cleaner …
bandwhich sniffs a given network interface and records IP packet size, cross referencing it with the /proc filesystem on linux or lsof on macOS. It is responsive to the terminal window size, displaying less info if there is no room for it. It will also attempt to resolve ips to their host name in the …
Continue reading “bandwhich – Terminal bandwidth utilization tool”
When two outcast teens hack into a ubiquitous drone delivery system to pull a prank on their neighbor, they accidentally crash-land a dangerous prototype – and find themselves entangled in a life-and-death conspiracy. Good story, good acting, great VFX quality, … and totally plausible too! There’s also an accompanying movie available, explaining how they got …
A simple JavaScript city builder with no simulation at all. No budget, no goals. Just build your tiny city. This would work on a phone, but it wasn’t designed with phones in mind. I especially like that the URL changes while drawing, so your designs are immediately shareable. IsoCity – A isometric city builder in …
Continue reading “IsoCity – A Isometric City Builder in JavaScript”
Speaking of Push Notifications in the previous post, how about this Dark Pattern right here which I encountered recently: Press Allow to verify that you’re not a robot Pretty sure many users walk blindly into that trap!? 😞