Links
Managing focus for accessibility
Single page web apps are awesome but may present interesting accessibility challenges. In particular, when the site loads new content, it needs to be able to inform an assistive technology user that the new content is available, and ideally move focus into the new area.
Solving Life’s Problems with CSS
Or: When all you have is a CSS hammer, the world looks like a CSS nail.
Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4
This will be a quick and pretty cool tutorial on a neat trick on how to have multiple sticky sidebars that stack without using any JavaScript!
Colors at scale
We started to question about some aspects of our color palette. And these were the main problems: We had a lot of colors; No instructions about when to use each color; A low understanding of colors in a digital product context; There wasn’t enough contrast.
Building a responsive image
I got the idea to build a logo file for our company, that not only reacts to the browser width but instead adapts while respecting its aspect ratio. So you can use it anywhere, and the file itself chooses which version to show depending on the size it’s given.
Videos
Designing for Inclusion with Media Queries, by Eric Bailey
Did you know that media queries aren’t just limited to screen size? This talk will dive into some lesser-known media queries that can help developers and designers create experiences for people browsing the web using assistive technologies.