Formatting dates in Gatsby with GraphQL
Perhaps the easiest way to format dates in Gatsby is at query-time using Gatsby’s GraphQL layer.
Writing
Articles on designing and coding things for the web.
Understanding data types: null vs undefined
There are two ways to express nothing in JavaScript; null and undefined. But how do they differ?
Intentions 2020
No unrealistic goals for this year. Instead, all I want to do is outline the things I’m keen to focus regular time and energy on in 2020.
2019 in Review
With 2019 almost over, it’s time to reflect on what have been another busy 12 months. This is a chance take note of my successes and failures and pinpoint potential areas for improvement.
Performant syntax highlighting in Hugo
The quickest and most performant way to set up syntax highlighting in Hugo.
Expert and beginner
A few thoughts on sharing what you know, regardless of your experience and finding an openness to reinvent and learn from others.
Albion: designing a weather app and eCommerce store for a UK cycling brand
A look into my process when designing the website for Albion cycling, a brand not adverse to the challenges of the great British weather.
Using CSS Media Queries in React
Using a library called React Media to make CSS media queries possible with React components.
Real-time updates with Sanity watch mode
Watch mode allows you to see realtime content updates without having to manually re-run the build process.
Query data from Sanity using GraphQL
Learn how to query structured content in Sanity with GraphQl and display the content in a Gatsby website