Web Dev
-
10 Nov 2023
A story about HTTP status codes and why you should read documentation
Recently, I wrote some bad code. And Sentry showed me why, highlighting the importance of correct HTTP status codes, and how I should really read documentation.
-
28 Sep 2023
How to use jQuery with Astro
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.
-
21 Sep 2023
From LCP to CLS: Improve your Core Web Vitals with Image Loading Best Practices
Learn all about image lazy loading and how it can help improve performance, user experience and Core Web Vitals, which all help boost your search engine rankings.
-
19 Jun 2023
The best light/dark mode theme toggle in JavaScript
Learn how to build The Ultimate Theme Toggle™️ for your website using JavaScript, CSS custom properties, local storage and system settings. No framework required!
-
18 May 2023
A/B test CMS authored content with Netlify Edge Functions
Learn how to run an A/B test using content from your CMS and Netlify Edge Functions.
-
14 May 2023
How to split traffic and A/B test different page layouts on the same URL
Learn how to split traffic for A/B testing between different page layouts while retaining the same user-facing URL, using Netlify Edge Functions.
-
16 Apr 2023
The Acronyms of Rendering on the Web
Learn about different types of rendering on the web, and how it impacts user experience, site performance, and SEO.
-
12 Apr 2023
Improve E-commerce Site Performance with Rendering Strategies
Learn how to optimize user experience, site performance and SEO by taking a strategic approach to how you render different pages of your e-commerce store.
-
6 Jan 2023
How do I get started in web development?
Asking “How do I get started with web dev?” is like asking “How do I get started with cooking?”
-
15 Nov 2022
Single-page applications, multi-page applications, the history of Twitter tech, and a failed project
After I changed my mind about writing new JavaScript frameworks, I paused development on a new project, What the Framework (WTF). Here's why.
-
12 Jun 2022
How to deploy an Astro site
Learn how to 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.
-
29 May 2022
Level up your link previews in Slack
Add extra metadata to the head tag in your web pages — such as reading time and author — to show richer previews in Slack when your link is unfurled.
-
10 May 2022
What is Jamstack?
In this post, we’ll explore what Jamstack is, why Jamstack entered the web dev scene, “Jamstack-adjacent” technologies, and how you can get started building on the Jamstack.
-
4 Apr 2022
HTML is all you need to make a website
In a world full of JavaScript frameworks, SPAs, cutting-edge CSS animations, powerful devices and fast internet connections, HTML-only websites are a controversial and divisive topic. But why?
-
29 Mar 2022
How I massively improved my website performance by using the right tool for the job
In the third iteration of my blog site, I went back to web basics. I wanted to bag a huge performance increase by shipping plain HTML, CSS and as little JavaScript to the browser as possible. Did I succeed? And what did I learn along the way? Let's find out.
-
21 Mar 2022
How to format dates for RSS feeds (RFC-822)
The RSS feed lives on! But I've always found it difficult to Google for the correct date format required for RSS feeds (RFC-822). Here's a selection of links, guidance and code snippets for future me — and you!
-
4 Mar 2022
Why you should ship your silly side projects
Silly websites and silly ideas are often some of the most creative vehicles for learning. Let's take a look at what we learned building a very silly site for the Netlify Dusty Domains project in December 2021.
-
1 Mar 2022
A prototype is all you need to launch a site
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.
-
13 Feb 2022
How I improved your Google Lighthouse SEO score with a lot of research and one quick PR
When cross-posting content to other domains, we're taught to reference duplicate content with a canonical link. But why has Google Lighthouse been penalising us for it? I set out to solve this conundrum once and for all.
-
11 Feb 2022
How to build an HTML-only accordion — no JavaScript required!
You don't need JavaScript to build accordions! Here's how to harness the power of native HTML and build an accordion with just four lines of code.
-
13 Dec 2021
An introduction to GraphQL and how to use GraphQL APIs
While it’s easy to start making your first query with GraphQL with very little research, I thought it would be useful to consolidate all I’ve learned throughout the year and provide a high-level introduction to GraphQL for anyone interested in getting started.
-
29 Nov 2021
How to load responsive images in AVIF and WebP using the HTML picture element
AVIF claims to offer 30% better compression than current alternatives such as WebP. It’s optimized for the web, designed with a low computation footprint, and what’s more — it’s open source. But should you be using AVIF? As usual, it depends! And if you'd like to try it out, here's a complete guide on how to serve responsive images in multiple formats to the browser using the HTML picture element.
-
4 Oct 2021
What is a REST API?
If you’ve had a look at the Contentful docs, you’ll have seen the acronyms REST and API in at least a few places! But what does it all mean? Let’s break it down.
-
16 Sep 2021
Ecommerce and Next.js on the Jamstack — with Colby Fayock
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.
-
7 Sep 2021
How to build a personalized image social sharing app with Cloudinary and Next.js
In this post, we’re going to build an app that generates a personalized image of a ticket to share on socials using Cloudinary and Next.js so you can encourage your event attendees to share their tickets for your next virtual event!
-
11 Aug 2021
What is an API?
If you’ve read the Contentful docs, you’ll have seen that we provide a REST API and a GraphQL API to access and manage your content. But what is an API?
-
4 Aug 2021
A Next.js complete beginner tutorial using the Spotify API
In this video I'm joined by Ebonie (metalandcoffee_) — web developer, Metal DJ and Twitch streamer — where we set up a new project in Next.js to curate music recommendations using the Spotify API.
-
16 May 2021
How to make your font sizes accessible with CSS
Everyone uses the web differently. Here's how to make sure your website respects font size preferences specified in browser settings using two important CSS concepts.
-
3 May 2021
When to use aria-labels in your HTML
Confused about when to use aria-label for #a11y? Let's look at one of the most important ways to use aria-labels in your HTML to ensure your website provides contextual information to screen-readers and assistive technologies.