Tim Kadlec @tkadlec 2012 Web Peformance Summit 8/29/2012 Responsive Responsive Design Building sites that are flexible and fast Velocity NY | October 14, 2013
— Ethan Marcotte Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things. http://alistapart.com/article/responsive-web-design
— John Allsopp The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. http://alistapart.com/article/dao
— Ethan Marcotte Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things. gradient of different experiences http://alistapart.com/article/responsive-web-design
— Ethan Marcotte Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things. gradient of different experiences http://alistapart.com/article/responsive-web-design
— Stephanie Rieger Shoot me now…responsive design has seemingly become confused with an opportunity to reduce performance rather than improve it. https://twitter.com/stephanierieger/status/245240465572642816
— A friend I doubt anyone really wants to release a site that doesn't perform well, it's just a product of not being afforded the luxury of time and top-down pressure.
Embedded External One HTTP request Many HTTP requests Large file could be hard to maintain Organization can be easier Extra weight, regardless of if needed Smaller CSS for device not supporting media queries
Embedded External One HTTP request Many HTTP requests Large file could be hard to maintain Organization can be easier Extra weight, regardless of if needed Smaller CSS for device not supporting media queries All styles downloaded All styles downloaded (if media queries supported)
Embedded External One HTTP request Many HTTP requests Large file could be hard to maintain Organization can be easier Extra weight, regardless of if needed Smaller CSS for device not supporting media queries All styles downloaded All styles downloaded (if media queries supported) Everything is in the critical path Browsers can optimize for the critical path
82% of Alexa top 100 sites use some form of server-side detection http://mobiforge.com/designing/blog/server-side-device-detection-used-82-alexa-top-100-sites
// instantiate client include 'DeviceAtlasCloud/Client.php'; // fetch props $results = DeviceAtlasCloudClient::getDeviceData(); // store result $props = $results['properties']; // set $width to correct width or "" if unknown $width = (isset($props['displayWidth'])) ? $props['displayWidth'] :""; ?> http://mobile.smashingmagazine.com/2013/10/08/responsive-website-design-with-ress/