Design

‘Why wireframes should strip all visual style and focus purely on layout. Accurate wireframes make for a stronger foundation before adding visual design.’

‘Vertical rhythm creates visual harmony between text and other elements on a page. This guide focuses on the why rather than the how, to build a solid understanding.’

Illustrator’s default stroke width profiles don’t always suit. This post shows how to create, edit, flip, and save your own custom width profiles.

Two of the most useful masking techniques in Photoshop: clipping images to a shape, and using the overlay blend mode for non-destructive dodge and burn.

How to create a grid in Illustrator using split into grid and make guides. Covers creating a simple grid and toggling its visibility.

Adobe added a built-in guide layout creator to Photoshop in 2014. It covers most of what GuideGuide does, lets you save layouts, and syncs with Creative Cloud.

How to choose a legible typeface for paragraphs. Covers the key factors to consider: x-height, contrast, width, and the context in which the type will be read.

A beginner’s guide to the essentials of web typography. Covers choosing a harmonious type scale, setting a comfortable line height, and ideal line lengths.

Linked smart objects in Photoshop make designs far more manageable. Update a shared element once and it reflects everywhere — a workflow game-changer.

‘A clear reference for Adobe Generator layer naming syntax, with examples for common use cases — the cheatsheet the Adobe docs never quite provided.’

Initially I thought it would be quite frustrating to get going with SVG, but after jumping in and seeing where I got it’s quite simple.