---
title: "This Week's HTML5 and Browser Technology News (Issue 193)"
publication: "Frontend Focus"
issue: 193
published_at: "2015-06-17"
canonical_url: "https://frontendfoc.us/issues/193"
---
This Week's HTML5 and Browser Technology News (Issue 193)
[Read this e-mail on the Web](http://frontendfoc.us/issues/193)
Frontend FocusIssue 193 — June 17, 2015[Build An HTML5 Game — And Distribute It](https://hacks.mozilla.org/2015/06/build-an-html5-game-and-distribute-it/?utm_source=frontendfocus&utm_medium=email) Nick Desaulniers takes a high level look at the concepts behind building an HTML5 game, as well as briefly reviewing Karl Bunyan’s _Build an HTML5 Game_ book. Mozilla Hacks
[Help Users Checkout Faster (in Chrome) with Autofill](http://updates.html5rocks.com/2015/06/checkout-faster-with-Autofill?utm_source=frontendfocus&utm_medium=email) Ido Green looks at a forthcoming feature in Chrome 43 that will let you specify autocomplete attributes on form inputs. For example, ‘autocomplete=”address-line1”’. Includes a complete example. HTML5 Rocks
[Accessible Custom Interfaces with ARIA, HTML and JavaScript [video\]](https://www.youtube.com/watch?v=hRS_Uxq_LJ8) A superb talk by Léonie Watson of the Paciello Group, an accessibility lead for the UK government, and a leading expert in ARIA and Web accessibility issues. Léonie Watson
[](http://blog.mailgun.com/mailgun-in-zap/?utm_source=HTML5WeeklyJun17=email=zapierblog)[Integrate email into your application with Mailgun + Zapier](http://blog.mailgun.com/mailgun-in-zap/?utm_source=HTML5WeeklyJun17=email=zapierblog)Want to integrate email into your application with a click of a button? Mailgun integrates nicely with Zapier. You don't have to setup any code to hook Mailgun up with over 400 apps including Wufoo, Firebase, Slack and Hipchat to name a few. [Click here to learn more.](http://blog.mailgun.com/mailgun-in-zap/?utm_source=HTML5WeeklyJun17=email=zapierblog) MailgunSponsor
[HTML5 UI Accessibility Support Table](http://html5accessibility.com/?utm_source=frontendfocus&utm_medium=email) A site that shows off the level of support in the main browsers for accessibility support for their HTML5 user interface features. Chrome is in the lead. HTML5Accessibility.com
[When Responsive Images Get Ugly](http://codepen.io/Tigt/blog/when-responsive-images-get-ugly?utm_source=frontendfocus&utm_medium=email) A look at a variety of edge cases, quirks, and unusual applications of responsive images. Taylor Hunt
[Making Your First HTML5 Game With Phaser](http://tutorialzine.com/2015/06/making-your-first-html5-game-with-phaser/?utm_source=frontendfocus&utm_medium=email) A simple and straightforward tutorial of making a simple ‘snake’ game using Phaser and JavaScript. Tutorialzine
[Generic Sensor API: A W3C Editor's Draft](http://w3c.github.io/sensors/?utm_source=frontendfocus&utm_medium=email) A spec defining a framework for exposing sensor data to the Open Web Platform in a consistent way via an abstract Sensor interface that can be extended to accommodate different sensor types. W3C
[Introducing srcset, MS's First Step Towards Fully Responsive Images in Edge](http://blogs.windows.com/msedgedev/2015/06/08/introducing-srcset-responsive-images-in-microsoft-edge/?utm_source=frontendfocus&utm_medium=email) A look at the initial implementation of srcset in Windows 10 and the future of responsive images in upcoming Edge releases. Microsoft Edge Team
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 — London, UK — Improbable.io](http://grnh.se/6j03ei?utm_source=frontendfocus&utm_medium=email)Taking frontend back to it’s essence: design and build the experience / workflows of software that will be used by millions. HTML5, CSS3, JS and everything in between. Lot’s of freedom, lot’s of fun. Improbable.io
- [Top HTML5 Freelancers Wanted (Telecommute)](http://www.toptal.com/javascript?utm_source=cooperpress&utm_medium=newsletter&utm_content=html5_weekly&utm_campaign=absolute_overfloweth)We only hire the absolute top-tier HTML5 developers and if you survive our ultra-screening™ process, the projects overfloweth. (Must read, write speak English extremely well.) Toptal
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
[Latest Forward Web Technology Summit videos released](http://forwardjs.com/videos?utm_source=frontendfocus&utm_medium=email) video news
Grab your ticket to the July 29 event in San Francisco before prices go up.
Forward Web Technology SummitSponsor
[favicon-bug: Demonstrates Chrome/Firefox Downloading 1GB Favicons](https://github.com/benjamingr/favicon-bug?utm_source=frontendfocus&utm_medium=email) news code
This repository demonstrates that browsers will download huge favicon and touch-icon files to the point that they crash and/or bring the computer to a halt.
Benjamin Gruenbaum
[W3C Adopts New Software and Document License](http://www.w3.org/blog/news/archives/4743?utm_source=frontendfocus&utm_medium=email) news
W3C
[LiveGL: On-Demand Diagnostics for WebGL Applications](https://www.kickstarter.com/projects/1182368192/livegltm-on-demand-diagnostics-for-webgltm-applica?utm_source=frontendfocus&utm_medium=email) news
A Kickstarter for a project that might particularly intrigue WebGL developers.
Timothy Dedischew
[Security Standard Open Kitchen](http://www.w3.org/blog/2015/06/security-standard-open-kitchen/?utm_source=frontendfocus&utm_medium=email) news
Virginie Galindo will be talking at Paris Web about the recent security and privacy achievements made at the W3C.
W3C
[Internet Explorer 11 Gains HTTP Strict Transport Security in Windows 7 and 8.1](http://betanews.com/2015/06/09/internet-explorer-11-hsts/?utm_source=frontendfocus&utm_medium=email) news
BetaNews
[Practical Techniques On Designing Animation](http://www.smashingmagazine.com/2015/06/08/practical-techniques-on-designing-animation/?utm_source=frontendfocus&utm_medium=email) tutorial
Smashing Magazine
[Defining 'auto': An Adventure in Layout](http://fantasai.inkedblade.net/style/talks/defining-auto/?utm_source=frontendfocus&utm_medium=email) tutorial
A slide deck that covers how a browser’s layout engine works, particularly in respect to CSS and box models.
Elika J. Etemad
[How 3 Modern Tools are Using Flexbox Grids](http://www.sitepoint.com/3-modern-tools-using-flexbox-grids/?utm_source=frontendfocus&utm_medium=email) tutorial
SitePoint
[Build a Media Player with HTML](http://www.sitepoint.com/build-media-player-html/?utm_source=frontendfocus&utm_medium=email) tutorial
SitePoint
[Supercharging Page Load with Service Worker](https://www.youtube.com/watch?list=PLOU2XLYxmsIJDPXCTt5TLDu67271PruEk=d5_6yHixpsQ) video
Jake Archibald
[Recreating The Birdman Opening Credits with the Web Audio API](http://markmarkoh.com/birdman/?utm_source=frontendfocus&utm_medium=email) demo
Music and text synchronize together in the opening to this popular movie. [Source available.](https://github.com/markmarkoh/birdman)
Mark DiMarco
[Dynamics.js: JS Library to Create Physics-Based CSS Animations](http://dynamicsjs.com/?utm_source=frontendfocus&utm_medium=email) tools
Michaël Villar
[Bootstrap Form Builder](https://formden.com/form-builder/?utm_source=frontendfocus&utm_medium=email) tools
The easy way to generate HTML form code that works with Bootstrap 3. Free to use.
FormdenSponsor
[Web MPD: A Web-based MPC-Type Instrument](http://maxogden.github.io/web-mpd/?utm_source=frontendfocus&utm_medium=email) demo
Presents a keyboard to which you can drag audio files to use as samples. Comes preloaded with numerous historic samples.
Max Ogden
[Breakup: Split Up the HTML Specification Your Way](https://github.com/darobin/breakup?utm_source=frontendfocus&utm_medium=email) tools
Based on recent discussions, this is a slightly tongue in cheek tool to let you ‘split up’ the HTML specification arbitrarily.
Robin Berjon
[Introducing Pure.css – A Lightweight Responsive Framework](http://www.sitepoint.com/introducing-pure-css-lightweight-responsive-framework/?utm_source=frontendfocus&utm_medium=email) code tutorial
SitePoint
[postcss-custom-media: PostCSS Plugin to Transform W3C CSS Custom Media Queries to More Compatible CSS](https://github.com/postcss/postcss-custom-media?utm_source=frontendfocus&utm_medium=email) tools code
PostCSS
[Checkerboard: Shared Transactional Memory with Zero Server Configuration](https://github.com/gregoryfabry/checkerboard?utm_source=frontendfocus&utm_medium=email) code
Lets you create shared state among clients without server-side logic. It has two components: a Node back-end and a browser client library.
Gregory Fabry
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/193)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK