This Week's HTML5 and Browser Technology News (Issue 244)

Read this e-mail on the Web HTML Weekly Issue 244 — June 15, 2016 Chrome's DevTools in 2016 and Beyond Google 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. Computer Says NO to HTML5 Document Outline Steve Faulkner Originally, headings were meant to nest within sectioning elements, but in actual user agents, things haven’t worked out as originally intended. jQuery 3.0 Final Released jQuery Foundation A slimmer, faster version of jQuery without all the old IE workarounds and taking advantage of modern browser APIs. There’s an upgrade guide and a script to help with migrations. Learn Advanced SVG Animation Course with Sarah Drasner Frontend Masters  Sponsored Create resolution-independent, scalable, complex animations for a myriad of use cases across the web with SVG. Recreating the Theremin with JS and the Web Audio API Stuart Memo 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. Bringing Apple Pay to the Web W3C 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 could become compatible with it. Improving CSS Quality At Facebook and Beyond Juriy Zaytsev 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. Memory Debugging with WebKit's Web Inspector Joseph Pecoraro Web Inspector, as used in WebKit and Safari, now includes two new timelines for debugging a page’s memory usage. Where The Web Is Going In 2016 Telerik Developer Network Jared Faris discusses the most important new features in web standards, in particular JavaScript, that you should be watching carefully. Jobs Frontend Developer at X-Team (Remote)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 JobHired 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. Hired.com In brief What's New in Chromium 51 and Opera 38 news Also covers Chrome 51. Lots of ES6 updates, but also the Presentation API and Intersection Observer API.  Mathias Bynens What’s New in Safari 10 for Web Developers news Safari 10 will ship with macOS Sierra this fall.  Apple Google Fonts Site Gets Major Update 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 news  Mozilla Next Steps for Legacy Plug-ins in Safari 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 news Implementing export functionality in your web apps presents a multitude of challenges. Learn how to tackle them.  Kendo UI by Progress SPONSOR How z-index and Auto Margins Work in Flexbox tutorial  George Martsoukos Using The HTML 'lang' Attribute tutorial  Léonie Watson Performance Observer: Efficient Access to Performance Data 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 tutorial  Mark Brown Building a WebRTC Video Chat Application with PeerJS tutorial  Wern Ancheta Faster Rendering on the Web 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 opinion  David Hart Dropsource: New visual builder for mobile apps that codes for you tools No more repetitive coding. Visually design an app. Easily connect APIs. Dropsource writes truly native code.  Dropsource SPONSOR 7 PostCSS Plugins to Ease You into PostCSS tools  Craig Buckler css-grid-inspector: Firefox Extension to See Grid Lines Created by CSS Grid tools  Mozilla plyr: A Simple HTML5 YouTube and Vimeo Player code A simple, accessible and customizable player for modern browsers.  Selz A Novel Interactive Customer Feedback Form demo Drag the monkey’s mouth up or down to submit feedback.  Jamie Coulter Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly