The A List Apart Blog Presents:

A List Apart 5.01

Article Continues Below

People who make websites know that the work doesn’t magically end after the initial launch. We’ve been busy working on a laundry list of bugs, tweaks, and enhancements since the new design debuted a week ago, and the release of a new issue seemed like a good opportunity to deploy the new style sheets.

Most of the changes involve tweaking the line-heights, font-sizes, and margins in the various breakpoints to make the site look tighter and more consistent. For example, author images on Column headers have been halved in size in the smaller breakpoints, which, along with smaller and tighter type for the titles, makes the whole arrangement more practical.

Some of the more interesting changes involve the web fonts. We’ve changed the typeface to Georgia Pro in places where we use the numero character, since we had fallback problems using the glyph in Franklin (and the Georgia Pro glyph is very nice, as well). We’ve enabled a couple of font-feature settings for old-style numbers and ligatures in the article body type—leveraging some of the OpenType features of Georgia Pro—although support for these features is mixed across browsers at present. Also, we’re experimenting with using Georgia Pro Condensed in the smallest breakpoint, to see if layouts are enhanced by fitting in more characters, and thus more words, per line. (Hat tip to Nick Sherman for this suggestion and other typographic consultation.)

Another change, per user reporting, was to substitute SVG images for the search and social icons.

We hope you find the style changes an improvement, and we’re interested in your feedback, including any bug reports. We’ll be continuing to work to improve the site and build upon the this latest relaunch as the year progresses.

11 Reader Comments

  1. @Michael N ✅
    We are using SVG for the search icon in all the breakpoints, but the fallback is a standard resolution PNG. Might be a caching issue? Are you getting SVG elsewhere on the page (graphic elements in footer, for instance)? Otherwise, please contact us with more details about browser version and so forth. Thanks!

Got something to say?

We have turned off comments, but you can see what folks had to say before we did so.

More from ALA

Designing for the Unexpected

As devices continue to diversify in dizzying ways, how can we make sure our work on the web stays as relevant as ever for the long haul? Cathy Dutton shares how practitioners must perfect designs both for the paradigms of the present and the twists of the future, come what may.

Asynchronous Design Critique: Getting Feedback

Receiving feedback can be a stressful experience: will an open-ended question attract helpful guidance or harsh criticism? Erin “Folletto“ Casali coaches us through a process to ensure that feedback always lands gracefully.

Asynchronous Design Critique: Giving Feedback

You’ve heard the term “constructive criticism” countless times but do you know how to deliver it? Part one of this series from Erin ‘Folletto’ Casali gives you a framework for it! Flex your feedback muscles and practice these skills to empower and inspire others without deflating or confusing them.

That’s Not My Burnout

If, like many folks during the pandemic, you’ve begun confusing burnout for achievement, Donna Bungard will show you how to recognize that you’re low on fuel and give you a map of rest stops where you can refill your tank.