Skip to main content
whitep4nth3r logo whitep4nth3r

Blogs and tutorials

Filter posts

    • A yellow square with the black letters JS at the bottom right.
    • The NodeJS logo in white, featuring the letters JS outlined by a hexagon.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    A terminal showing the command npx whitep4nth3r which has output a box with a list of links inside, the titles of the links are coloured with the brand colours, eg youtube is white text on a red background, and there's a little intro paragraph as well.

    Build a business card CLI tool

    8 Jun 2022 5 min read

    • An icon of a laptop with angled brackets on the screen.
    • An icon of angled brackets with a forward slash in the middle.
    Screenshot of a link shared in Slack showing the title, description, author, reading time and image preview.

    Level up your link previews in Slack

    29 May 2022 3 min read

    • The CSS3 logo featuring a white 3 at the centre of a blue shield shape.
    • An icon of angled brackets with a forward slash in the middle.
    Two columns, the left said light mode in black on a white background, the right says dark mode in white on a black background.

    Light and dark mode in just 14 lines of CSS

    11 May 2022 3 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    The Jamstack logo in which on a red to orange gradient background.

    What is Jamstack?

    10 May 2022 7 min read

    • The Netlify logo in the green gradient.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • An icon of a cloud with an up arrow at the centre.
    A youtube thumbnail showing a screenshot of my stream in black and white, with a code example of an edge function and some emoji pointing hands. There is also the white panther logo and a netlify logo at jaunty angles.

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

    26 Apr 2022 7 min read

    • An icon of a laptop with angled brackets on the screen.
    A screenshot of nojson.dev in plain HTML. The text reads In a move considered revolutionary by many, this site has been delivered straight to your device with pure, unadulterated HTML. Our exclusive method is called NoJSON and is able to deliver just HTML over the wire. They said it couldn't be done! - Internet People

    HTML is all you need to make a website

    4 Apr 2022 3 min read

    • Eleventy logo shown as the number 11 + t y.
    • A white triangle representing the Vercel logo.
    • An icon of a laptop with angled brackets on the screen.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    A lighthouse report showing a score of 100 for performance, accessibility, best practises and SEO.

    How I massively improved my website performance by using the right tool for the job

    29 Mar 2022 10 min read

    • An icon of a laptop with angled brackets on the screen.
    • An icon of angled brackets with a forward slash in the middle.
    A screenshot from the W3C Feed Validation Service that shows the dates on the thing of the day RSS feed are incorrect. The highlighted message states that pubDate myst be an RFC-822 date-time.

    How to format dates for RSS feeds (RFC-822)

    21 Mar 2022 2 min read

    • An icon of angled brackets with a forward slash in the middle.
    A terminal window showing the command dam running. It shows output that results in the branch refactor-youtube-call being deleted.

    How to delete all merged git branches with one terminal command

    7 Mar 2022 1 min read

    • An icon of a laptop with angled brackets on the screen.
    • The Netlify logo in the green gradient.
    A screenshot of whitep4nth3r.live, showing a terrible under construction GIF, a sparkly background, a twitch player embed, and a simulated scrolling marquee.

    Why you should ship your silly side projects

    4 Mar 2022 5 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • Eleventy logo shown as the number 11 + t y.
    A youtube thumbnail featuring the headline Let's YOLO deploy, my with my arms in the air outlined in a pink and orange gradient, the prototype website in the background, and the eleventy and netlify logos.

    A prototype is all you need to launch a site

    1 Mar 2022 1 min read

    • The Contentful C logo in blue, yellow and red.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • The Netlify logo in the green gradient.
    A screenshot of the Contentful entry editor, showing the Netlify preview app in the sidebar which comprises two buttons. The top button is labelled Build Netlify Preview and the bottom button is labeled Open Netlify.

    Build a CMS preview workflow for your Jamstack site

    22 Feb 2022 10 min read

    • The Netlify logo in the green gradient.
    • An icon of a cloud with an up arrow at the centre.
    A screenshot showing the new build hook has been added.

    How to deploy your Netlify site with an Elgato Stream Deck

    15 Feb 2022 4 min read

    • An icon of a laptop with angled brackets on the screen.
    A screenshot of Google Lighthouse showing the same article with a canonical link, but this time with an SEO score of 100%.

    How I improved your Google Lighthouse SEO score with a lot of research and one quick PR

    13 Feb 2022 3 min read