Open in app

Sign In

Write

Sign In

Andy Barnes
Andy Barnes

243 Followers

Home

About

Pinned

BEM CSS Tip: Dealing with grandchild elements

How to name selectors in elements that are 2+ levels deep in your BEM block — If you asked most grandparents how to deal with grandchildren, they would probably suggest letting them do whatever they want, and then filling them with sugar about 20 minutes before bedtime. …

CSS

3 min read

BEM CSS Tip: Dealing with grandchild elements
BEM CSS Tip: Dealing with grandchild elements
CSS

3 min read


Published in Bootcamp

·Pinned

WCAG: Accessible colour and contrast ratios

An overview of contrast ratios, what you need to look out for, and how to comply with WCAG requirements — Before we start, I’d like to apologise in advance… I’m based in the UK, so the the flipping between colour/color in this article is real! When asking if something is accessible, common feedback will be around contrast ratios. This article aims to outline what contrast ratios are - in context…

Accessibility

8 min read

WCAG: Accessible colour and contrast ratios
WCAG: Accessible colour and contrast ratios
Accessibility

8 min read


Published in Frontend Digest

·Jul 14, 2020

Design Tokens: An Introduction

A brief overview of design tokens, what they can do, and why you should be using them in your projects — Have you ever got back from IKEA, full of anticipation and excitement at the thought of constructing a cupboard yourself? Only to be left questioning your life choices two hours later, when you realise you’ve put two of the panels on upside down. This can be a similar experience when…

Design

5 min read

Design Tokens: An Introduction
Design Tokens: An Introduction
Design

5 min read


Apr 1, 2020

5 tips for freelancing with a family and a job

It is becoming more and more common for people to dip their feet into the world of freelancing. That usually means freelancing in your spare time, potentially juggling it with a full time job and a family. I’m married, I have two daughters under 6, and a full time job…

Freelancing

6 min read

5 tips for freelancing with a family and a job
5 tips for freelancing with a family and a job
Freelancing

6 min read


Feb 21, 2020

Part 2: The design

Portfolio website refresh — Following on from the rather rash decision to redo my personal website (you can find part 1 here), I wanted to talk through the designs I have pulled together. …

Design

5 min read

Website update (Part 2): The design
Website update (Part 2): The design
Design

5 min read


Published in The Startup

·Feb 3, 2020

Part 1: The why

Portfolio website refresh — It’s February. It’s 2020. I’m hoping – for the sake of my life expectancy – it’s a bit early for a midlife crisis. So instead of shopping for sports cars or training for a marathon, I’m going to give my website a refresh. The eagle-eyed among you may have noticed…

Design

4 min read

Website update (Part 1): The why
Website update (Part 1): The why
Design

4 min read


Jul 2, 2019

Accessible custom focus indicators

Stuff that keeps me awake at night: my phone, my batting average in 2004, and worrying about accessibility. What if I’ve built a component that not everyone can use? We now all know that accessibility isn’t just a nice to have. I wanted to go over my current approach for…

Web Development

5 min read

Accessible Custom Focus Indicators
Accessible Custom Focus Indicators
Web Development

5 min read


Jun 19, 2019

BEM and SASS: A Perfect Match

Fish and chips, Posh and Becks, Netflix and chill. These are all things that go well together; or so I’m told. It’s time to add BEM and SASS to the list. What are they? BEM (Block. Element. Modifier) is a naming methodology, which aims to solve many of the problems you’ll commonly encounter…

CSS

4 min read

BEM and SASS: A Perfect Match
BEM and SASS: A Perfect Match
CSS

4 min read


Published in The Startup

·Jun 2, 2019

Colour variable names that scale

I think we can all agree, naming things is hard. I’ve got two daughters, and naming them was tricky. Largely because when you name a thing that is going to outlive you, you don’t really want to name it after someone you don’t like. …

CSS

4 min read

Colour variable names that scale
Colour variable names that scale
CSS

4 min read

Andy Barnes

Andy Barnes

243 Followers

Front end developer who likes to design. Lover of technology, 80’s music and Dominic Toretto.

Following
  • John Au-Yeung

    John Au-Yeung

  • 💎 Tom Smykowski

    💎 Tom Smykowski

  • Fabricio Teixeira

    Fabricio Teixeira

  • Melih Yumak

    Melih Yumak

  • Twan Mulder

    Twan Mulder

See all (103)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech