Design

Creating disposable tools with Figma Make

Using Figma Make's AI coding capabilities to rapidly build a custom screenshot review tool.

Everyone loves a big, beautiful image on a web site.

I explain why using text within images is problematic for accessibility and SEO, and suggest better alternatives.

Parallax Experiments

I reflect on my experiments with native CSS Z-plane parallax and the performance challenges of multi-layered animations.

How to get Clients on your Side

Techniques for guiding clients through the design process using mood boards and wireframes.

Styling Twitter Timeline Embeds

I provide examples and techniques for customizing the appearance of embedded Twitter timelines.

Flat design, are we losing some of the charm?

I discuss the move away from skeuomorphism towards flat design and whether we are losing visual richness.

Why Codesign Tools are the Future of Web Design

I explore the shift towards visual coding tools and how they bridge the gap between design and production code.

Responsive Design: Beyond the Blog

I discuss how responsive design principles can be applied to complex web applications and non-blog layouts.

Redesigning the Buffer App, part 1

I share my initial thoughts and wireframes for a conceptual redesign of the Buffer app's user interface.

A prototype is worth a thousand words

I explain why interactive prototypes are more effective than static designs for communicating complex ideas.

Web sites are NOT posters

I discuss the fundamental differences between print and web design, emphasizing the need for flexibility.

Please, no more tired analogue metaphors

I argue for moving away from literal skeuomorphism in favor of more native digital design patterns.