Gary Byrne (@garybyrne)

Introduction to ARIA Live Regions

What are ARIA live regions? According to the W3C: Live regions are perceivable regions of a web page that are typically updated as a result of an external event when user focus may be elsewhere. In applications where content can update dynamically...

Feb 25, 2021 · 6 min readhashnode.garybyrne.codes

Understanding ARIA Landmarks - General Principles and Roles

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...

Feb 15, 2021 · 10 min readhashnode.garybyrne.codes

Creating an Apollo Server GraphQL Content Hub

Creating an Apollo Server GraphQL Content Hub In this tutorial, I am going to be showing you how to create a very simple version of a GraphQL content hub using Apollo Server. We will be deploying this content hub to Netlify as a serverless function....

Feb 13, 2021 · 25 min readhashnode.garybyrne.codes

Fizzbuzz with CSS and Pug

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...

Feb 3, 2021 · 6 min readhashnode.garybyrne.codes

Creating a Xylophone using CSS and Pug

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...

Feb 2, 2021 · 8 min readhashnode.garybyrne.codes

Gary Byrne

About

Available for

Gary Byrne's blogs

Introduction to ARIA Live Regions

Understanding ARIA Landmarks - General Principles and Roles

Creating an Apollo Server GraphQL Content Hub

Fizzbuzz with CSS and Pug

Creating a Xylophone using CSS and Pug

Gary Byrne

About

Available for

Gary Byrne's blogs

Introduction to ARIA Live Regions

Understanding ARIA Landmarks - General Principles and Roles

Creating an Apollo Server GraphQL Content Hub

Fizzbuzz with CSS and Pug

Creating a Xylophone using CSS and Pug

Gary Byrne

About

Available for

Gary Byrne's blogs

Introduction to ARIA Live Regions

Understanding ARIA Landmarks - General Principles and Roles

Creating an Apollo Server GraphQL Content Hub

Fizzbuzz with CSS and Pug

Creating a Xylophone using CSS and Pug

Search Hashnode

Gary Byrne

About

Available for

Gary Byrne's blogs

Introduction to ARIA Live Regions

Understanding ARIA Landmarks - General Principles and Roles

Creating an Apollo Server GraphQL Content Hub

Fizzbuzz with CSS and Pug

Creating a Xylophone using CSS and Pug