---
title: "This Week's HTML5 and Browser Technology News (Issue 181)"
publication: "Frontend Focus"
issue: 181
published_at: "2015-03-25"
canonical_url: "https://frontendfoc.us/issues/181"
---
This Week's HTML5 and Browser Technology News (Issue 181)
HTML6, a Web Audio drum machine, the state of DevTools, a WebGL shaders book, and more. — [Read this e-mail on the Web](http://frontendfoc.us/issues/181)
Frontend FocusIssue 181 — March 25, 2015[HTML6 and APIs as Natural Friends](http://blog.smartbear.com/web-development/html6-apis-as-natural-friends/?utm_source=frontendfocus&utm_medium=email) “As if HTML5 isn’t new enough to many web developers, people thinking ahead to HTML6 are including native support for APIs [..] to the in-browser experience.” Paul Bruce
[HTML5 16 Step Drum Machine](http://html5drummachine.com/?utm_source=frontendfocus&utm_medium=email) Want to lay down some sick techno beats? Noodling around with this quick and clean example of the Web Audio API is more fun than it sounds. HTML5 Drum Machine
[Chrome DevTools: State Of The Union 2015](https://speakerdeck.com/addyosmani/devtools-state-of-the-union-2015?utm_source=frontendfocus&utm_medium=email) Must-see slides from Google’s Addy Osmani showing off the latest in the DevTools world like paint profiling and animation inspection. Addy Osmani
[](http://blog.mailgun.com/transactional-html-email-templates/?utm_source=HTML5WeeklyJan28&utm_medium=Email&utm_campaign=BlogPostTransactionalEmail)[Transactional HTML Email Templates Free for Download](http://blog.mailgun.com/transactional-html-email-templates/?utm_source=HTML5WeeklyJan28&utm_medium=Email&utm_campaign=BlogPostTransactionalEmail)Transactional HTML emails often get neglected but they're important for growing and maintaining a healthy user base. To help you, we have open-sourced a collection of common templates for transactional email to download for free. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers - all thought about and tested. Download now. MailgunSponsor
[The Book of Shaders](http://patriciogonzalezvivo.com/2015/thebookofshaders/?utm_source=frontendfocus&utm_medium=email) A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders, as used in WebGL. Complete with editable, live examples too. Patricio Gonzalez Vivo
[Watch the WebGL Meetup from GDC 2015 [video\]](https://www.youtube.com/watch?v=zPNM3yOsP0I) Get the latest on what’s happening with WebGL in the game development world with this 90 minute WebGL meetup at the recent Game Developers Conference chaired by Tony Parisi and including talks from folks from Google, Mozilla and more. YouTube
[Browser Input Events: Can We Do Better Than The Click?](http://www.smashingmagazine.com/2015/03/20/better-browser-input-events/?utm_source=frontendfocus&utm_medium=email) A look at the ‘event cascade’ (which is quite a lengthy stream of events in some browsers) and its relevance in handling user input from mice, taps, etc. Smashing Magazine
[Microsoft Is Killing Off The Internet Explorer Brand](http://www.theverge.com/2015/3/17/8230631/microsoft-is-killing-off-the-internet-explorer-brand?utm_source=frontendfocus&utm_medium=email)"[..] the software maker has now confirmed that it will use a new name for its upcoming browser successor, codenamed Project Spartan." The Verge
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)
- [Front End Engineer at Yelp](http://www.yelp.com/careers?jvi=oUOmWfwK,Job)Join Yelp's Front-end team and help build a modern, styleguide-driven UX for our 138 million users. We’re looking for people who love good code and working closely with design, product, and other engineers to make great features. Yelp
- [Experienced web developers are in-demand.](https://hired.com/?utm_source=newsletters=html5weekly=n-mar25_15-html5weeklyspons=experienced)Apply once get 5+ job offers in 1 week on Hired. Join today! 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
[Edge Conference: The Cutting Edge Web Tech Event (June 27; London, UK)](https://edgeconf.com/2015-london?utm_source=frontendfocus&utm_medium=email) news
EdgeConf
[UI Events W3C Working Draft Published](http://www.w3.org/TR/2015/WD-uievents-20150319/?utm_source=frontendfocus&utm_medium=email) news
Defines UI Events that extend the DOM Event objects defined in DOM4. Formerly known as DOM Level 3 Events.
W3C
[PandaDoc Seeks to Replace PDFs with New API](http://www.programmableweb.com/news/pandadoc-seeks-to-replace-pdfs-new-api/2015/03/19?utm_source=frontendfocus&utm_medium=email) news
An attempt to replace PDFs with HTML5-based ‘document delivery technology.’
ProgrammableWeb
[New e-book: React+d3.js: How to Build Data Visualizations with React & D3.js](http://swizec.com/reactd3js/?c=html5weekly)
Ebook, screencast, and more. First 100 buyers get 20% off.
Swizec TellerSponsor
[Understanding The CSS Box Model for Inline Elements](https://hacks.mozilla.org/2015/03/understanding-inline-box-model/?utm_source=frontendfocus&utm_medium=email) tutorial
How is the box model applied to inline boxes? And how can a new Firefox feature help you visualize the box model for inline elements?
Mozilla Hacks
[SVG Animations using CSS and Snap.svg](http://davidwalsh.name/svg-animations-snap?utm_source=frontendfocus&utm_medium=email) tutorial
Michael Tempest
[Media Queries: Width vs. Device Width](http://www.sitepoint.com/media-queries-width-vs-device-width/?utm_source=frontendfocus&utm_medium=email) tutorial
If you’ve ever been confused of the difference between ‘width’ and ‘device-width’ in CSS media queries, Ryan Reese helps clear it up here.
SitePoint
[Animation Principles for the Web](https://cssanimation.rocks/principles/?utm_source=frontendfocus&utm_medium=email) tutorial
Reflections on the 12 Principles of Animation as published in “The Illusion of Life: Disney Animation” in 1981.
CSS Animation Rocks
[Using the Firefox DevTools to Debug fetch() on GitHub](https://hacks.mozilla.org/2015/03/using-the-firefox-devtools-to-debug-fetch-on-github/?utm_source=frontendfocus&utm_medium=email) tutorial
Mozilla Hacks
[Using Forms in Email: Method or Madness?](http://www.sitepoint.com/forms-in-email/?utm_source=frontendfocus&utm_medium=email)
An interesting look at what happens if you try and use forms in HTML emails in various clients.
SitePoint
[What Are the Security Risks of HTML5 Apps?](http://www.sitepoint.com/security-risks-html5-apps/?utm_source=frontendfocus&utm_medium=email) opinion
SitePoint
[When Private Browsing Isn't Private On iOS: HTML5 and AirPlay](https://ma.ttias.be/when-private-browsing-isnt-private-on-ios-html5-and-airplay/?utm_source=frontendfocus&utm_medium=email) opinion
On iOS, ‘everything stored in HTML5 storage in Incognito Mode can be accessed in normal mode.’
Mattias Geniar
[WiMi5: A Cloud Gaming Platform for Creating and Monetizing HTML5 games](http://wimi5.com/?utm_source=frontendfocus&utm_medium=email) tools
WiMi5
[Loaders.css: Performance-Focused Pure CSS Loading Animations](http://connoratherton.com/loaders?utm_source=frontendfocus&utm_medium=email) code
Connor Atherton
[Boy: HTML5Boilerplate But with Older Browsers in Mind](https://github.com/corysimmons/boy?utm_source=frontendfocus&utm_medium=email) code
A lightweight, up-to-date version of HTML5 Boilerplate with conditionally loaded polyfills and a nice general reset for amazing CSS3 support back to IE6.
Cory Simmons
[nude.js: Nudity detection with JavaScript and HTML5 Canvas](http://www.patrick-wied.at/static/nudejs/?utm_source=frontendfocus&utm_medium=email) code
Patrick Wied
[Purple: A UI Kit for Heroku's Web Interfaces](http://purple.herokuapp.com/?utm_source=frontendfocus&utm_medium=email) code
Heroku
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/181)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK