4 followers
Senior Frontend Developer and Accessibility Advocate. I also design.
In this article, we will look at ARIA live regions and how they can be used to expose information to assistive technologies.
ARIA landmarks are a set of ARIA roles that are provided to our HTML elements in order for us to identify the structure of a web page. When we visit a webpage, we get a sense of its visual structure from the beginning but this structure should also b...
Build and deploy a GraphQL server to Netlify
Back in 2017, I entered a frontend interview and I was asked to write some code on a whiteboard. I was given the Fizzbuzz problem. Without thinking I immediately went for JavaScript. Recently I learned about CSS counters and that got me thinking. Wha...
Let's create a simple xylophone with some CSS and Pug. The xylophone sounds I will be using in this blog can be found here. The resulting codepen can be found here. What will it look like? We will use an unordered list of buttons to represent the xyl...
Font Loading with Font Face Observer What is Font Face Observer Font Face Observer is a really great web font loader created by Bram Stein that provides us with a promised based way to control our font loading. It will know when web fonts have been ...