#144 - Web site resilience
Hey everyone,
Welcome to issue #144, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
“They’d call it interactive architecture, sure, but then they’d refer to it with a different name: responsive architecture. A light went off in my head. Responsive felt right for what I was trying to describe: layouts that would just know the best way to fit on a user’s screen.”
Ethan Marcotte reflects on the origins of responsive design, as the concept he coined turns 10 years old.
Responsive web design turns te. Ethan Marcotte reflects on the origins of responsive design, the concept he coined a decade ago.
Design and Code #
Redesign: Clearing A Path. Frank Chimero wraps up he’s website redesign by stripping back content, using CSS Clamp for fluid typography and adding some spirit with color.
What Is Site-Speed and Why Should I Care? A short primer on web performance optimisation from Harry Roberts.
The beauty of progressive enhancement. Manuel Matuzovic on how to build a robust foundation by falling back to simpler solutions for tolder devices, operating systems, and browsers.
Web site resilience, HTML nesting rules, masonry layout, Web We Want. Episode 3 of the The F-word podcast with Bruce Lawson and Vadim Makeev.
Netlify announce Build plugins at the first virtual Jamstack Conf. Build plugins help you automate build tasks and customise your build process. You can create your own or pick and choose from a growing library of one-click installs.
11ty Plugin Repository. Plug11ty is a community-run repository for 11ty plugins. It’s powered using NetlifyCMS Open Authoring.
Typography #
Digital Type Specimens. Matthais Ott observes the shift from physical documents to increasingly stunning digital type specimens that, thanks to animations and interactive features, take the genre to new heights.
Type Specimens is a curated list of type specimens from Mark Boulton that aims to provide some insight into what makes a useful, delightful, purposeful specimen.
Scunthorpe Sans. A s*** font that f**ing censors bad language automatically. Named after “The Scunthorpe problem” which describes the unintentional blocking of websites, e-mails, forum posts or search results, this clever typeface uses ligatures to block the swears.
The awesome Mac OS Catalina fonts you didn’t know you had access to. Great news for Catalina users. You now have several new typefaces, including Canela, Graphik, Domaine Display and Founders Grotesk.
Something to watch #
State of the Jamstack Survey—May 2020. Laurie Voss analyzes the state of the Jamstack based on an industry survey of 3,000 developers. According to survey responses, the most sought-after benefits of the Jamstack are performance, reliability and developer workflows, while one third of respondents reported their Jamstack sites serve millions of users each year.