Tag: Training

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

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

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

Picture of design program with palette open and card designs visiable

Creative / Development Inspiration 63

This weeks design development inspiration covers a range of tech/web based based articles. Do you need some hints and tips for designing UX for search? What about the benefits of designing a website without colour first? Well we have that, and more!   Designer Resources, Examples and Inspiration 4 Reasons Why You Should Design Without […]

Dogs on CodePen Banner

Creative / Development Inspiration 55

This week is more UI focused, due to a project that I am working on. I have still managed to include some brilliant development inspiration articles, and a few thought pieces at the bottom of the rundown. Have a good week! Designer Resources, Examples and Inspiration Adobe XD Wireframe Kits A collection of Adobe XD […]

Bedrock & Trellis WordPress Development

Trellis & Bedrock For Fast WordPress Development

I am continually trying to speedy up and improve my WordPress workflow process. Unlike a lot of JS framework communities, WordPress seems to be a little behind in creating a fast and efficient roll out process. The whole thing seems a little “work it out yourself”.   That being said, there are hundreds of tools […]

Mail chimp chart banner

Creative / Development Inspiration 38

Two great website inspiration examples, several website generators, and why the open-plan office is rubbish! This plus a lot more in this weeks website design development inspiration rundown.   Website Inspiration Freetrade I found this site whilst doing research into investment apps. The thing that struck me was its simplicity, and ease at which is […]