---
title: "This Week's HTML5 and Browser Technology News (Issue 190)"
publication: "Frontend Focus"
issue: 190
published_at: "2015-05-27"
canonical_url: "https://frontendfoc.us/issues/190"
---
This Week's HTML5 and Browser Technology News (Issue 190)
Dynamic features in HTML email, drums on the Web Audio API, the Internet of Things, and more. — [Read this e-mail on the Web](http://frontendfoc.us/issues/190)
Frontend FocusIssue 190 — May 27, 2015[Synthesising Drum Sounds with the Web Audio API](https://dev.opera.com/articles/drum-sounds-webaudio/?utm_source=frontendfocus&utm_medium=email) A look at building a simple drum machine with the Web Audio API with a mixture of synthesizing and sampling sounds. Chris Lowis
[Building the Web of Things with Web Technology](http://www.w3.org/blog/2015/05/building-the-web-of-things/?utm_source=frontendfocus&utm_medium=email) Dave Raggett on how the use of Web technologies will have a big impact on the costs and deployment of Internet of Things (IoT) services and devices. W3C
[How to Code A Live Dynamic Twitter Feed in HTML Email](https://litmus.com/blog/how-to-code-a-live-dynamic-twitter-feed-in-html-email?utm_source=frontendfocus&utm_medium=email) E-mail is not known as a great venue to experiment with HTML but Litmus have used some clever CSS and HTML trickery to render a ‘live’ Twitter feed within an email on several platforms. Litmus Blog
[](http://www.telerik.com/campaigns/nativescript?utm_medium=email-external&utm_source=mobile-web-weekly&utm_campaign=dc-nativescript-webinar-feb15)[Meet NativeScript. A New and Better Way to Build Cross-Platform Native Apps.](http://www.telerik.com/campaigns/nativescript?utm_medium=email-external&utm_source=mobile-web-weekly&utm_campaign=dc-nativescript-webinar-feb15)See a new and better way to build cross-platform native apps using Web technologies with [NativeScript](https://www.nativescript.org/) through our launch video, ready to watch right now. TelerikSponsor
[Make a Mark – Become Verified in HTML5 by W3C](http://www.w3.org/blog/2015/05/make-a-mark-become-verified-in-html5-by-w3c/?utm_source=frontendfocus&utm_medium=email) The W3C is working with edX to offer a (paid) ‘verified certificate’ you can earn by taking a HTML 5.1 MOOC that starts next week. W3C
[Changes to Notifications in Chrome 44](http://updates.html5rocks.com/2015/05/Notifying-you-of-notificiation-changes?utm_source=frontendfocus&utm_medium=email) “In Chrome 44, Notfication.data and ServiceWorkerRegistration.getNotifications() have been added and simplify some common use cases when dealing with notifications with push messages.” HTML5 Rocks
[Building an 'Engine Sound Particles' Demo for Porsche](http://www.simppa.fi/blog/porsche-black-edition-engine-sound-particles/?utm_source=frontendfocus&utm_medium=email) To celebrate the release of a new car, a digital artist was commissioned to make a WebGL [art piece](http://www.porsche.com/microsite/black-edition/usa.aspx#/artwork02/exhibit) where particles would be in sync with an engine sound. This is a look at how it came together. Simo Santavirta
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)
- [Design Technologist at Stamen (San Francisco, CA)](http://stamen.com/hiring_design_technologist?utm_source=frontendfocus&utm_medium=email)Excited by a continuous flow of new projects? Practice creative re-use while trying new things? Can you balance diverse input: creative and technical direction, production expediency, and client feedback? We deliver delight with D3, Leaflet, WebGL, and whatever else the situation demands. Stamen Design
- [Want to work on new projects? Make more money? Try a new stack? Relocate?](https://hired.com/?utm_source=newsletters=html5weekly=n-q2_15-petercooperpress=options)On Hired, we'll bring the options to you. With over 2,000 pre-screened tech companies in 10 cities in the US UK, you'll be sure to find what you're looking for. Join Hired 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
[YouTube Live Streams Get HTML5 Player And Now Support 60FPS Playback](http://techcrunch.com/2015/05/21/youtube-live-streams-get-html5-player-and-now-support-60fps-playback/?utm_source=frontendfocus&utm_medium=email) news
TechCrunch
[Angular U, the Who’s Who of Angular - Jun 22-25 - keynotes from: Brad Igor Misko Crockford and Souders](https://AngularU.com/?utm_medium=email&utm_source=html5weekly) news
In San Francisco, covering Angular 1.x, 2, TypeScript, ECMAScript 6, Web Components and more.
An AngularJS ConferenceSponsor
[Last Call Working Draft of CSS Flexible Box Layout Module](http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/?utm_source=frontendfocus&utm_medium=email) news
The spec describes a CSS box model (commonly known as ‘flexbox’) optimized for user interface design.
W3C
[The Art Of The SVG Filter And Why It Is Awesome](http://www.smashingmagazine.com/2015/05/26/why-the-svg-filter-is-awesome/?utm_source=frontendfocus&utm_medium=email) tutorial
Examples of creating some amazing text effects on regular text using SVG.
Smashing Magazine
[Using and Styling HTML5 Meter](http://www.hongkiat.com/blog/style-html5-meter/?utm_source=frontendfocus&utm_medium=email) tutorial
Preethi Ranjit
[How to Make High Performance PhoneGap Apps](http://www.joshmorony.com/how-to-make-high-performance-phonegap-apps/?utm_source=frontendfocus&utm_medium=email) tutorial
Josh Morony
[Prevent Chrome from Translating a Page](http://davidwalsh.name/prevent-chrome-from-translating-page?utm_source=frontendfocus&utm_medium=email) tutorial
David Walsh
[How to Recreate Buffer's Loading Animation in CSS](https://cssanimation.rocks/buffer/?utm_source=frontendfocus&utm_medium=email) tutorial
CSS Animation Rocks
[Create Fullscreen HTML5 Page Background Video](http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video?utm_source=frontendfocus&utm_medium=email) tutorial
Dudley Storey
[Clipboard Hijacking with HTML5](http://tbranyen.com/post/clipboard-hijacking-with-html5?utm_source=frontendfocus&utm_medium=email)
Tim Branyen
[Give back to the developer community-apply to teach today.](http://www.pluralsight.com/teach?utm_source=frontendfocus&utm_medium=email)
Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.
PluralsightSponsor
[Rocket Packs On Escalators: Stop Messing with Progressive Enhancement](https://www.youtube.com/watch?v=k9uK1FdEBfYa) video
Christian Heilmann
[Slack Logo CSS Animation](http://codepen.io/callmenick/pen/XbdxbV?utm_source=frontendfocus&utm_medium=email) code demo
CodePen
[Rikulo: A Web and Mobile App Framework using Dart](http://rikulo.org/?utm_source=frontendfocus&utm_medium=email) tools
Potix Corporation
[react-droparea: HTML5 File Drag and Drop Component](https://github.com/avocode/react-droparea?utm_source=frontendfocus&utm_medium=email) code
Avocode
[AudioDrop: Drag-and-Drop Loading of Audio Buffers](https://github.com/kylestetz/AudioDrop?utm_source=frontendfocus&utm_medium=email) code
Enables drag-and-drop loading of Audio Buffers from audio files dragged onto an element.
Kyle Stetz
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/190)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK