A List Apart

Menu

The Articles

Issue № 415

  • Quantity Queries for CSS

    by Heydon Pickering · · 48 Comments

    In responsive design, we think a lot about space, especially in the context of screen sizes. But the amount of content or the number of elements is bound to affect space, too, just as unpredictably—and if we don’t want our designs to dictate our content, we need new ways to make our design aware of changing content quantities. Heydon Pickering walks us through a new idea for creating style breakpoints for quantities of HTML elements.

  • Stopping the Infighting About Digital Standards

    by Lisa Welchman · · 7 Comments

    Organizations that struggle with their digital presence often do so because they haven’t established proper governance. But good governance is worth pursuing: clear policies and processes can answer questions, empower teams, and enable web strategies to shine. In this excerpt from Chapter 5 of Managing Chaos, Lisa Welchman explains the importance of digital standards—what they are, why they matter for governance, and how to start documenting them for your stakeholders.

Issue № 414

  • The Specialist-Generalist Balance

    by Garin Evans · · 9 Comments

    Specialists? Generalists? It’s not a question of which is better, but about finding the right mix for your team and your work. Specialists offer valuable expertise, but over-reliance on specialization isn’t always good for workflow—too many niches can lead to silos, bottlenecks, and poor communication. Garin Evans recommends that, instead, we build teams that play off the best traits of specialists and generalists, encouraging collaboration and innovation as we go.

  • A New Way to Listen

    by Indi Young · · 6 Comments

    Empathy can have an enormous impact on how we work. By learning to better understand others—what they think, how they feel, what guides their decisions and behaviors—we add balance, clarity, and depth to our business practices. In this excerpt from Chapter 4 of Practical Empathy, Indi Young explains how listening intently can lay the groundwork for developing empathy.

Issue № 413

  • Reframing Accessibility for the Web

    by Anne Gibson · · 43 Comments

    If you’ve been treating “people with disabilities” as an edge case for your websites, consider this a reckoning. Web accessibility means that everyone can use the web. The job of a web designer isn’t to question the configurations, devices, and tools that users bring to the table; it’s to rise to the challenge of making a site work for anyone who wishes to use it. Anne Gibson makes the case for site testing, inclusivity, and a better way of thinking about people online.

  • The Role of the Web, an Excerpt from Understanding Context

    by Andrew Hinton · · 1 Comment

    What place am I in? By giving us the ability to link to anything at any time, the web complicated this question and changed our concept of context. In this excerpt from Chapter 2 of his new book, Understanding Context, Andrew Hinton explores why that happened, and how our resulting “place confusion” affects the way we perceive and use the web.

Issue № 412

  • A Vision for Our Sass

    by Felicity Evans · · 22 Comments

    Sass is a powerful tool in helping us wrangle complex stylesheets. Yet it has its headaches—including troublesome nesting of CSS selectors, code duplication, and tight coupling—that result in messy outputted CSS. Universal standards aren’t a viable answer, as the Sass spec continues to quickly change and grow. Felicity Evans holds that the problem isn’t Sass itself, but the way we use it. In this article, she champions a set of tenets that offers guidelines on how to work with Sass and evaluate new features and techniques.

  • Live Font Interpolation on the Web

    by Andrew Johnson · · 8 Comments

    We all want to design great typographic experiences—while serving users on a huge array of devices. But today’s type is inflexible and doesn’t scale. We can solve this problem by making webfonts more systemized and context-aware, and live web font interpolation—the modification of a font’s design in the browser—can help us get there. Andrew Johnson points the way.

Issue № 411

  • The Core Model: Designing Inside Out for Better Results

    by Ida Aalen · · 31 Comments

    We’ve all fallen into territorial arguments about what content belongs on a site’s homepage. It’s the most important part of your website, after all—or is it? Ida Aalen shows us how to circumvent these turf wars with the Core Model approach, starting with a workshop to get everyone on the same page about what really counts as important—to your users. By identifying the core elements of your website as a team, you’ll make those smaller decisions about page design and content placement a lot faster, and without getting political about it.

  • From Empathy to Advocacy

    by Lyle Mullican · · 3 Comments

    As designers, we’ve devoted considerable attention to the concept of empathy. But how do we ensure that empathy for our users translates into actionable steps that then guide our design decisions and behaviors? Lyle Mullican explores how we can go beyond listening to our users, and start advocating on their behalf.

