Category: Front End Development

Link: The anatomy of responsive images – JakeArchibald.com

Source: The anatomy of responsive images – JakeArchibald.com

Responsive Images have been a topic I’ve been keeping track of for a while. I tend to share the same sentiment of Dave Rupert that he expressed in his 2013 article Ughck. Images.

From the picture element, to srcset, to art direction, to polyfils, to bandwidth limitations, its a problem with many symptoms and remedies.

Jake’s article does a good job of explain everything well and with images that illustrate the point.

If you’re using WordPress, consider using the RICG Responsive Images plugin. It’s backed by the Responsive Images working group.

Also checked these helpful videos for more info on responsive images.

Link: The Typekit Blog | WOFF2 support added to Typekit

Adobe adds WOFF2 support to Typekit. WOFF2 has been around for a while, and can offer savings of up to 30% in file size. One issue I’ve run into when using WOFF2 is lack of support in server configuration. If you plan on hosting your WOFF2 files for @font-face support, be sure to add the MIME type to your server configuration. Googling around can help with this, but if your on Apache or Nginx you can use: https://github.com/fontello/fontello/wiki/How-to-setup-server-to-serve-fonts

Source: The Typekit Blog | WOFF2 support added to Typekit