Links
How to build a cloud-hosted accessibility testing Windows computer using Amazon WorkSpaces
TL;DR: Many developers don’t do thorough accessibility testing because it’s difficult to get a Windows machine to test on. Services like BrowserStack are insufficient because they do not let you install specialized accessibility software. Amazon allows you to create powerful virtual computers in the cloud that are easy to access, but difficult to initially set up. I have documented the steps you need to set up your very own virtual computer for accessibility testing.
Frontend in 2017: The important parts
In this post, I’ll summarize some of the important things that happened this year in the frontend ecosystem with an eye toward big-picture trends.
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
The difference is only noticeable when the row is wide enough to fit more columns in it. If you're using auto-fit, the content will stretch to fill the entire row width. Whereas with auto-fill, the browser will allow empty columns to occupy space in the row like their non-empty neighbors — they will be allocated a fraction of the space even if they have no grid items in them, thus affecting the size/width of the latter.
Using SVG to Create a Duotone Effect on Images
Creatives everywhere welcomed the 2016 new year with the spark of a colorizing technique popularized by Spotify’s 2015 Year in Music website which introduced bold, duotone images to their brand identity.
The most popular Frontend links from 2017
We’ve dug through the data and pulled together some highlights from the past tweleve months, including popular frameworks, the rise of CSS Grid and some helpful cheatsheets. Here, we share what frontend developers have been reading in 2017.
Videos
Don't Use My Grid System (or any others), by Miriam Suzanne
I built Susy, a Sass grid system that can generate any grid technique you like — but I haven’t used it in years. I’ll show you how various grid systems work, and how to avoid using them. For those few cases where a grid really is required, we’ll talk about the best ways to roll your own, so you’re not relying on a bloated library to make decisions for you. We’ll also look at the new layout toys, from flexbox to CSS Grid, and how to get started with only a few lines of code.