Skip to main content
whitep4nth3r logo whitep4nth3r

Blogs and tutorials

Filter posts

    • Bullhorn pointing right.
    The Make Time book, laying on my shelf, with a keyboard and my whitep4nth3r 3D logo behind it, slightly out of focus.

    Make time

    17 Mar 2023 6 min read

    • An icon of a laptop with angled brackets on the screen.
    Salma has her hands on her head. She's kind of smiling but the letters WTF on top of her, perhaps suggest she is a little distressed.

    How do I get started in web development?

    6 Jan 2023 1 min read

    • Bullhorn pointing right.
    My wooden chalet style office at the bottom of the garden, with a very orange sunrise backdrop fading into a purple hue.

    2022: what I made, what I learned, and what I didn't do

    3 Jan 2023 9 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • A yellow square with the black letters JS at the bottom right.
    My website screenshot, showing my home page with a next Twitch stream section, showing the time in GMT

    How to get the user’s timezone in JavaScript with Edge Functions

    12 Dec 2022 4 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.
    Front and back sleeve covers of the Sony T-120 Dynamicron VHS tape.

    A responsive striped CSS gradient inspired by 80s VHS tapes

    22 Nov 2022 3 min read

    • An icon of a laptop with angled brackets on the screen.
    • A yellow square with the black letters JS at the bottom right.
    My Twitter profile in Brave browser, showing the install app popup available from the address bar, which asks you to confirm whether you want to install the Twitter PWA on that machine.

    Single-page applications, multi-page applications, the history of Twitter tech, and a failed project

    15 Nov 2022 8 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • A yellow square with the black letters JS at the bottom right.
    Personalization with Netlify Edge Functions plus HTTP referer header — white text on a blue gradient background

    Personalize your static site based on a previous site referral

    25 Oct 2022 10 min read

    • A yellow square with the black letters JS at the bottom right.
    Me with my hands on my head, looking a little confused, with the text I changed my mind, and an embarrassed emoji.

    I changed my mind about writing new JavaScript frameworks

    3 Oct 2022 4 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.
    git reset --soft INITIAL_COMMIT_HASH git add dot git commit dash m Initial commit git push dash dash force in a mini terminal

    Rewrite your git history in 4 friendly commands

    5 Sep 2022 4 min read

    • The CSS3 logo featuring a white 3 at the centre of a blue shield shape.
    Screenshot of dark mode google search results showing the link to the top site I have visited is purple, and the second site in the list which I have not visited, which is blue. Dev tools is open and shows the anchor visited styles coming from the stylesheet.

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

    31 Aug 2022 3 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A white triangle representing the Vercel logo.
    • The Netlify logo.
    next.js plus netlify equals star eyes emoji

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

    24 Aug 2022 7 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A yellow square with the black letters JS at the bottom right.
    • An icon of a cloud with an up arrow at the centre.
    • The Netlify logo.
    Personalisation at the edge, with no client side JavaScript

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

    11 Aug 2022 8 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    Published deploy details with the usual links to open published deploy and lock publishing to this deploy. Below is a lighthouse summary section, which shows the following scores. 100 performance, 100 accessibility, 100 best practices, 100 SEO, 80 progressive web app.

    How to view Google Lighthouse scores for your site in Netlify

    24 Jul 2022 2 min read

    • A yellow square with the black letters JS at the bottom right.

    Should I write a new JavaScript framework?

    22 Jun 2022 1 min read