At least 10% of your visitors access your site over a mobile device. They deserve a good experience (and if you provide one, they’ll keep coming back).
Converting your multi-column layout to a single, linear flow is a good start. But mobile devices are not created equal, and their disparate handling of CSS is like 1998 all over again. Please your users and tame their devices with handheld style sheets, CSS media queries, and (where necessary) JavaScript or server-side techniques.
Semantics in HTML 5
The BBC’s dropping of hCalendar because of accessibility and usability concerns demonstrates that we have pushed the semantic capability of HTML far beyond what it can handle. The need to clearly and unambiguously add rich, meaningful semantics to markup is a driving goal of the HTML 5 project. Yet HTML 5 has two problems: it is not backward compatible because its semantic elements will not work in 75% of our browsers; and it is not forward compatible because its semantics are not extensible. If “making up new elements” isn’t the solution, what is?
More from A List Apart
Webwaste
In this excerpt from World Wide Waste, Gerry McGovern examines the environmental impact of bloated websites and unnecessary assets.
Connecting the Dots
In this excerpt from Creative Culture, Justin Dauer walks us through many ways in which an organizations’ culture and the design work that it does play off of one another.
Mr. Roboto: Connecting with Technology
Amy Bucher shares insights into using personalization to create meaningful user experiences.
Color Craft & Counterpoint: A Designer’s Life with Color Vision Deficiency
Noah Glushien shares the ins and outs of creating a successful career in web, despite being color blind.
Building the Woke Web: Web Accessibility, Inclusion & Social Justice
Building a more inclusive internet goes far beyond making our code more accessible. Olu offers a thoughtful approach to a more welcoming web.
Figure It Out
In this excerpt from Figure It Out, Stephen Anderson and Karl Fast take you on a deep dive into color.
Jobs To Be Done
"Designing Value," an excerpt from Jim Kalbach's book The Jobs To Be Done Playbook, gives advice on creating a jobs-driven roadmap and using job stories to solve specific design problems.
Usability Testing for Voice Content
Voice-driven content challenges many of our approaches to usability testing. Preston So turns them into opportunities and advantages for the medium itself.
Cross-Cultural Design
In this excerpt from Cross-Cultural Design, Senongo Akpem discusses the many facets of typography that must be considered when you are looking to reach a global audience.
Standards for Writing Accessibly
In this excerpt from Writing is Designing, Michael J. Metts and Andy Welfle discuss the importance of writing with accessibility in mind.
Making Room for Variation
In this excerpt from Expressive Designs Systems, Yesenia Perez-Cruz goes deep on what it takes to create design systems that enables intentional, meaningful variation.
Request with Intent: Caching Strategies in the Age of PWAs
To boost performance responsibly, Aaron Gustafson puts a spin on classic best practices, experiments with media caching strategies, and shares smart Cache API tricks.
