Reading this Week || I've been reading on CSS Grid, React, accessibility, and the history of Mozilla Firefox.

Here’s some articles over the past week or so that have caught my eye:

Web Development

Illustrated Guide to CSS Grid - This is a really useful guide to CSS Grid with illustrations. It seems very helpful for making the transition to grid-based CSS layouts.
Modern JavaScript features you may have missed - A nice quick overview of some modern JavaScript features that you may not have used yet.
JavaScript frameworks security report 2019 - I haven’t had a chance to dive into this too deeply, but this is a nice discussion of security in modern JavaScript frameworks and issues with not-so-modern libraries like jQuery that still have a large install base.
HTMHell - “A collection of bad practices in HTML, copied from real websites.”
5 things you can do with CSS instead of JavaScript - A nice guide to doing commonly implemented features in CSS instead of relying on JavaScript. In general, I think it’s best to do as much as you can with CSS before implementing JavaScript-based solutions.
How to Write Accessible Javascript - This is a bit older but was recommended at a local Meetup here in Grand Rapids as a starting point for JavaScript developers interested in writing more accessible code. It covers the importance of using buttons, keyboard interactions, ARIA states, and focus.
Auditing For Accessibility Problems With Firefox Developer Tools - A nice guide to using the Firefox developer tools to find accessibility problems.
Auditing For Accessibility Problems With Firefox Developer Tools - A nice guide to using the Firefox developer tools to find accessibility problems.

Books

Inclusive Components - I have been a fan of Heydon Pickering’s work for a while now and I’m sure this book will be excellent.

React

It’s All In the Head: Managing the Document Head of a React Powered Site With React Helmet - A nice guide to React Helmet for managing the HEAD section of your React site.
React Context in 5 Minutes - A quick and easy to follow guide to React Context. I’m definitely excited to play around with this some more!
React Hooks in 5 minutes - Another nice and quick guide from the same author of the Context guide, this time about React Hooks! It’s a good overview.
React Hooks in 5 minutes - Another nice and quick guide from the same author of the Context guide, this time about React Hooks! It’s a good overview.

General Web Stuff

Firefox at 15: its rise, fall, and privacy-first renaissance - This is a great article about Mozilla’s Firefox browser and the influence it had on the web. I’ve always been a fan of Firefox and it’s great to see them continuing to innovate in the area of user privacy.
The Web Falls Apart - A provactive piece about the state of the web.
Location, Privilege and Performant Websites - “When we design and build our websites with the outliers in mind, whether it’s for performance or even user experience, we build an experience that can be easy for all to access and use — and that’s what the web is about, access and information for all.”