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: Browser
Responsive Images using
A Rendering Performance Guide for Developers by Paul Lewis (#perfmatters at SFHTML5)
The State Of Responsive Web Design
The State Of Responsive Web Design
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).
Start Google Chrome with local file access on Mac OS X
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
[Update]
File XMLHttpRequest can also be enabled in Opera visiting opera:config#UserPrefs|AllowFileXMLHttpRequest