Bookmarks

Color in UI Design: A (Practical) Framework – Erik D. Kennedy – Medium

Some good tips on using colour in UIs. Interesting observation that many UIs pick a single colour and only use variations of the colour in the UI

October 2017
My App Story – MacStories

This week is my first as an indie. Here’s how I went from lawyer to writer-podcaster-app developer.

October 2017
Essential Image Optimization

Addy Osmani's guide to image optimisation

September 2017
Your app makes me fat — Serious Pony

Describes some studies showing that a person's "cognitive resources" are limited, and are depleted by making choices. Perhaps useful in discussions of "busy" interfaces

September 2017
To type or not to type: quantifying detectable bugs in JavaScript | the morning paper

Pretty cool paper showing empirical evidence of type systems preventing bugs in JS:

September 2017
Thinking with Joins

Really excellent explainer of D3's update model - which makes clear the why & how of D3's api

September 2017
A React And Preact Progressive Web App Performance Case Study: Treebo

Good write up of some high level React app load performance tips

September 2017
Interface font family

Nice looking san-serif font. Quite similar to Roboto. Aimed at user interfaces

August 2017
CodePen - JPNG.svg (Transparent PNG with JPEG Compression)

Interesting technique to cut down on transparent PNG sizes by combining compressed JPEG, PNG and SVG

August 2017
Inside a super fast CSS engine: Quantum CSS (aka Stylo) ★ Mozilla Hacks – the Web developer blog

This is exciting. Looking forward to the next jump in browsers. Firefox Nightly shipping some more parts from Servo:

August 2017
Exploiting Script Injection Flaws in ReactJS Apps – DailyJS – Medium

Useful tips on React & security vectors. Most are pretty unlikely but good to keep in mind

August 2017
How to manage or eliminate React state without Redux · Monica

Some nice tips on managing state in React. The title mentions not using Redux, but there's really more useful stuff about pulling state out into composable functions

August 2017
Open feature request: CallSession API – Collaborate From Anywhere – Medium

“Open feature request: CallSession API” [for Progressive Web Apps #PWA] by Trond Kjetil Bremnes

August 2017
Check for missing npm dependencies before starting node script · GitHub

Wrote a quick script to check for missing dependencies before starting a node script:

July 2017
Bootstrap to CSS Grid

Pretty cool demo showing CSS Grid overrides of Bootstrap with @supports. Great way of slowly migrating over to Grid and without losing browser support

July 2017
About rel=noopener

If you’re a web developer, stop what you’re doing right now and read this: Then go fix your shit 😱

July 2017
Automated testing with Headless Chrome  |  Web  |  Google Developers

Useful walkthrough on setting up Headless Chrome with Karma. Looks like a good replacement for PhantomJS

July 2017
Cooling the tube – Engineering heat out of the Underground – IanVisits

RT @AndyDavies: Fascinating article on why the London Underground gets so hot -

June 2017