diff options
author | luxagraf <sng@luxagraf.net> | 2015-10-23 21:16:52 -0400 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2015-10-23 21:16:52 -0400 |
commit | 53f77a08160f6f340a5dcc8d00cf9a3c651b5c1d (patch) | |
tree | f6f693c601634161ad9b2a970b83126b43c73b23 /published/chrome38review.txt |
initial commit
Diffstat (limited to 'published/chrome38review.txt')
-rw-r--r-- | published/chrome38review.txt | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/published/chrome38review.txt b/published/chrome38review.txt new file mode 100644 index 0000000..076db3e --- /dev/null +++ b/published/chrome38review.txt @@ -0,0 +1,26 @@ +Google recently pushed out Chrome 38, the latest version of the company's web browser, for desktop and mobile devices. + +Google updates Chrome every six weeks, so often in fact that much of the time there isn't much in the way of new features in these updates. This release is different in that regard. + +Chrome 38 is the first web browser to support the brand new HTML Picture element. + +The Picture element is one of several new tools for web developers which allow websites to serve different images based on the screen size of the device you're using. Though Picture gets all of the attention, much of the time developers <a href="http://blog.cloudfour.com/dont-use-picture-most-of-the-time/">won't even need the new element</a>, just the new attributes for the <code><img></code> element. + +What's the big deal? You’ve probably noticed that it's increasingly common for websites to adapt their layout to fit your device. For example, on small screens a site might collapse menus and vertically stack content blocks that would be arranged differently on a larger screen. These flexible layouts are part of what's known as responsive web design. When done properly it means a single website, with all the same content, works well on every device. + +But while developers have tools to handle changing around the layout, there isn't much they can do about the size of images in those layouts. So while an image might be scaled down to fit your phone, behind the scenes your browser still downloads a large file. That's a waste of bandwidth -- sending a huge image to a tiny screen. So, when building responsive websites developers have resorted to various hacks when handling images. Until now. + +The Picture element and the new attributes available on the good old <code><img></code> element change that. As Google puts it in <a href="http://blog.chromium.org/2014/08/chrome-38-beta-new-primitives-for-next.html">the Chrome 38 announcement</a>, these new responsive image tools "bake an elegant solution right into the web platform". + +For now, Chrome 38 is the only browser with support for responsive images, though Opera 25 will have support when it emerges from Opera's beta channel. Firefox will also support responsive images in a release later this year, and the IE team has indicated that responsive images support is on their roadmap as well. + +Chrome may be the first web browser to support responsive images, but the fact that there's a solution at all is due, not to some standards body or innovative web browser developers, but thanks to the efforts of the web development community. + +The <a href="http://responsiveimages.org/">responsive images community group</a> at the W3C, led by developer Mat Marquis, developed the specification for the new Picture element and the new attributes on the <code><img></code> element. The spec took several years and a lot of hard work from several dozen core developers, but a spec is just words until a web browser actually starts supporting it, which is why Chrome 38 is so important. + +Support for responsive images in Chrome 38 is largely the result of developer Yoav Weiss, who helped implement support for responsive images in Chrome as part of a successful crowd funding campaign. + +The net result of all this effort for users are websites that are faster and lighter on your mobile's data plan. If you'd like to see the new responsive image support in action, make sure you've got the latest version of Chrome and head on over to this <a href="https://longhandpixels.net/blog/2014/02/complete-guide-picture-element">responsive images demo</a>. + +Chrome 38 contains a few other new features for developers as well, notably some more support for new features in JavaScript (part of the support for the ECMAScript 6 draft specification). For full details on everything else that's new, you can check out the <a href="https://www.chromestatus.com/features">Chromium Dashboard site</a>. + |