Skip to main content
whitep4nth3r logo
Posts tagged

Web Dev

  1. 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.

    Web Dev 6 min read →
  2. 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.

    Web Dev 2 min read →
  3. 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.

    Web Dev 9 min read →
  4. 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!

    CSS 4 min read →
  5. 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.

    Web Dev 5 min read →
  6. 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.

    Tutorials 5 min read →
  7. 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.

    Web Dev 9 min read →
  8. 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.

    Web Dev 12 min read →
  9. 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?”

    Web Dev 1 min read →
  10. 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.

    Web Dev 8 min read →
  11. 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.

    Tutorials 9 min read →
  12. 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.

    Tutorials 3 min read →
  13. 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.

    Web Dev 7 min read →
  14. 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?

    Web Dev 3 min read →
  15. 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.

    Web Dev 10 min read →
  16. 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!

    Tutorials 2 min read →
  17. 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.

    Web Dev 5 min read →
  18. 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.

    Web Dev 1 min read →
  19. 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.

    Web Dev 3 min read →
  20. 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.

    Tutorials 2 min read →
  21. 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.

    GraphQL 10 min read →
  22. 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.

    Tutorials 13 min read →
  23. 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.

    Web Dev 8 min read →
  24. 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.

    Web Dev 48 min read →
  25. 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!

    Tutorials 11 min read →
  26. 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?

    Web Dev 9 min read →
  27. 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.

    Tutorials 1 min read →
  28. 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.

    Tutorials 3 min read →
  29. 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.

    Tutorials 3 min read →