CSS

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. Whilst as their child, you sit there thinking how unjust this is, since all they offered you as a…

Accessibility

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…

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 / ADOBE XD

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. I’ll outline the requirements for the design, discuss the decisions I made along the way, and highlight any tools that I…

Redesign / Development

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…

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…

Andy Barnes

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

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store