Navigating the internet has become difficult with all the accessibility issues, pop-ups, cookie banners and advertisements. We’ll explore different ways to make the web a more welcoming place for humans.
Designing intuitive animations can be tricky. We’ll explore movement in the physical world and see how to replicate this digitally, as well as best practices for responsive animation.
We’ll cover how to use Spline, exporting 3D files and displaying them with react-three-fiber. I’ll explain the exporting workflow with an example project, and we’ll explore geometries, materials and lighting.
Implementing quick and easy client-side search functionality in React
In no particular order, here’s a collection of websites I find inspiring, both by their design and their functionality. For each website, I’ll dive into the specific details which made me want to mention it.
Exploring the changes I’ve implemented in my website and what pushed me to make them, from code blocks to lightboxes to full-bleed images, as well as post search functionality.
How to automate cross-publishing in a way that improves your site credibility. We’ll have a look at canonical links and RSS feeds.
There are different options for generating content such as Sitemaps and RSS feeds in Next.js, static and dynamic. We’ll explore the different options and ways to implement them.
Extending the capabilites of the WordPress GraphQL API by adding custom fields to posts which can be fetched by an external API.
As part of a home automation project, I wanted to house a thermometer, motion sensor and display in a small form factor. I decided to design and order my own PCB.
I was recently trying to figure out a way to implement simple HTTP authentication for a personal Next.js project. I augmented the basic HTTP auth with JWT and cookies.
A tutorial on setting up a credit card payment form on your NextJS site. We will cover signing up and the Stripe SDK.
Trying to figure out how to build my website was a challenge for me. As a web designer, I wanted it to be fully customisable, but I also wanted ease of use to reduce friction and make it easy to maintain.
Making the Internet More Human
Designing spring animations for the web
Creating 3D models in Spline for Three.js
Adding search to a React/Next.js blog
Web design inspiration: Ten perfect examples
Website update: code blocks, search, lightbox and more!
Automatically cross-publishing posts to dev.to with RSS
Generating a sitemap and RSS feed with Next.js
Customizing WordPress GraphQL with custom fields
Creating and ordering a custom PCB
Next.js HTTP Authentication with JWT and cookies
Implementing online payments with Stripe
How I built my Website