Advertisement · 728 × 90

Posts by A List Apart “for people who make websites” 1997–?

Preview
The Practical Accessibility Course A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today

Today I published the second update of this month to the Practical Accessibility course content.

I have at least two or three more updates coming this April.

As I promised, I want to keep the course as up-to-date and as relevant to your work as possible.

Get access @ practical-accessibility.today

1 week ago 107 20 2 1

Just as a reminder — all these cool fonts are available to use on @codepen.io as well.

1 week ago 42 5 0 0
Preview
Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers — Squarespace Engineering Blog At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitat...

New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Today’s Browsers.

I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.

1 week ago 42 19 3 3

This is the #overlay company that fabricated clients, testimonials, and ratings:
adrianroselli.com/2025/07/acce...

Its failure to do alt text correctly for this Bluesky post should tell you all you need to know.

#a11y #accessibility #WCAG

1 week ago 14 9 1 0
Preview
Lanark, a font inspired by Alasdair Gray A striking humanist display font inspired by Alasdair Gray's distinctive type.It is inspired by the lettering created by the Scottish writer, artist and polymath, Alasdair Gray who The Guardian newspa...

❦ @alistapart.com author Liam Nugent’s Lanark is a new font inspired by the lettering of Scottish writer, artist and polymath Alasdair Gray. Includes U&lc, numbers, and punctuation. One weight in OpenType, .woff and .woff2.

liamnugent.gumroad.com/l/lanark-font

1 month ago 18 7 1 0
Northwestern University: Information Design and Strategy.

Northwestern University: Information Design and Strategy.

A List Apart thanks our sponsor, Northwestern Information Design and Strategy, School of Professional Studies.

Ready to advance in content strategy, UX/UI, data communication, or learning design? Explore Northwestern’s online MS in Information Design & Strategy.

sps.northwestern.edu/ala

1 week ago 0 1 0 0
Preview
Web 3.0 Web 2.0 is a fresh-faced starlet on the intertwingled longtail to the disruptive experience of tomorrow. Web 3.0 thinks you are so 2005.

Bubbles, bubbles, toil and trouble. Return with us to January, 2006, where we evaluated the hype around “Web 2.0.” #OldGold #AListApart

alistapart.com/article/web3...

1 month ago 0 0 0 0
Advertisement
Preview
Jeffrey Zeldman Presents - The salad bar theory of UX professionalism - Design Less, but better? Not this week.

A List Apart founder @zeldman.bsky.social on our latest obsession with how much and how fast.

zeldman.com/2026/02/16/t...

1 month ago 2 1 0 0
Preview
Mobile-First CSS: Is It Time for a Rethink? Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons of the classic methodology, as well as when other solutions might work better.

Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons and lays out an alternative.



alistapart.com/article/mobi... #mobilefirst #CSS #AListApart

1 year ago 11 2 0 0
Preview
How to Create an Editorial Calendar and Be More Successful Learn how to create an effective editorial calendar so you can write better content and manage your blog with less stress. Includes free template.

Destress your blogging life with an editorial calendar. You can create one in five minutes using any spreadsheet tool. Here’s how.

wordpress.com/blog/2025/01...
#blogs #blogging

1 year ago 3 1 0 0

A gift from the wonderful @stephaniewalter.bsky.social. #ColorTheory #palettes #resources #tools #InclusiveDesign #a11y #color #colors

1 year ago 16 6 0 1
Preview
A Content Model Is Not a Design System These days, content models have to serve a variety of delivery channels, each more outlandish than the last. But why do many content models still look more like design systems rather than reflectin…

Creating a content model with design-system thinking could capsize your customers’ omni-channel strategy. Avoid that outcome by creating content models that are semantic and that also connect related content.

A Content Model Is Not a Design System
by Mike Wills

alistapart.com/article/a-co...

1 year ago 9 1 0 1
Preview
Designing Safer Web Animation For Motion Sensitivity For millions of people with vertigo and inner ear problems, large-scale web animations can trigger nausea, migraines, and dizziness. To make websites accessible for everyone, we don’t need to elimi…

★ Designing Safer Web Animation For Motion Sensitivity
by Val Head September 08, 2015

alistapart.com/article/desi... #a11y #OldGold @vlh.bsky.social #vestibular #VestibularDisorder #vertigo #migraines #nausea #health #ux #ixd #ui #animation #design

10 months ago 3 2 0 0
Preview
A Simpler Page Want to design a book? There are mountains of beautifully designed examples to inspire you. But what about digital books? How do you create elegantly typeset, gloriously balanced reading experience…

Know your design history: @craigmod.com (Flipboard, Art Space Tokyo) introduces Bibliotype, an HTML baseline typography library for tablet reading. #OldGold #typography #KnowYourHistory #design

alistapart.com/article/a-si...

5 months ago 14 3 0 0

I am vaguely annoyed these are called ‘enhancements’.

Animated GIF alt:

App menu → Settings → AI Controls → “Block AI Enhancements” (toggle).

Then scroll down and find Translations. Change from “Blocked” to “Available”.

2 months ago 5 3 1 0
Advertisement
Preview
Accessibility For Everyone by Laura Kalbag Read the book online for free.

