Snippets

This is an excellent and comprehensive list of how to minimize your JavaScript performance impact on a user’s device.

This is pretty neat: an accessible drag and drop component that works with keyboard as well as a pointer.

Ever get annoyed by people who tell you the web will never compare to native apps and wish you could send them a comprehensive slap in website form? If so, this is pretty awesome. Not only does it list a lot of things there are modern web APIs for, it also displays whether your current browser supports each one.

The box alignment specification details how items are aligned in the various layout methods. As different layout methods pose different constraints in terms of alignment, some of the behaviour of Box Alignment is layout method dependent. This cheatsheet compares alignment in CSS Grid Layout and Flexbox.

The table featured above, found in the box alignment specification, really helped to clarify what the various box alignment properties apply to.

Rachel Andrew has authored some excellent new flexbox guides on MDN that I really recommend. See the source link.