Skip to main content
whitep4nth3r logo

Blogs and tutorials

  1. 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 →
  2. 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 →
  3. 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 →
  4. 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 →
  5. 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 →
  6. 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 →
  7. 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.

    Git 1 min read →
  8. 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 →
  9. 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 →
  10. 22 Feb 2022

    Build a CMS preview workflow for your Jamstack site

    In this article we're going to learn how to preview your draft content stored in Contentful by building a custom app that builds a preview branch of your static site. And the good news is — this approach could work for any static site, hosted on any platform, powered by any CMS!

    Tutorials 10 min read →
  11. 15 Feb 2022

    How to deploy your Netlify site with an Elgato Stream Deck

    I often use my Elgato Stream Deck to open URLs in my browser. And this got me thinking — what if I could kick off a site build on Netlify at the press of a button? And as it turns out, we can do this with a little serverless function! Let’s take a look.

    Tutorials 4 min read →
  12. 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 →
  13. 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 →
  14. 6 Feb 2022

    Debug your CSS layouts with this one simple trick

    Are you battling with layouts in CSS? Use this one line of CSS to help you debug what's up and get you back on the road to success.

    CSS 2 min read →
  15. 18 Jan 2022

    How to use really long environment variables in Netlify functions

    Netlify allows you to manage environment variables that you can use in serverless functions. But there may be times when your environment variables exceed the limit of 256 characters! Here’s how you can use a Netlify build plugin to use longer environment variables in your functions.

    Tutorials 4 min read →