Editorial | Tom Shannon | Illustrator

Caricature of Tom Shannon
Tom Shannon Illustration Logo

Book cover for middle grade kidlit of The Fonz—Illustrated
              by Tom Shannon.

Breaking Out of the Box


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Patrick Brosset
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

CSS is about styling boxes. In fact, the whole web is made of boxes, from the browser viewport to elements on a page. But every once in a while a new feature comes along that makes us rethink our design approach.

Round displays, for example, make it fun to play with circular clip areas. Mobile screen notches and virtual keyboards offer challenges to best organize content that stays clear of them. And dual screen or foldable devices make us rethink how to best use available space in a number of different device postures.

These recent evolutions of the web platform made it both more challenging and more interesting to design products. They’re great opportunities for us to break out of our rectangular boxes.

Dive into the full story — Read the Article!
Whimsical illustration of an octopus wearing a chef hat, cooking and reading a 'CSS Recipes' book – symbolizing coding and multitasking, art by Tom Shannon.

Mobile-first CSS – is it time for a rethink


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Patrick Clancey
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

The mobile-first design methodology is great—it focuses on what really matters to the user, it’s well-practiced, and it’s been a common design pattern for years. So developing your CSS mobile-first should also be great, too…right?

Dive into the full story — Read the Article!
Scuba diving girl illustration with flashlight by Tom Shannon.

A Deep Dive Into JavaScript Object Prototypes and How They Work


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

This topic is for intermediate JavaScript developers with little or no background knowledge of JavaScript prototypes, how prototype chains work, and how to add new methods onto the prototype property. By the end of this tutorial, readers should have a firm knowledge of how prototype chains work and how the prototype property can be used to add methods to existing constructors.

The aricle was not published.

Book cover for Penny and the Stolen Chalice.

Facilitating Design Handoffs to Technical Teams


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Sean Knotts
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

A simple premise to follow when managing design handoffs—if your development team is seeing the work for the first time at this phase, you’ve already failed.

A successful, streamlined handoff requires more than just a cohesive delivery of all assets. It requires early planning between the design and technical teams to align on experience and interaction intent.

The aricle is no longer available.

Opportunities for AI in Accessibility


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Aaron Gustafson
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

In reading Joe Dolson’s recent piece on the intersection of AI and accessibility, I absolutely appreciated the skepticism that he has for AI in general as well as for the ways that many have been using it. In fact, I’m very skeptical of AI myself, despite my role at Microsoft as an accessibility innovation strategist who helps run the AI for Accessibility grant program. As with any tool, AI can be used in very constructive, inclusive, and accessible ways; and it can also be used in destructive, exclusive, and harmful ones. And there are a ton of uses somewhere in the mediocre middle as well.

Dive into the full story — Read the Article!
Illustration of a smiling monkey and alligator facing each other

How to Sell UX Research with Two Simple Questions


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Sophia V. Prater
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional

Do you find yourself designing screens with only a vague idea of how the things on the screen relate to the things elsewhere in the system? Do you leave stakeholder meetings with unclear directives that often seem to contradict previous conversations? You know a better understanding of user needs would help the team get clear on what you are actually trying to accomplish, but time and budget for research is tight. When it comes to asking for more direct contact with your users, you might feel like poor Oliver Twist, timidly asking, “Please, sir, I want some more.

Dive into the full story — Read the Article!
Illustration of a smiling monkey and alligator facing each other

An Holistic Framework for Shared Design Leadership


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Michel Ferreira
  • Editor in Chief: Jeffrey Zeldman
  • Medium: Traditional

Picture this: You’re in a meeting room at your tech company, and two people are having what looks like the same conversation about the same design problem. One is talking about whether the team has the right skills to tackle it. The other is diving deep into whether the solution actually solves the user’s problem. Same room, same problem, completely different lenses.

Dive into the full story — Read the Article!

Illustration Gallery

Black and white illustration of a person removing a smiling mask from their face, revealing a neutral, expressionless robotic face beneath, symbolizing hidden emotions or dual identity.

Breaking Out of the Box


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Patrick Brosset
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Dive into the full story — Read the Article!
Black and white illustration of an octopus chef reading a 'CSS Recipes' book while cooking, symbolizing coding and multitasking – art by Tom Shannon.

Mobile-first CSS – is it time for a rethink


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Patrick Clancey
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Dive into the full story — Read the Article!
Illustration of a girl scuba diving with a flashlight, exploring underwater plants and fish – children's editorial art by Tom Shannon.

A Deep Dive Into JavaScript Object Prototypes and How They Work


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Illustration of a stork flying through the clouds while carrying a baby in a cloth bundle.

Facilitating Design Handoffs to Technical Teams


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Sean Knotts
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Illustration of a robot watering various potted plants by Tom Shannon.

Opportunities for AI in Accessibility


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Aaron Gustafson
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Dive into the full story — Read the Article!

How to Sell UX Research with Two Simple Questions



An Holistic Framework for Shared Design Leadership


  • Client: A List Apart
  • Owner: Jeffrey Zeldman
  • Author: Sophia V. Prater
  • Editor in Chief: Aaron Gustafson
  • Medium: Traditional
Dive into the full story — Read the Article!