SPIF - Streaming Progressive Image Format MultiRes is an image format that makes images look good on all screen resolutions, from mobile displays to Retina displays. Test it now! Zoom in to the photo on the left. You can use Ctrl/Cmd-+ to zoom in. You can see more examples on the sample images page. When an image is zoomed out, MultiRes loads a smaller version of the image. How MultiRes works MultiRes keeps each screen pixel filled with at least one image pixel, up to the maximum resolution of the image. A MultiRes image directory contains several versions of the same image at different resolutions. The MultiRes viewer loads the version of the image that's closest to the displayed size. The MultiRes viewer saves bandwidth by not loading the other versions of the image. What happened to SPIF? You can still check out the SPIF image format prototype here.
Fluid Width Video IN A WORLD of responsive and fluid layouts on the web ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self hosting the video and presenting it via the HTML5 <video> tag. You might be using YouTube or Vimeo which provides <iframe> code to display videos. <video width="400" height="300" ... <iframe width="400" height="300" ... <object width="400" height="300" ... Guess what. So can't we just do this? <video width="100%" ... Well, yep, you can. <iframe> Video (YouTube, Vimeo, etc.) Our little 100% width trick isn't going to help us when dealing with video that is delivered via iframe. Fortunately there are a couple of possible solutions here. But, but... aspect ratios, legacy content, non-tech users, etc. The above technique is awesome, but it has several possible limitations: It requires wrapper element, so just straight up copy-and-pasting code from YouTube is out. Adding Vimeo Putting it all together
kig/JSARToolKit The Cost of Frameworks Update: Nov 16th 2015 - Added an extra row in the table for React under production conditions. The good news: it’s 3x slower than vanilla, yes, but in actual terms I’d say it’s fast for TodoMVC! The Polymer TodoMVC sample was also updated to version 1.2.2 today, and that, too, is faster. If you prefer watching to reading, here’s the video of the talk (you can also get the slides, too, if you like): If you prefer reading to watching, well, keep reading… The benefits of frameworks Earlier in the year I wrote about React’s performance characteristics as the tree size it has to manage gets larger (TL;DR the bigger the tree, the more computation work it has to do). Frameworks are fun to use. The key message I heard over and over, sometimes explicitly, and often implicitly, is that ergonomics are the most important factor for many developers. The key message I heard over and over, sometimes explicitly, and often implicitly, is that ergonomics are the most important factor for many developers.