Dermot Hughes

Designer.
Developer.
Pixel Pusher.
Blog
Featured

Unlocking the Power of Compound Components in React

One of the patterns that can significantly improve our codebase is the Compound Component pattern. Today, we're diving deep into how this pattern works, the problems it solves, and some advanced techniques.
8 min read
Blog

JavaScript Array Methods Cheatsheet

A simple cheatsheet for all the JavaScript Array Methods
3 min read
Blog

Passing at least one optional prop with TypeScript

Setting if a prop is optional or not in TypeScript is really simple. But what if you have several optional props, you don't care which one is passed, but one of them has to? That's where Generics can save the day.
4 min read
Showcase

Frontier Bus Hire

The aim of this project was to replace an expensive, ancient Yell website with a light, fast, and optimised site. The new site was built using Gatsby, taking advantage of Netlify CMS to fulfil a client request to have an easy way to add new content such as fleet photos.
2 min read
Blog

WTF are Design Tokens? | Belfast JS

I recently did a talk at Belfast JS on an introduction to Design Tokens. You can check out the recording here.
1 min read
Blog

A neat dynamic glow effect for images

This will be a quick one. I've wondered for a while how Spotify do their dynamic colours from an album cover, so went down a rabbit hole. While I might look into a more accurate way , I discovered a neat trick for getting that dynamic glow effect on an image.
1 min read
Blog

Is the title Front End Developer obsolete?

There has been an increasing issue where "Front End" just means anything to do with the browser or web. The shear amount of knowledge a Front End Developer apparently needed to know is so vast as to be impossible.
4 min read
Blog

How to generate a PDF from a webpage with Node

How I generate a printable PDF version of my CV automatically every time I update it, using Node and a headless Chrome.
3 min read
Showcase

Royal Bank of Scotland & NatWest

As part of a rebranding update, Royal Bank of Scotland and NatWest required an update to their MyRewards loyalty scheme website. The brief required updating the styles of the site to a fresher and cleaner theme but without changing the core legacy code.
1 min read
Showcase

Reward

During my time at Reward, one of my projects was building a new website for the company. Although most of my work there was on internal apps based on Angular, this brief called for a public facing website that could be edited by the marketing team without need of the development team to intervene.
1 min read
Showcase

Chain Reaction Cycles

During my time at Chain Reaction Cycles, I was the Lead Email Developer - I worked closely with other designers and marketers to create hundreds of bespoke marketing emails for across the globe in 7 different languages.
1 min read
Showcase

SeeMeHired

This was a landing page and email template created for the digital recruitment platform, SeeMeHired.
1 min read