Skip to main content
whitep4nth3r logo
Posts tagged

Web Dev

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

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

    Netlify 5 min read →
  3. 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 →
  4. 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 →
  5. 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 →
  6. 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 →
  7. 5 Sep 2022

    Rewrite your git history in 4 friendly commands

    Did you make a series of unfortunate commits? Learn how to rewrite the git history of a repository in 4 friendly terminal commands to clean up your nonsense.

    Web Dev 4 min read →
  8. 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 →
  9. 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 →
  10. 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 →
  11. 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 →
  12. 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 →
  13. 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 →
  14. 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 →
  15. 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 →
  16. 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 →
  17. 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 →
  18. 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 →
  19. 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.

    Next.js 48 min read →
  20. 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 →
  21. 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 →
  22. 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 →
  23. 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 →
  24. 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 →