Big heavy images are responsible for most of the bloat on a responsive website, but it doesn’t have to be that way. Here’s the latest HTML elements you can use to keep your images small, and your site lean & fast.
Presented at Coffee & Code on July 1, 2014.
Blog post: matthew-steele.com/responsive-images-picture-srcset/
Category: HTML 5
Responsive Images using
Ten reasons we switched from an icon font to SVG
http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/
We use a lot of icons on lonelyplanet.com and recently went through the task of transferring them from an icon font to SVG files. I wanted to share why we did this along with some of the current limitations to SVG and how we got around them.
25 responsive design tools
http://www.creativebloq.com/responsive-design-tools-8134180
As responsive web design evolves, Brad Frost looks at some of the best tools, resources and thinking for crafting exceptional responsive experiences
A Rendering Performance Guide for Developers by Paul Lewis (#perfmatters at SFHTML5)
Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study
Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study
Today we’ll discuss how to improve the paint performance of your websites and Web apps. This is an area that we Web developers have only recently started looking at more closely, and it’s important because it could have an impact on your user engagement and user experience.
Nice summary on Smashing Magazine!
Text-align: Justify and RWD
Did you know that one of the most powerful tools for fluid and responsive layout has been a native feature for every browser since HTML 4?
Hacks on Mozilla: Optimizing your JavaScript game for Firefox OS
Hacks on Mozilla: Optimizing your JavaScript game for Firefox OS