Issue № 410

  • Tweaking the Moral UI

    by Christina Wodtke · · 132 Comments

    Even at the most welcoming and trusting of conferences, a code of conduct is a necessity. Codes of conduct let people know that organizers are willing to protect participants and solve problems—a way of improving the user experience for our whole community. Here, Christina Wodtke attests to the inclusive power of codes of conduct—and what we need to do to see them adopted across the industry.

  • Conference Proposals that Don’t Suck

    by Russ Unger · · 4 Comments

    Conference proposals seem simple enough: throw your thoughts into a text form on a website, keep them within the suggested word limit, and hit send with high hopes of winning over organizers. But there’s much more to a successful conference proposal than meets the eye, and Russ Unger is here to walk through the steps involved with getting your germ of an idea into a polished state that will impress any committee.

Issue № 409

  • Planning for Performance

    by Scott Jehl · · 11 Comments

    We should build websites that are not merely responsive, but sustainable, globally accessible, and, well, responsible, as Scott Jehl suggests in his new book, Responsible Responsive Design. Our approaches to responsive websites need to consider ever-changing devices, limited networks, and unexpected contexts. In this excerpt from Chapter 3, Scott discusses page load times and the responsible delivery of code.

Issue № 408

  • UX for the Enterprise

    by Jordan Koschei · · 23 Comments

    Enterprise UX often involves navigating cumbersome processes, ancient technology, and clients skeptical of design’s value. Yet Fortune 500 companies are often the ones most in need of well-designed internal tools. Jordan Koschei takes us through common problems lurking in global organizations—and how we can improve people’s lives by giving internal tools the same attention as consumer interfaces.

  • Cultivating the Next Generation of Web Professionals

    by Georgy Cohen · · 6 Comments

    One of the most meaningful and lasting ways we can impact the future of the web is through the values and attitudes we instill in the next generation of web workers. Through informal mentoring, classroom outreach, internships, and more, we can offer support and opportunities to those new to digital professions. Georgy Cohen suggests practical ways to connect with students and welcome them wholeheartedly into the web community.

Issue № 407

  • The $PATH to Enlightenment

    by Olivier Lacan · · 22 Comments

    Web designers and developers are often scared of using the command line, but we don’t need to be. It’s actually a simple—and useful—set of tools that can speed up your work and improve your life. One of the most important concepts in the command line is $PATH. Olivier Lacan explains why—and how to get comfortable following the Path in your work.

  • Responsive Images in Practice

    by Eric Portis · · 64 Comments

    When we design responsively, our content elegantly and efficiently flows into any device. All of our content, that is, except images. For years, we’ve catered to users with the highest-resolution screens by sending giant images to everyone. No longer. Eric Portis takes us through the new picture element and other attributes to let us mark up multiple, alternate sources. Find out how to use responsive images now: send the best image for each context, cut down on page weight, and speed up performance.

Issue № 406

  • Axiomatic CSS and Lobotomized Owls

    by Heydon Pickering · · 67 Comments

    Managing flow content can get unwieldy—too many class selectors can become a specificity headache, nested styling can get redundant, and content editors don’t always understand the presentational markup. Heydon Pickering offers an unexpected option for handling cascading styles more efficiently: a variation on the universal selector.

  • The Specialized Web: Working with Subject-Matter Experts

    by Amanda Costello · · 9 Comments

    Content strategists often rely on the specialized knowledge of subject-matter experts (SMEs) to get the job done. But that job isn’t always straightforward; it’s complicated by different perspectives, communication styles, and project goals. Amanda Costello shows us how people skills—and the right mindset—can lead to better collaboration with SMEs and a smoother process from start to finish.

Recent Columns

Mark Llobrera on Professional♥︎Amateurs

Memory Management

For a low-key yet powerful career booster, have a robust process to handle all those little bits of info you need while working.

Recent Blog posts