My book, Accessibility For Everyone, is now free and online as a website.

accessibilityforeveryone.site

The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.

2 months ago 309 195 9 10
Preview
Beware the faux bold (and how to fix it) I don’t know if it’s just me, or if something’s happened in the last few months, but I keep seeing faux bolds everywhere. The fix is tiny and simple, although frankly the mistake is pretty basic –…

Beware the faux bold (and how to fix it): "I don’t know if it’s just me, or if something’s happened in the last few months, but I keep seeing faux bolds everywhere. The fix is tiny and simple." #CSS clagnut.com/blog/2438

2 months ago 13 3 0 0
Preview
Proximity Principle in Visual Design The principle of proximity states that we perceive objects which are close to one another as a group. This is true even if the color, size…

The proximity principle is based on the idea that our minds seek to organize and bring order out of chaos, which makes it easy for us to navigate the world.

Neointeraction Design explains: neointeraction-design.medium.com/proximity-principle-in-v...

2 months ago 5 4 0 0
Preview
Evolving Design Language in the AI Era: From Good to Great Explore how the AI era reshapes design language, emphasizing objective critique over subjective opinions for successful outcomes.

When AI can generate good-looking work instantly, “good” can’t carry the weight it used to. Change the conversation to reflect what design has always been at its best: goals-aligned, research-informed, constraints-aware, and outcomes-focused. @pseudoroom.bsky.social shares how.

2 months ago 25 8 1 1
Preview
Repeatable Form Fields Made Simple :: Aaron Gustafson Sometimes you need users to provide multiple instances of the same information—multiple email addresses, phone numbers, team members, or emergency contacts. The form-repeatable web component makes this...

Add repeatable form field groups with automatic numbering and native form participation.

2 months ago 11 4 0 0

Noticing when you use "it's not that bad" to deny your or others reality is part of how you practice disability justice.

2 months ago 5 1 1 0

My latest piece for @alistapart.com

2 months ago 2 1 0 0
Advertisement
Preview
An Holistic Framework for Shared Design Leadership “The relationship between a Design Manager and Lead Designer isn’t about dividing territories. It’s about multiplying impact. When both roles understand they’re tending to different aspects of the …

Having both a Design Manager and a Lead Designer on the same team is beautiful, but can be messy. To make it work without creating confusion, overlap, or “too many cooks,” check Michel Ferreira’s Holistic Framework for Shared Design Leadership.

Illustration: Tom Shannon for @alistapart.com. #ala25

3 months ago 10 3 1 0
Preview
Anisota's Annual Bluesky Harvest 2025 A recap of your year on Bluesky. Discover patterns, connections, and insights from your journey in the ATmosphere.

Our most-used words in 2025 were (no surprise):

1. "content" (9×)
2. "design" (6×)
3. "webdevelopment" (5×)
4. "webdesign" (5×)
5. "html" (4×)

See which words you used the most here: anisota.net/harvest

4 months ago 0 0 0 0

"Ultimately, many of these edits and punts were made in light of the CSS Working Group’s three primary goals for this spec. It needed to be:" Powerful • Robust • Performant

4 months ago 2 1 0 0
Preview
A Modern Typographic Scale Rob Weychert reaches for the top notes to sing us a song of typographic scale. A little attention to scale and to the mathematics will help you to hit a high note with your designs this Christmas and ...

It being that time of year, I went to 24 Ways to bask in the knowledge there. Here’s a 2019 Rob Weychert post that still resonates: A Modern Typographic Scale.

24ways.org/2019/a-moder... #design #typography #UXUI #TypographicScales

4 months ago 13 3 0 0
Preview
The AI that we’ll have after AI Cheap GPUs, unemployed engineers, and open source models.

“To recoup their existing and announced investments, AI companies will have to bring in $2 trillion, more than the combined revenue of Amazon, Google, Microsoft, Apple, Nvidia and Meta.

“And they have to bring in that $2 trillion before all those GPUs burn out…which is, again, about 2–3 years.”

4 months ago 33 14 2 2
Jeffrey Zeldman doll sporting a blue beanie (of course). Designed and manufactured by Dolls for Friends for my SXSW Interactive Hall of Fame party in 2012.

Jeffrey Zeldman doll sporting a blue beanie (of course). Designed and manufactured by Dolls for Friends for my SXSW Interactive Hall of Fame party in 2012.

November 30 is #BlueBeanieDay, supporting web standards and accessibility, the building blocks empowering a people-first web.

Remember how good that web felt? It still does.

Join us! Pop on a blue beanie and smile.

4 months ago 53 19 1 2

A happy #BlueBeanieDay to you and yours, celebrating an open and accessible web.

( #pixelart design for @alistapart.com )

4 months ago 14 2 0 0
Preview
A Simpler Page Want to design a book? There are mountains of beautifully designed examples to inspire you. But what about digital books? How do you create elegantly typeset, gloriously balanced reading experience…

Know your design history: @craigmod.com (Flipboard, Art Space Tokyo) introduces Bibliotype, an HTML baseline typography library for tablet reading. #OldGold #typography #KnowYourHistory #design

alistapart.com/article/a-si...

5 months ago 14 3 0 0
Advertisement