Tag: Snippets

ESLint logo pattern

ESLint Snippets To Disable Linting

I love a good bit of linting. But what I don’t love is having to remember 101 (exaggeration maybe) little bits of code to easily navigate my JS environments. Thankfully this is where this blog comes in use!   These snippets are the ones that although simple, always slip my mind. They are not tough, […]

React Context screenshot from example code

Quick and Easy React Context Template

This article provides a template for using React Context and Hooks, with a simple list example. I have laid it out so you can copy and paste, find and replace (I am a poet this morning!). Context is great when props need to be passed up and down component trees. It simplifies the whole process. […]

Lots of different coloured watches

Gatsby with WordPress – Caching Downloaded Media Images to Reduce Build Time

I have been working with WordPress as a back end CMS (one of the many micro services) and Gatsby to generate the website. To connect the two I am using a WordPress plugin called WP GraphQL, and a Gatsby plugin called Gatsby Source GraphQL. Everything was working brilliantly, apart from being able to use any […]

Carbon code generated image of solution

Function to get Polyline Map Bounds Easily for fitBounds

I have been recently working on a project using user generated poly-lines on maps. I am using Mapbox to render the maps and lines, it is brilliant! However, I needed a simple way of zooming the map to the polyline and the Mapbox example wasn’t working for me. Enter my solution! export default function getPolylineBounds(bounds) […]

The beginning of a design system plan

Creative / Development Inspiration 69

Concerned you assume too much when looking at website data? Need to create websites fast, and fed up of the lack of small CSS files to get you moving? What about knowing what MVP approach to use? This weeks design and development run down covers all that, and a lot more!   Designer Resources, Examples […]

A floorplan of a house created in CSS Grid

Creative / Development Inspiration 67

A lot has happened over the past 2 weeks! I re-designed Thoughts and Stuff using Gatsby, went to a talk about cookies and tracking (I will write a blog on it. maybe) and the interwebs has progressed a hell of a lot. Here is my weekly web developer and designer rundown to get you up […]

WordPress and Gatsby work together for fast website

GatsbyJS and WordPress Gives Website a Lease of Life

After over three years of having the same WordPress theme, it was time for a change! This came about for a few reasons. There was nothing overwhelmingly wrong with the theme, but the font wasn’t the best on mobile. It’s nice to read an article on a mobile phone and not have to squint. I […]

Purple banner for the adtrack website showing cartoon figures

Creative / Development Inspiration 65

I have recently been interested in two sub sections of web development. UX and DevOps. With that in mind, as well as having the standard design and development inspiration I have included a few articles on these topics. It makes sense to have a basic understand of as much as you can in this industry, […]