If you've been asking 'How do I fix the "Property does not exist on type Window in TypeScript" error?' then this is the article for you. We'll fix the property does not exist on type Window error once and for all.

How to fix 'Property does not exist on type Window in TypeScript' error

Ever wanted to learn how to build a multi-item carousel in React? Well, in this article we'll do just that by building a multi-item or multi-image carousel in vanilla React using Vite.js and some Tailwind CSS

How to build a multi-image carousel in React and Tailwind

Part 4 in Getting Started with Next.js and this time we're looking at how to send a contact form using WordPress in headless mode.

How to use contact forms with headless WordPress and Next.js

Learn which of the most popular JavaScript frameworks should you spend your time learning in 2021. We compare Angular, React, and Vue.

React, Angular and Vue compared, which should you learn in 2021?

Avoiding ending up in the wrong career should be the priority of any worker. In this article we aim to help you recognise the signs to watch for if you think you're in the wrong career

Signs to lookout for if you suspect you've ended up in the wrong career

Let's talk about some of the things I wish I had known as a junior developer to help you learn to be a better developer earlier in your career.

Things I wish I'd known as a junior developer

Learn how to create an RSS feed for your Next.js website in  part three in the series of using WordPress as a headless CMS with Next.js

Create a Next.js RSS feed for your static website

In part 2 of the Getting Started with Next.js, we connect a headless WordPress CMS to Next.js and pull in blog post content using WPGraphQL

Using WordPress as a headless CMS with Next.js

In part 1 of the Getting Started with Next.js, we're looking at how to use configure WordPress as a headless CMS to use with Next.js using WPGraphQL

Configuring WordPress as a headless CMS with Next.js

Where would we be without our beloved tools and apps? I'm going to share my favourite tools, apps and websites that I use as a frontend developer to get more done in less time.

30+ Helpful tools, apps and websites

Worried about your GitHub graph and that you're not coding as much as others. Don't worry, I'm here to tell you why the GitHub activity graph can be a double-edged sword.

GitHub activity graphs are meaningless

Want to save files to the client using JavaScript? Let's look at how to save a file client-side using s simple handful of vanilla JavaScript

Saving text to a client-side file using vanilla JS

Redux can be a tricky concept to get. By using React's useReducer Hook we can replace complex Redux configurations and still use state management.

Replacing React's Redux library with the useReducer Hook

Want to spice up your text-effects in CSS? Check out this quick tip on creating funky text backgrounds with the CSS background-clip property.

Funky text backgrounds with background-clip CSS

Can you build a simple, lightweight code and syntax highlighter using Prism JS and React? Sure you can. I'll show how I did it in no time flat.

 Creating a React code editor and syntax highlighter

Merging arrays in JavaScript isn't all that tricky. Getting unique values in merged arrays can be. We'll look at some different methods and approaches in JavaScript that create unique arrays, including the shiny Set object.

Creating unique, merged arrays using JavaScript's Set (and more)

Part two of the series on learning to use React and Redux with an API and a data handler utility to act as a bridge between our components and application state.

React & Redux: components, API's and handler utilities part two

We all run into coding problems and get stuck. Fortunately, I've got 10 great tips to help you become a better debugger and to get your code flowing again.

10 hot tips for better debugging

Learn how to use React and Redux with an API and a data handler utility to act as a bridge between our components and application state.

React & Redux: components, API's and handler utilities

Whether you're brand new to remote working, unsure if it's the right fit for you, or simply curious about how us seasoned remoties (can I coin this phrase??) operate, I've got some tips, tricks and advice based on my experiences in working in a globally distributed software development team.

How to survive remote working

Whether you're a budding frontend developer or have been coding a while, what exactly should you know as a frontend developer?

What should you know as a frontend developer?

Building a React project and have the error 'Hooks can only be called inside the body of a function component'? We'll solve the 'invalid hook call warning' error and get your project back on track.


Solving React Hooks' invalid hook call warning

Ever found yourself just plain stuck? In this article, we'll be looking at some tips, tricks and ideas to help move past creative block, especially for developers.

Getting past developers block

What are some of the factors that prevent companies from building a remote workforce, or at least offering remote working as a more common hiring option?

Are companies missing out on talent by fear of remote working?

Want to use Parcel JS with frameworks like React but keep using shiny new JavaScript things like the proposed new class properties? Well read on my coding adventurer as we're going to learn to configure Babel and Parcel to do just that.

Configure Parcel JS and Babel to use JavaScript proposal class properties

In this article, I wanted to help people to understand a little more about what imposter syndrome is, how it can hold you back, and what you can do about it, even leveraging it to drive you to become better.

Fighting imposter syndrome as a developer

If you're looking to land your first job as a web developer in the tech industry, then I have a ton of advice that might just give you the boost you need.

Getting hired as a developer in the tech industry

You can build a Parcel JS website using React, instead of using Create React App. In this article, we'll look at  how to add in the missing parts of the Parcel JS bundler to allow us to build sites with React.

Using Parcel JS bundler with React

Parcel JS is a Webpack alternative that helps you build modern JavaScript projects. If you're looking for a simple Webpack alternative, try this Parcel JS starter kit.

Using Parcel bundler as a Webpack alternative

Rapid front-end development that scales well depends on solid design systems. We'll explore why design systems are important, how they help and one I've love to use: Bulma CSS framework.

Building a design system using Bulma for rapid development that scales

Following on from my recent article on how to build a Node JS API server that uses JSON files, I wanted to share another recent experience I had: using CSS custom properties to apply a custom theme to a React website.

Using CSS custom properties to apply themes in JavaScript or React

There are lots of articles on how to build a Node API server but they're either quite duff or very complex. None of them seem to deal with reading and writing to JSON files. Well let's change that by building our own Node API server using JSON data storage!

How to build a RESTful Node.js API server using JSON files

In this code article, I'm going to show you how to load fragments of HTML from a folder and output them onto a page using Webpack and require.context().

Use Webpack and require.context to load HTML files

Use my free, tried-and-tested Webpack project starter kit if you'd like to get your next web app or JavaScript project started quickly

Quick-start JavaScript projects with this Webpack project starter kit

After applying for development jobs, I've been thinking a lot about how relevant are tech tests? Are they still a useful tool to make a hiring decision?

Are tech tests still relevant in today's hiring landscape?

How do you find time to refactor your code? The answer is simple: continuous refactoring. Learn how to reduce your future development technical debt

Continuous refactoring: avoiding technical debt in the here and now

After living with the nest ecosystem for over a year, I review the nest outdoor cam, nest protect and nest thermostat to see how good their smart home is

Nest cam, nest protect and nest thermostat review - 1 year in

How can I access Google Sheet spreadsheets with JavaScript? I'll walk you through the handy Google Sheets Reader so you can fetch data with ease.

Reading Google Sheets data using JavaScript with Google Sheets Reader

Let's look at arrow functions in the ES6 version of JavaScript. Learn what arrow functions are, how to use arrow functions and how they help with this.

How to use arrow functions in JavaScript ES6

CSS-in-JS is demonised and heralded on social media, but is CSS-in-JS really all that bad? Or is it the digital devil? Read why I think everyone's wrong

Why is CSS-in-JS a bad (or good) idea?

Fighting imposter syndome and other tips and tricks from a job hunting journey in the tech industry

Job hunting in the tech industry: tips, tricks and experiences

Ever wondered how martial arts could help you start a business, become better at your job, improve your life? Here's how it worked for me.

What Bruce Lee taught me about business

Having a child has made me think about how I could use some of my new found parenting skills to improve my web development and working life

All articles in #