Skip to main content
whitep4nth3r logo

Blogs and tutorials

  1. 31 Aug 2022

    What's the difference between : and :: in CSS?

    I spent years Googling “what is the difference between : and :: in CSS” before the information stayed in my brain. Sound familiar? Then this post is for you.

    CSS 3 min read →
  2. 24 Aug 2022

    Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware

    Learn how to intercept and rewrite the response of a Next.js statically generated page and transform page props at the edge with Next.js Advanced Middleware from Netlify.

    Tutorials 7 min read →
  3. 11 Aug 2022

    Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required

    Personalization and shipping less JavaScript to the browser are hot topics in 2022, and with Netlify Edge Functions, you can achieve dynamic personalization with no client-side JavaScript — resulting in a great developer experience, and an even better end-user outcome. Check out the video tutorial and accompanying walk-through.

    Tutorials 8 min read →
  4. 24 Jul 2022

    How to view Google Lighthouse scores for your site in Netlify

    How many times have you forgotten to review your Google Lighthouse scores before you’ve pushed out a feature? You’re in good hands with Netlify and Lighthouse Score Visualizations.

    Tutorials 2 min read →
  5. 22 Jun 2022

    Should I write a new JavaScript framework?

    Do you often ask yourself, should I write a new JavaScript framework? Here's some things you should consider, and some tips to get you started.

    JavaScript 1 min read →
  6. 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 →
  7. 8 Jun 2022

    Build a business card CLI tool

    Learn how to use Node.js, npm and npx to build a CLI tool to output a business card to the terminal. Bonus demo repository included!

    Tutorials 5 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. 11 May 2022

    Light and dark mode in just 14 lines of CSS

    Want to add quick support for light mode and dark mode to your website using only CSS? Combine two CSS custom properties with a media query to get set up in seconds.

    CSS 3 min read →
  10. 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.

    Jamstack 7 min read →
  11. 26 Apr 2022

    We're all living on it. But what exactly is The Edge?

    More and more cloud hosting providers and software-as-a-service platforms are offering serverless functions at The Edge. But what is The Edge? What are Edge Functions? And why does it matter?

    Serverless 7 min read →
  12. 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 →
  13. 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 →
  14. 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 →
  15. 7 Mar 2022

    How to delete all merged git branches with one terminal command

    Automate your git cleanup! Here's a shell function to add to your bashrc/zshrc file to delete all merged git branches in one command.

    Snippets 1 min read →