Bookmarks

Curl Cookbook

Handy list of cURL examples

October 2019
Accessibility User Testing for Web and Mobile | Fable Tech Labs

New SaaS startup that offers a11y reviews of your product

August 2019
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio — Sara Soueidan – Freelance-Front-End UI/UX Developer

Really excellent explainer on SVG coordinate systems. Alternatively titled "what on earth does the viewBox attribute on <svg> do?". Includes a super helpful interactive demo

July 2019
A Tiny, Powerful Question for Better Feedback | Lara Hogan

tldr: "What Are Your Optimising For?". Builds on the Observation -> Impact -> Question/Request framework for giving feedback, focusing specifically on how to ask a good open ended question. One that doesn't shut down further discussion/feedback

June 2019
A Complete Guide to useEffect — Overreacted

Excellent and very thorough explanation of useEffect, how to use it and the design decisions behind it.

June 2019
Feedback Equation | Lara Hogan

Modification of SBI tool and I think I prefer it. Frames the problem and how to deal with it better. From other post: > The feedback equation can also help you shift the focus from why you or others think it’s important for your teammate to change their behavior, to why the feedback recipient might care about changing their behavior.

June 2019
Tools for Introspection | Lara Hogan

Useful tools for setting expectations about yourself and your team. Interestingly is against manager READMEs.

June 2019
Tracking compensation and promotion inequity | Lara Hogan

Lots of useful advice on ensuring that diversity within the company is maintained fairly

June 2019
Authentication in React Applications

Some good ideas around how to handle auth state with context

June 2019
Using the aria-current attribute – Tink

Intro to an ARIA attribute I didn't know much about. Used to mark the "current" thing in a list (in certain circumstances)

June 2019
Making unit tests fail when PropTypes error

Quick tip for failing a test when React prop types are invalid by monkey-patching console.error

June 2019
Accessible Icon Buttons — Sara Soueidan – Freelance-Front-End UI/UX Developer

Code snippets of the various different ways of marking up buttons with an icon (and no text)

May 2019
JavaScript Prototype Poisoning Vulnerabilities in the Wild

Description of a nasty JS security bug. The key mitigation is to avoid custom Object deep clone implementations (and use a safe alternative like lodash)

May 2019
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