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

Nothing Fails Like Success

Our own @zeldman paints the complicated catch-22 that our free, democratized web has with our money-making capitalist roots. As creators, how do we untangle this web? #LetsFixThis