Semantics to Screen Readers
A note from the editors: We extended our From URL to Interactive series with this fifth installment to include what happens when screen readers access our page. In the illustration, our fisher has caught the fish and is now ready to weigh it. As a child of the ’90s, one of my favorite movie quotes is from Harriet the Spy: “there are as many ways to live as there are people in this world, and each
The Cult of the Complex
’Tis a gift to be simple. Increasingly, in our line of work, ’tis a rare gift indeed. In an industry that extols innovation over customer satisfaction, and prefers algorithm to human judgement (forgetting that every algorithm has human bias in its DNA), perhaps it should not surprise us that toolchains have replaced know-how. Likewise, in a field whose hiring practices overwhelmingly favor young w
Priority Guides: A Content-First Alternative to Wireframes
Illustration by Dougal MacPherson
Content-out Layout
Wersin’s 12 “orthagons” with ratios (PDF) The most famous irrational ratio in design is, of course, the golden ratio (the “Auron,” according to Wersin), which is derived from patterns in nature and the human form. Irrational ratios give us smaller increments in proportions, and their idiosyncratic relationships work best in asymmetrical layouts. What else?#section5 On its own, a ratio is not enoug
Faux Grid Tracks
A little while back, there was a question posted to css-discuss: Is it possible to style the rows and columns of a [CSS] grid—the grid itself? I have an upcoming layout that uses what looks like a tic-tac-toe board—complete with the vertical and horizontal lines of said tic-tac-toe board—with text/icon in each grid cell. This is a question I expect to come up repeatedly, as more and more people st
Yes, That Web Project Should Be a PWA
It seems like ever since Frances Berriman coined the term “Progressive Web App” in an effort to describe a new class of website, there’s been a great deal of confusion over exactly what a Progressive Web App (PWA) is. Sure, her husband, Alex Russell, put together a handy guide to the characteristics of a PWA, and they have been the subject of reams of documentation, dozens of blog posts, and equal
A Brief History of Markup
A note from the editors: We are pleased to present Chapter 1 of HTML5 for Web Designers by Jeremy Keith (A Book Apart, 2010). HTML is the unifying language of the World Wide Web. Using just the simple tags it contains, the human race has created an astoundingly diverse network of hyperlinked documents, from Amazon, eBay, and Wikipedia, to personal blogs and websites dedicated to cats that look lik
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A DIY Web Accessibility Blueprint
CSS: The Definitive Guide, 4th Edition
Feedback That Gives Focus
Accessibility – A List Apart
Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8
A List Apart: A List Apart