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 …

SVG Properties and CSS

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 – 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 …

CSS-Only Multiple Choice Quiz

Matthew Somerville: I followed a link to one of those Guardian end-of-year quizzes on my phone, and had answered a few questions before realising that it was working entirely without JavaScript (I have JavaScript disabled on my phone). I found this very impressive, well done whoever worked on that, and so I thought I would …

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 …

Enterprise React in 2020

Viacheslav Luschinskiy goes over the utils and libraries they use for building React apps. It is the opinionated set of libraries and technical approaches to quickly build scalable enterprise class applications in React. It also comes with the small demo app which can be used as a bootstrap kit. It includes all the mentioned libraries …

Andy Budd: 11 things I know to be true

Photo of the Clearleft offices. Andy Budd, part of Clearleft, shares some things he has come to believe over the years: You are not your user It’s often easier to break big problems down into smaller problems Sometimes you need to slow down to speed up Design can provide a huge amount of value to …