---
title: "This Week's HTML5 and Browser Technology News (Issue 244)"
publication: "Frontend Focus"
issue: 244
published_at: "2016-06-15"
canonical_url: "https://frontendfoc.us/issues/244"
---
This Week's HTML5 and Browser Technology News (Issue 244)
[Read this e-mail on the Web](http://frontendfoc.us/issues/244)
Frontend FocusIssue 244 — June 15, 2016[Chrome's DevTools in 2016 and Beyond](https://developers.google.com/web/updates/2016/06/devtools-digest?utm_source=frontendfocus&utm_medium=email)A look at the themes and trends for the popular Chrome DevTools going forward, including an improved ‘Device Mode’, source diffing, and live Sass editing. Google
[Computer Says NO to HTML5 Document Outline](http://html5doctor.com/computer-says-no-to-html5-document-outline/?utm_source=frontendfocus&utm_medium=email)Originally, headings were meant to nest within sectioning elements, but in actual user agents, things haven’t worked out as originally intended. Steve Faulkner
[jQuery 3.0 Final Released](http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/?utm_source=frontendfocus&utm_medium=email)A slimmer, faster version of jQuery without all the old IE workarounds and taking advantage of modern browser APIs. There’s an [upgrade guide](https://jquery.com/upgrade-guide/3.0/) and a script to [help with migrations.](https://github.com/jquery/jquery-migrate#migrate-older-jquery-code-to-jquery-30) jQuery Foundation
[](https://frontendmasters.com/courses/svg-animation/?utm_source=frontendfocus&utm_medium=email)[Learn Advanced SVG Animation Course with Sarah Drasner](https://frontendmasters.com/courses/svg-animation/?utm_source=frontendfocus&utm_medium=email)Create resolution-independent, scalable, complex animations for a myriad of use cases across the web with SVG. Frontend MastersSponsor
[Recreating the Theremin with JS and the Web Audio API](https://www.smashingmagazine.com/2016/06/make-music-in-the-browser-with-a-web-audio-theremin/?utm_source=frontendfocus&utm_medium=email)A fun tutorial from browser-based musical mastermind Stuart Memo on tying up the Web Audio API and pointer location to recreate an early electronic instrument. Stuart Memo
[Bringing Apple Pay to the Web](https://lists.w3.org/Archives/Public/public-payments-wg/2016Jun/0013.html?utm_source=frontendfocus&utm_medium=email)At WWDC, Apple announced its “Pay” system will become available on the Web, and Apple’s Edward O’Connor wonders if the existing [Payment Request API](https://www.w3.org/TR/payment-request/) could become compatible with it. W3C
[Improving CSS Quality At Facebook and Beyond](https://code.facebook.com/posts/879890885467584/improving-css-quality-at-facebook-and-beyond/?utm_source=frontendfocus&utm_medium=email)Building on top of open source tools helped improve the quality of CSS at Facebook and set the stage for community-wide rules and guidelines. Juriy Zaytsev
[Memory Debugging with WebKit's Web Inspector](https://webkit.org/blog/6425/memory-debugging-with-web-inspector/?utm_source=frontendfocus&utm_medium=email)Web Inspector, as used in WebKit and Safari, now includes two new timelines for debugging a page’s memory usage. Joseph Pecoraro
[Where The Web Is Going In 2016](http://developer.telerik.com/featured/web-going-2016/?utm_source=frontendfocus&utm_medium=email)Jared Faris discusses the most important new features in web standards, in particular JavaScript, that you should be watching carefully. Telerik Developer Network
Jobs [](https://hired.com/join/?utm_source=petercooperpress&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-swe%29%28q2-17-frontend-focus%29&utm_content=newsletter)
- [Frontend Developer at X-Team (Remote)](http://x-team.com/frontend-developer?utm_source=newsletter&utm_medium=email&utm_campaign=html5weekly-june)We're looking for a developer with extensive knowledge of HTML5, CSS3 and JavaScript. We are 100% remote and we provide the funding needed to help you achieve your goals and grow as a remote developer. X-Team
- [The Easiest Way to Find a Job](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-html5&utm_content=easiest&utm_campaign=q2-16-html5weekly&utm_location=us)Hired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. [Try it today.](https://hired.com/?utm_source=newsletters=petercooperpress=cat-tech-html5=easiest=q2-16-html5weekly=us) Hired.com
Can't find the right job? Want companies to apply to _you?_ [Try Hired.com.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-frontend&utm_campaign=q2-17-frontend)
In Brief
[What's New in Chromium 51 and Opera 38](https://dev.opera.com/blog/opera-38/?utm_source=frontendfocus&utm_medium=email) news
Also covers Chrome 51. Lots of ES6 updates, but also the [Presentation API](https://w3c.github.io/presentation-api/) and [Intersection Observer API](https://wicg.github.io/IntersectionObserver/).
Mathias Bynens
[What’s New in Safari 10 for Web Developers](https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html?utm_source=frontendfocus&utm_medium=email) news
Safari 10 will ship with macOS Sierra this fall.
Apple
[Google Fonts Site Gets Major Update](https://fonts.google.com/?utm_source=frontendfocus&utm_medium=email) news
The fonts Google hosts are commonly used across the Web, so it’s great to see the site become even better.
Google Fonts
[Firefox 47 for Developers](https://developer.mozilla.org/en-US/Firefox/Releases/47?utm_source=frontendfocus&utm_medium=email) news
Mozilla
[Next Steps for Legacy Plug-ins in Safari](https://webkit.org/blog/6589/next-steps-for-legacy-plug-ins/?utm_source=frontendfocus&utm_medium=email) news
On sites offering “Flash and HTML5 implementations of content, Safari users will now always experience the modern HTML5 implementation.”
Ricky Mondello
[The SaveAs Webinar: Exporting Content from JavaScript Apps](http://www.telerik.com/campaigns/kendo-ui/exporting-js-content?utm_medium=newsletter&utm_source=HTMLWeekly&utm_campaign=dt-kendo-apr16-webinar-export) rawurl news
Implementing export functionality in your web apps presents a multitude of challenges. Learn how to tackle them.
Kendo UI by ProgressSponsor
[How z-index and Auto Margins Work in Flexbox](https://www.sitepoint.com/quick-tip-how-z-index-and-auto-margins-work-in-flexbox/?utm_source=frontendfocus&utm_medium=email) tutorial
George Martsoukos
[Using The HTML 'lang' Attribute](https://www.paciellogroup.com/blog/2016/06/using-the-html-lang-attribute/?utm_source=frontendfocus&utm_medium=email) tutorial
Léonie Watson
[Performance Observer: Efficient Access to Performance Data](https://developers.google.com/web/updates/2016/06/performance-observer?utm_source=frontendfocus&utm_medium=email) tutorial
Beginning in Chrome 52, the performance observer interface is enabled by default, giving you programmatic access to low level timing data.
Google
[Building Real-Time Apps with WebSockets and Server-Sent Events](https://www.sitepoint.com/real-time-apps-websockets-server-sent-events/?utm_source=frontendfocus&utm_medium=email) tutorial
Mark Brown
[Building a WebRTC Video Chat Application with PeerJS](https://www.sitepoint.com/webrtc-video-chat-application-peerjs/?utm_source=frontendfocus&utm_medium=email) tutorial
Wern Ancheta
[Faster Rendering on the Web](https://dev.to/ben/faster-rendering-on-the-web?utm_source=frontendfocus&utm_medium=email) opinion
By eschewing a few “best practices”, we can achieve the web’s promise of immediacy.
Ben Halpern
[WebGL, Blending, and Why You're Probably Doing it Wrong](https://limnu.com/webgl-blending-youre-probably-wrong/?utm_source=frontendfocus&utm_medium=email) opinion
David Hart
[Dropsource: New visual builder for mobile apps that codes for you](https://dropsource.com/?utm_source=newsletter&utm_medium=email&utm_campaign=html5weekly) rawurl tools
No more repetitive coding. Visually design an app. Easily connect APIs. Dropsource writes truly native code.
DropsourceSponsor
[7 PostCSS Plugins to Ease You into PostCSS](https://www.sitepoint.com/7-postcss-plugins-to-ease-you-into-postcss/?utm_source=frontendfocus&utm_medium=email) tools
Craig Buckler
[css-grid-inspector: Firefox Extension to See Grid Lines Created by CSS Grid](https://github.com/mozilla/css-grid-inspector?utm_source=frontendfocus&utm_medium=email) tools
Mozilla
[plyr: A Simple HTML5 YouTube and Vimeo Player](https://github.com/Selz/plyr?utm_source=frontendfocus&utm_medium=email) code
A simple, accessible and customizable player for modern browsers.
Selz
[A Novel Interactive Customer Feedback Form](http://codepen.io/jcoulterdesign/pen/pgRzEQ?utm_source=frontendfocus&utm_medium=email) demo
Drag the monkey’s mouth up or down to submit feedback.
Jamie Coulter
Curated by [Peter Cooper](http://twitter.com/peterc) and [Chris Brandrick](http://twitter.com/chrisbrandrick) and published by [Cooperpress](https://cooperpress.com/).
[Stop getting FrontEnd Focus](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://frontendfoc.us/issues/244)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK