Bookmarks

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

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

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

Nice looking SVG icon set

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

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

Addy Osmani's guide to image optimisation

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

More CSS Grid fallback examples

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

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

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

Some nice tips on styling a wrapper div

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

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

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

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

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

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

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