Designing Mobile-First Layouts

Most visitors arrive on a phone. Designing for the smallest screen first keeps layouts focused.
Your First Gallery
Start here All documentation Installing JMGallery Your first gallery How JMGallery stores things Filling the library Adding photos Custom fields The library and bulk editing CSV export and import Showing photos Building a display Grid, masonry and list Shortcodes The archive page and filters Single item pages The Elementor widget Pro features Video Captions, backgrounds, […]
Using White Space With Purpose

Empty space is not wasted space. It groups related things and guides the eye.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Building a Simple Colour Palette

A small, deliberate palette makes a site feel consistent and easier to maintain.
Accessible Contrast Made Easy

How to check text contrast, and quick fixes when a colour pair falls short.
Pairing Fonts That Work Together

Contrast in style, harmony in proportion: a simple method for choosing two fonts.
Line Length and Readability

Lines that run too long tire the eye. Here is how to keep paragraphs comfortable.
Self-Hosting Web Fonts

Why serving fonts from your own site can speed things up, and how to set it up.
Building a Type Scale

Pick a base size and a ratio, and every heading size follows naturally.