Skip to main content

Blog posts and tutorials

I write and live stream about front end development. Read tutorials and quick tips on HTML, CSS, JavaScript and Jamstack. Click on the categories to filter posts by topic.

    • An icon of angled brackets with a forward slash in the middle.
    • An icon of a laptop with angled brackets on the screen.
    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

    • 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

    • 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.
    • An icon of angled brackets with a forward slash in the middle.
    A screenshot of the HTML details page on MDN.

    How to build an HTML-only accordion — no JavaScript required!

    11 Feb 2022 2 min read

    • An icon of angled brackets with a forward slash in the middle.
    • A white triangle representing the Vercel logo.
    A code example of a Next.js jsconfig.json file, showing how to define absolute paths in your files.

    How to avoid using relative path imports in Next.js

    11 Jul 2021 1 min read

    • An icon of angled brackets with a forward slash in the middle.
    • A white triangle representing the Vercel logo.
    A screenshot of the reset-next.sh gist in GitHub.

    How I set up my new Next.js projects with a handy bash script

    8 Jul 2021 1 min read