Web Dev

Hydration failed because the initial ui does not match what was rendered on the server. Great.

Perhaps you could use your new-found knowledge on DNS to wow people at all the cool parties you probably attend.

This is the best way to debug slow web pages.

I put on my lab coat and science googles to investigate.

Sometimes, even the most "intuitive" framework APIs can create misunderstandings in the minds of seasoned web developers (ahem, me).

TL;DR: Add less.

I broke the first rule of preventing CLS. Shame on me.

I was EMBARRASSED.

Your website performance is now trash until you optimize for INP.

Down with capitalism. - Mike Neumegen

API rate-limiting is a minefield. Why are there no standards?

Learn how to overlay text on your Open Graph images using the Cloudinary API and SDKs.

My RSS feed was broken for OVER A WEEK because I used an invalid character in the XML.

What if an image doesn’t exist anymore? What if someone accidentally deleted an image in your CMS? How do you detect and deal with this?

Recently, I wrote some bad code. But this highlighted the importance of correct HTTP status codes, and how I should really read documentation.

Understanding how to use jQuery in an Astro project was hard to Google. So I wrote my own guide for you and my future self.

Learn all about image lazy loading and how it can help improve performance, UX and core web vitals.

Learn how to build The Ultimate Theme Toggle™️ for your website using JavaScript, CSS custom properties, local storage and system settings.

Learn how to run an A/B test using content from your CMS and Netlify Edge Functions.

Learn how to split traffic for A/B testing between different page layouts without changing the URL using Netlify Edge Functions.

Learn about different types of rendering on the web, and how it impacts user experience, site performance, and SEO.

Learn how to optimize UX, site performance and SEO by taking a strategic approach to how you render different pages of your e-commerce store.

Asking “How do I get started with web dev?” is like asking “How do I get started with cooking?”

After I changed my mind about writing new JavaScript frameworks, I paused development on a new project, What the Framework (WTF). Here's why.

Deploy an Astro project as a static, server-rendered, or edge-rendered site, try out some Netlify templates, and learn how to deploy to Netlify.

Add extra metadata to the head tag in your web pages to show richer previews in Slack when your link is unfurled.

Let's explore Jamstack, “Jamstack-adjacent” technologies, and how you can get started building on the Jamstack.

HTML-only websites are a controversial and divisive topic. But why?

I rebuilt my website AGAIN with the aim of using as little JavaScript as possible to improve performance. Did I succeed? And what did I learn?

Here's a selection of links, guidance and code snippets to help you format dates for RSS feeds (RFC-822).

Let's take a look at what we learned building a very silly site for the Netlify Dusty Domains project in December 2021.

Catch up on a Twitch live stream where I prototyped Women of Jamstack with 11ty and YOLO deployed it to Netlify on a custom domain.

Why has Google Lighthouse been penalising us for canonical links on different domains? I set out to solve this conundrum once and for all.

You don't need JavaScript to build accordions! Use HTML only and just four lines of code.

Here's everything I learned this year about GraphQL for anyone getting started.

A complete guide on how to serve responsive images in WebP and the new AVIF format where supported, using the HTML picture element.

REST? API? What does it all mean? Let’s break it down.

I sat down with Colby Fayock to chat about Next.js and how all of its features help enable developers to build great experiences on the web.

Encourage your event attendees to share their tickets for your next virtual event!

Let's learn about application programming interfaces.

I'm joined by Ebonie (metalandcoffee_) where we set up a new Next.js and Spotify API project to curate music recommendations.

Here's how to make sure your website respects font size preferences specified in browser settings using two important CSS concepts.

This is one of the most important ways to use aria-labels so your code provides contextual information to screen-readers and assistive tech.