Performance Budgets for those who don’t know where to start

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 […]

Snowpack – build modern web apps without a bundler

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 […]

bandwhich – Terminal bandwidth utilization tool

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 […]

IsoCity – A Isometric City Builder in JavaScript

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 […]

Quieter Permission UI for Notifications coming to Chrome 80

Looking forward to this Chrome 80 feature: To protect notifications as a useful service for users, Chrome 80 will show, under certain conditions, a new, quieter notification permission UI that reduces the interruptiveness of notification permission requests. Immediately after the Chrome 80 release, users will be able to opt-in to the new UI manually in […]

Text Effect Generator

Nice tool to generate custom text effects such as underline, strikethrough, italic, small caps, circles, upside down, etc. The tool does not use custom fonts, but translates your entered text to other UTF-8 code points which have the effect built in β€” πŸ„»πŸ„ΈπŸ„ΊπŸ„΄ πŸ…ƒπŸ„·πŸ„ΈπŸ…‚, πŸ„΅πŸ„ΎπŸ… πŸ„΄πŸ…‡πŸ„°πŸ„ΌπŸ„ΏπŸ„»πŸ„΄ 🚨 Before you go wild with it though, don’t […]