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
I really love Google’s Material design. The above is a lite version of the framework that recently got updated.
Philadelphia Front End Developer
With a firm understanding of both front end web development and the WordPress platform, I can help you take your project to the next level. Keeping up to date on the trends of user interface and user experience design, creating feature rich websites that are easy to maintain and easy to manage is what I do best. Be sure to think of me when you start designing your next project.