T&S

Silhouette of a tree against a blue sky

Essential Git Commands

Here are several git commands I keep having to Google. This is either due to barely using them, or just them not sinking in. Hopefully this list will help you out as well! Create a New Branch and Move into It Very simple, but took me a while to remember! Create a new branch and […]

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 […]

Gulp and Webpack contrast banner

The Decision Between Gulp or Webpack for Automation

A comparison of Gulp and Webpack to help developers pick the best tool for their project. Both are brilliant tools and should be carefully considered.

Carbon code generated image of solution

Function to get Polyline Map Bounds Easily for fitBounds

A simple JavaScript function that takes a collection of londitude and latidute points in an array, and returns the bounds for use with maps.

Header banner for blog post

Software Install for WordPress and JS Environments – The Best I Know

My rundown of a clean development install for WordPress and JS development. I have got it perfect after many mistakes. This is a guide for me (and hopefully it can help you) for setting up a new system, quickly. On Windows (sorry Mac kids, wrong blog).

Atom console with Gatsby JS Node Wepack code

Building React components for Gatsby using NPM link and Hooks – Cant resolve ‘react’ solution

I have been working on components for Gatsby JS, and including React Hooks. The idea is they will be packaged up separately and pushed to NPM. To make the build easier I house the component in a separate directory and npm link to a Gatsby test site. Everything was going well until I introduced the […]

Photo of a purple marker ticking a paper form

Gravity Forms Google reCaptcha v3 Addon WordPress Plugin

I work quite extensively with Gravity Forms when dealing with WordPress builds for clients. It provides a great way to quickly spin up forms, and its developer documentation is brilliant. It has a spam honeypot built in, which tends to catch most basic spam, but recently I have found busier sites have smarter bots. This […]

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 […]