DiDoesDigital

A data story and map of dogs from the Sunshine Coast, Australia.

Break designs by stuffing them with test data and mock images so you can build more resilient websites.

Exploring Australia through data in 30 days.

Learn Zod by browsing examples and exploring other sources of information.

Learn all of the primitive validations and Zod type parsing functions to parse a web form.

Customise the Zod error and issues to improve your developer experience when debugging and the user experience.

Write Zod pipelines to coerce, validate, preprocess, refine, and transform data in complex schemas to produce reliable, typed results.

Learn how to wrangle Zod so you can trust your data and your types.

Learn how to wind down a project, considering link history, domain squatters, costs, and maintenance.

How I set up a new MacBook laptop in 2024 Read the full post

Learn how to set up print styles for your website in the modern era.

Learn the most useful Homebrew commands, keep packages up to date, look up Homebrew terminology, and discover some excellent Homebrew packages.

How to use a robots.txt file to control search engine access or block AI scrapers.

How to add Google Analytics using @next/third-parties and a sitemap to a static Next.js blog Read the full post

How to add a favicon and system-wide dark mode to a static Next.js blog.

How to add an RSS 2.0 feed using the feed package to a static Next.js blog Read the full post

How to add IDs and links to headings in a Next.js blog using rehype-slug Read the full post

How to add syntax highlighting in a Next.js blog using rehype-highlight Read the full post

How to use a template for metadata titles, create an index list, and page navigation in a Next.js blog.

How to use the Next.js Image component in MDX content in a Next.js blog using MDX components.

How to style MDX content in a Next.js blog using MDX components, CSS modules, and the Tailwind typography plugin.

How to add fonts, typography styles, colors, and global site styling to a Next.js blog.

How to add MDX blog posts using @next/mdx and a metadata object to a Next.js blog.

Build a static Next.js blog in 2024 with App Router, Tailwind, TypeScript, local MDX, RSS, and a sitemap.

An introduction to building a Next.js blog in 2024 using all the latest practices.

A vim power user's guide to getting started with VS Code.

Introducing a visual guide to Australian seasonal fruit and veg.

A visualisation of snake sightings in South-East Queensland, Australia.

Rewrites are time consuming and oh so satisfying.

A timeline of life in lockdown Read the full post

Virtual DOMs give us an excellent developer experience but their diffing algorithms can have surprising implications.

Stories that inspired a new book about patterns and design systems.

This talk at Web Directions Design 2019, Arts Centre Pavilion, Melbourne, considered the user experience design side of recommender systems.

Diana MacDonald wrote the book, “Practical UI Patterns for Design Systems: Fast-track Interaction Design for a Seamless User Experience” as a guide to help people figure out the fundamentals of interaction design.

This talk at the Web Meetup August 2018, Melbourne, exploring how coders might bootstrap their design education.

If you’re interested in learning stenography, and you’re not sure what keyboard or stenotype machine to invest in, here you’ll find details about what’s involved in assembling a suitable mechanical keyboard.

This talk at Web Directions Design 2018, Arts Centre Pavilion, Melbourne, explored the perennial question of whether designers should learn to code.

This stylised CSS browser frame lets you present better screenshots by giving them context.

The “trickle list” is an idea I first heard about in Michael Lopp’s book, Being Geek.

Design and code work hand-in-hand to produce memorable digital products.

Design and code work hand-in-hand to produce memorable digital products.

Typey Type for Stenographers is a typing app designed specifically to help stenography students learn steno faster.

Plover is the world's first free, open-source stenography program, which translates chorded key strokes into meaningful words.

The versatile duck gives you metaphors good for any situation.

Since 2008, I’ve had intermittent pain in my wrists, elbows and upper body from occupational overuse.