A rather geeky/technical weblog, est. 2001, by Bramus
Kent C. Dodds lists 5 JavaScript Features he uses every day on JavaScript January Destructuring Modules Value defaults Arrow functions Promises and async/await I’d like to add Spreading and Template Literals to that list. 5 Modern JavaScript Features I Couldn’t Code Without →
Harry Roberts on how to set a Performance Budgets if you really don’t have a clue where to start: Time and again I hear clients discussing their performance budgets in terms of goals: “We’re aiming toward a budget of 250KB uncompressed JavaScript; we hope to be interactive in 2.75s”. While it’s absolutely vital that these …
Continue reading “Performance Budgets for those who don’t know where to start”
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 …