Development Blog - Christopher Nathaniel

DEVELOPMENT

Website Development Articles

Unlock your digital potential with a website built to fuel growth. I take a tailored approach to every project, guiding your online journey from design to development.

Website Development Articles

Description of the image

Laravel + React with Herd: A Complete Guide to Building Dynamic Web Apps

Summary This guide shares my personal approach to building a Laravel and React application using the Laravel Authentication Starter Kit. You will see how I set up Laravel with Herd on macOS, design and handle form fields, create models and databases, send data to React views, configure routes, and use…

Description of the image

The Developer Experience

Dev Sessions: Day in the life of a developer

5:30. I’m awake and getting ready for the day. I skip breakfast and go for an immediate run. I run 5 km daily, sometimes in cooler weather as a Canicross run with my labrador in the forest, and in warmer weather, on my own two legs, I run my standard…

Description of the image

Dev Sessions: Revisiting Projects I Built 15 Years Ago

Backups & Old Projects If you opened my old file backups, you’d find a different version of me tucked away in folders with names I no longer recognize. They’re like old photographs, blurred at the edges—half-built websites, landing pages that went nowhere, applications with unfinished logic.The projects sit waiting,…

Description of the image

Caffeine-Infused Conversations

Dev Sessions: How Candid Chats Shape Our Development Team

If you were to waltz into our office around half-ten on a typical workday, you’d likely stumble upon our daily developer rendezvous—imagine a small, caffeine-dependent conclave of coders hunched around a table. There’s me, with a rather too-long history of wrangling code (15 years, if we’re counting), a few seasoned…

Description of the image

An introduction to AlpineJS

JavaScript has always been a personal favourite of mine, largely because it’s accessible to developers at every level. It encourages curiosity, hands-on learning, and a knack for problem-solving—cornerstones of the modern web experience. But every so often, a framework slips into view that’s delightfully simple and refreshingly lightweight. AlpineJS is…

Description of the image

Design & Development

Designing & Building Sophie Kate Photography

Designing with Figma With a clear creative vision guiding her process, Sophie once again reached for Figma to sculpt her online identity. Every visual element received careful attention—from thoughtfully selected colour palettes to perfectly balanced spacing—ensuring that each page felt welcoming, polished, and true to her unique brand. Putting the…

Description of the image

Eco Friendly Technologies

Websites and the planet; being eco-conscious in a non-eco world.

Let’s talk about building websites that genuinely respect both our visitors and the environment. Far too often, we focus on raw performance metrics and aesthetics, but neglect our impact on the planet—especially the subtle ways our sites can drain energy from battery-powered devices like mobiles, tablets, and laptops. With a…

Description of the image

Larger Click Radius

Inherit Link; JavaScript Linked Inheritance

Wrapping lots of elements inside of an a tag, which is an inline element isn’t an ideal way of writing HTML. Although from a usable perspective it works, keeping elements completely semantic is essential for screen-readers and search-engines. Creating a solution to avoid wrapping everything in <a></a> tags is not something new, and Microsoft…

Description of the image

Fixed Image Proportions

CSS Proportional Dimensions with Aspect-Ratio

The aspect-ratio is a CSS property that lets boxes maintain proportional dimensions. This means the height and width are calculated as a ratio. The aspect ratio argument accepts two numbers, as is the case when defining the proportion of all aspect ratios. Simply put, the aspect-ratio property helps us to size elements consistency…

Description of the image

Javascript Basics

Custom Event Listeners for Dynamic Web Interfaces

Modern web development relies heavily on event listeners – pieces of code that wait for users to make specific actions before performing a task. As your app grows in size and scale, keeping track of these event listeners and removing them when an element is destroyed can be a time-consuming…

Description of the image

Building modern infrstructure for a better web.

Unlock your digital potential with a website designed to inspire growth. Our tailored approach nurtures your online journey, guiding you towards transformation. From design to development, we’re here to empower your success.

Ready to build something brilliant?

From custom interfaces to backend workflows, I design and develop high-performing websites and digital tools that make businesses faster, smarter, and easier to use.