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/
Smashing Magazin looks at what is currently possible, what will be possible in the future using what are not yet standardized properties (such as CSS Level 4 and HTML5 APIS).
Debugging local contents with Google Chrome on Mac OS X can be hard since local file access is disabled by default.
Enabling local file access is a simple terminal command. So just open your terminal anywhere, make sure Google Chrome is currently not running, copy paste this line and hit enter:
open /Applications/Google\ Chrome.app --args --allow-file-access-from-files
Using Google Chrome Canary is also possible:
open /Applications/Google\ Chrome\ Canary.app --args --allow-file-access-from-files
File XMLHttpRequest can also be enabled in Opera visiting opera:config#UserPrefs|AllowFileXMLHttpRequest