Bookmarks

Today's Events

Calendar showing a bunch of exhibitions at London museums/galleries. Bit slow to load, but nice design

November 2018
Squoosh image compressor

Tool from Chrome dev team to compress images - png, jpg, svg

November 2018
SVGR: The SVG to JSX transformer

Super useful tool to convert a raw SVG (say from Sketch) and convert it to JSX, and also running it through SVGO to optimise it.

November 2018
Bruce Lawson's personal site  : Why don’t we add a <lovely> element to HTML?

Bruce Lawson post nominally about custom HTML elements bit with an interesting sidebar about the <data> element which is designed to wrap microdata/microformats to make it machine readable. There's also an interesting JS Bin linked showing an implementation of a colour swatch element.

October 2018
Idle Until Urgent — Philip Walton

Really interesting pattern/JS snippet to defer calculation of an expensive task with `requestIdleCallback`, *except* if that task is "urgent" (i.e. required synchronously)

October 2018
A tour of JavaScript timers on the web | Read the Tea Leaves

Good reference article on various timeout functions in JS (setTimeout, requestAnimationFrame, requestIdleCallback)

September 2018
Color gradient

Some neat colour functions in JS to darken/lighten/blend colours

September 2018
myeu.uk - see what the EU has done for you

Meet the incredible volunteer team behind the viral app - an amazing app that shows EU fund…

September 2018
Using the HTML5 Details Tag for FAQs

Really nice and simple markup/styling of FAQ style details (click a headline to show details)

September 2018
Stuff you can do with CSS pointer events

Some neat hacks with pointer-events in CSS

August 2018
ColorSpace Gradient Color CSS Generator

Nice & simple CSS gradient creator

August 2018
Pass Multiple Children to a React Component with Slots

Good documentation of "slots" pattern in React - basically just passing JSX as a prop. Also points out good way around prop drilling problem

August 2018
Untitled (https://doesitmutate.xyz/)

Ah I needed this so badly: Simple resource from @rem which tells you whether an array metho…

June 2018
safari-whyyyyy.md

Workaround for a stupid iOS Safari bug where re-orientating the screen breaks

June 2018
DasSur.ma – My most useful RegExp trick

Useful regex trick to match things inside matching quotes (and brackets) while also handling backslash escapes

June 2018
Float positioning algorithm

I’m kind of embarrassed to admit how helpful this was in my understanding of floats:

June 2018
Composable, Immutable property access with Lenses in Typescript

Good introduction to "lenses", a functional pattern for immutably accessing/updating objects. The examples are in typescript but I think they would in JS too

June 2018
The backdrop-filter CSS property | CSS-Tricks

Some super nice background effects coming to CSS in the future. This post shows some of the ways the backdrop-filter property can be used, including some nice iOS like effects

May 2018
Invisible Labor and Digital Utopias

Thought provoking post on the cost of openness - namely the emotional labour of dealing with everyone's ability to interact with you/your posts

May 2018