Bookmarks

Change Color of SVG on Hover | CSS-Tricks

How to change the colour of an SVG on hover

May 2019
Implementing a pin-to-bottom scrolling element with only CSS

Interesting hack to pin scrolling to the bottom while appending elements above (e.g. in some sort of stream of info)

May 2019
Backpressure explained — the flow of data through software

Great, easy to understand explainer of what backpressure is (and why it's desirable in some cases)

May 2019
Background SVG Hovers with Mask

CSS to change an SVG icon's colour on hover.

May 2019
Manually updating the DOM in a React app - CodeSandbox

Just been totally tripped up on a React thing: . Click the “turn red” button, then the “incr…

April 2019
Fading out siblings on hover in CSS | Trys Mudford

Neat trick to provide a nice hover effect when showing a few sibling elements

April 2019
Developing Dependency Awareness — Smashing Magazine

Good breakdown of reasons why you should use a <button> over a <a> or <div>

April 2019
Accessibility posters

Gov.uk's accessibility posters in HTML form

April 2019
AddyOsmani.com - Native image lazy-loading for the web!

Introduction to the loading attribute for lazy-loading images when they come into the viewport

April 2019
Palettte App

Really useful little tool for visualising a colour palette and designing a nice range of related colours. Read the intro blog post shown on startup!

April 2019
PWA2APK- Convert PWA to APK file - Appmaker.xyz

Converter for Google's new android app format based on progressive web apps

March 2019
Using worker_threads in Node.js – Rich Trott – Medium

Intro to worker threads, a new multi-threading (like actual threads!) in Node

March 2019
The Perfect Paragraph — Smashing Magazine

Introduction to the basics of web typography

February 2019
The Flexbox Holy Albatross Reincarnated | HeydonWorks

Technique for laying out several elements that need to switch between horizontal/side-by-side layout to vertical/above-each-other layout at a certain "breakpoint" but without media queries. Also they won't collapse so that one element is larger than the others.

February 2019
Creating Accessible SVGs | Deque

Quick but comprehensive comparison of making SVGs accessible

February 2019
Accurately measuring layout on the web | Read the Tea Leaves

Interesting post from Nolan Lawson about making sure you include JS execution time, CSS formatting and CSS layout steps when measuring performance. Tl;dr: wrap a setTimeout inside a requestAnimationFrame.

January 2019