Bookmarks

Debugging React performance with React 16 and Chrome Devtools.

Simple guide to using the Chrome performance dev tools to debug React

December 2017
Using with puppeteer · Jest

Jest documentation to run Jest tests in Chrome via Puppeteer

December 2017
How to use SVG as a Placeholder, and Other Image Loading Techniques

Really clever approach to placeholder images shown while the real image loads. Basically describes using a library to decompose an image into a SVG with basic shapes that resembles the image. This could be used diectly, or a blur could be applied.

November 2017
Inclusive Design Checkilst

Big list of things to check to ensure websites are inclusive for all

November 2017
GitHub - jaredpalmer/react-fns: Browser API's turned into declarative React components and HoC's

This looks so good 😱 react-fns: Browser API's turned into declarative React components and HoC's

November 2017
enkidevs/seapig: 🌊🐷 Utility for generalized composition of React components

Really interesting utility for creating "compound" React components, like what Ryan Florence has advocated for. The api is actually minimal, but seems super useful

November 2017
Alt-texts: The Ultimate Guide - Axess Lab

Really excellent guide to writing alt text for images on the web

October 2017
Bit calculator

Useful JS bitwise calculator

October 2017
The Output Element | CSS-Tricks

About new (to me) HTML element which is useful for showing output for an interactive control. The example shown is a range input that shows the value. It beats a div because of improved a11y - it can be linked to the input with a for attribute. Can also see it being useful for showing preview output for a setting

October 2017
Untitled (https://hacks.mozilla.org/2017/10/the-whole-web-at-maximum-fps-how-webrender-gets-rid-of-jank/)

Another great article from @linclark, this time on Firefox’s new WebRender project:

October 2017
A Look at Bootstrap 4's New Reset: Reboot.css ― Scotch

Bootstrap 4 has a new CSS reset, called Reboot. Looks useful

October 2017
Zondicons

Nice looking SVG icon set

October 2017
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