---
title: "This Week's HTML5 and Browser Technology News (Issue 207)"
publication: "Frontend Focus"
issue: 207
published_at: "2015-09-23"
canonical_url: "https://frontendfoc.us/issues/207"
---

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

[Read this e-mail on the Web](http://frontendfoc.us/issues/207)

Frontend FocusIssue 207 — September 23, 2015[Let’s Write a Web Extension](https://hacks.mozilla.org/2015/09/lets_write_a_webextension/?utm_source=frontendfocus&utm_medium=email) WebExtensions provides a new way to write Firefox extensions, but the API is mostly compatible with Chrome’s extension API bringing cross-browser extensions a step closer. This tutorial walks through building one.  Mozilla Hacks 
[A Blind Accessibility Expert on Web Accessibility](http://blogs.adobe.com/dreamweaver/2015/09/making-your-website-design-accessible.html?utm_source=frontendfocus&utm_medium=email) A variety of insights from Bartek Lenarth, an accessibility expert from Poland, on what elements of Web design particularly matter for the blind.  Adobe 
[Firefox 41 Released: Several New Web APIs Go Live](https://www.mozilla.org/en-US/firefox/41.0/releasenotes/?utm_source=frontendfocus&utm_medium=email) The [MessageChannel](https://developer.mozilla.org/en-US/docs/Web/API/MessageChannel), [MessagePort](https://developer.mozilla.org/docs/Web/API/MessagePort), and [CSS Font Loading](https://drafts.csswg.org/css-font-loading/) APIs are enabled by default. A Cache API has also been implemented.  Mozilla 
[![Mailgun\](https://copm.s3.amazonaws.com/af4fb499.png)](http://mailgun.com/?utm_source=cooperspress&utm_medium=htmlweekly&utm_term=sep9&utm_campaign=signup)[Send email using the Mailgun API](http://mailgun.com/?utm_source=cooperspress&utm_medium=htmlweekly&utm_term=sep9&utm_campaign=signup)Easy SMTP integration and a simple, RESTful API abstracts away the messy details of sending transactional or bulk email. Scale quickly, whether you need to send 10 or 10 million emails. Start sending email now with Mailgun MailgunSponsor
[The Comprehensive List of What Forces Layout/Reflow](https://gist.github.com/paulirish/5d52fb081b3570c81e3a?utm_source=frontendfocus&utm_medium=email) A list of the various properties and methods which when requested or changed from JavaScript will trigger a costly layout refresh (a.k.a. layout thrashing or reflow).  Paul Irish 
[Creating UIs for the Web Audio API](https://www.youtube.com/watch?v=tSThM9Aw8ps) Kicking off with a jazzy musical demonstration, Stephen Band leads into a 30 minute talk on working with user interfaces (both visual and hardware) for handling audio in the browser.  SwissJS 2015 
[ORTC (Object RTC) API Is Now Available in Microsoft Edge](http://blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/?utm_source=frontendfocus&utm_medium=email) A preview version of an ORTC API implementation is in the latest Windows Insider Preview release. (ORTC essentially provides a more programmatic JavaScript based API to RTC functions than WebRTC presently does.)  Microsoft Edge Dev Blog 


Jobs [![Supported by Hired.com\](http://s3.cooperpress.com.s3.amazonaws.com/hired1.png)](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 Developers at X-Team (Remote)](http://bit.ly/1V7dadH?utm_source=frontendfocus&utm_medium=email)We're looking for experienced frontend developers. The perfect candidate would be highly skilled in different frameworks and libraries. We are 100% remote and we provide the funding needed to help you achieve your goals and grow as a remote developer. X-Team
- [Want to work on new projects? Make more money? Try a new stack? Relocate?](https://hired.com/?utm_source=newsletters&utm_medium=html5weekly&utm_campaign=n-q3_15-petercooperpress&utm_content=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

[CSS Basic UI 4, CSS Text 4 & CSS Round Display 1 Working Drafts Published](https://www.w3.org/blog/news/archives/5009?utm_source=frontendfocus&utm_medium=email) news
W3C

[Interested in building a mobile app?](http://www.telerik.com/campaigns/platform/buildappin60?utm_medium=newsletter&utm_source=html5weekly&utm_campaign=dc-platform-appin60-q3152  ) news video 
Learn how to move from mobile app idea to deployment, fast. Watch the webinar.
TelerikSponsor

[Chrome to Remove SMIL Animation Support](https://twitter.com/TobiReif/status/646358868709277696?utm_source=frontendfocus&utm_medium=email) news 
If this affects you, [this](https://groups.google.com/a/chromium.org/d/msg/blink-dev/5o0yiO440LM/59rZqirUQNwJ) is the place to be heard.
Tobi Reif on Twitter

[HTML5 Looks Good in Light of Google, Facebook and IAB Moves](http://www.itbusinessedge.com/articles/html5-looks-good-in-light-of-google-facebook-and-iab-moves.html?utm_source=frontendfocus&utm_medium=email) news
Carl Weinschenk

[Facebook Will Accelerate Adoption of Web Push Notifications](http://insights.mobify.com/facebook-will-accelerate-adoption-of-web-push-notifications/?utm_source=frontendfocus&utm_medium=email) news
Karly Cyr

[The Self-Taught Web Developer's Guide to Landing Your First Job](http://kenrogers.co/first-job/?utm_source=frontendfocus&utm_medium=email) news 
A paid e-book for career-seeking webdevs.
Ken Rogers

[GitHub Enables Subresource Integrity for CDN Assets](http://githubengineering.com/subresource-integrity/?utm_source=frontendfocus&utm_medium=email) news 
Uses a new browser technology called [Subresource Integrity](http://www.w3.org/TR/SRI/).
GitHub Engineering

[Stereoscopic Rendering in WebVR](https://hacks.mozilla.org/2015/09/stereoscopic-rendering-in-webvr/?utm_source=frontendfocus&utm_medium=email) tutorial 
WebVR brings the Web and the Oculus Rift VR headset together.
Mozilla Hacks

[Building a HTML5 Control Surface for Ableton Live](http://www.djcrontab.com/2015/09/building-html5-control-surface-for.html?utm_source=frontendfocus&utm_medium=email) tutorial 
Live is an awesome music sequencer and digital audio workstation.
Vincent Alsteen

[The Web Audio API: Make Your Own Web Synthesizer](http://code.tutsplus.com/tutorials/the-web-audio-api-make-your-own-web-synthesizer--cms-23887?utm_source=frontendfocus&utm_medium=email) tutorial 
A quick tutorial on building a simple browser-based synth with the Web Audio API.
Stuart Memo

[25 Tutorials for Developing HTML5 Web Browser Games](http://webdesignwheel.com/tutorials-for-developing-html5-web-browser-games.html?utm_source=frontendfocus&utm_medium=email) tutorial
Web Design Wheel

[Getting Responsive Tables to Behave](http://joshnh.com/weblog/getting-responsive-tables-to-behave/?utm_source=frontendfocus&utm_medium=email) 
Responsive table CSS based upon a solution from CSS Tricks but with some significant variations.
Joshua Hibbert

[Customising Cross-Browser Range Inputs with CSS and JavaScript](https://css-tricks.com/custom-interactive-range-inputs/?utm_source=frontendfocus&utm_medium=email) tutorial
Steven Estrella

[Dealing with Long Words in CSS](https://justmarkup.com/log/2015/07/31/dealing-with-long-words-in-css/?utm_source=frontendfocus&utm_medium=email) tutorial
Just Markup

[New Animation Inspector Features in Firefox 43](https://www.youtube.com/watch?v=T2jykykN3yc) video
Patrick Brosset

[8 Reasons Why I'm Glad I Switched to the Ionic Framework](http://www.joshmorony.com/8-reasons-why-im-glad-i-switched-to-the-ionic-framework/?utm_source=frontendfocus&utm_medium=email) opinion
Josh Morony

[Understanding Versions in An Evergreen Browser](https://blogs.windows.com/msedgedev/2015/09/21/understanding-versions-in-an-evergreen-browser/?utm_source=frontendfocus&utm_medium=email) opinion 
Some insights into Edge’s versioning scheme.
Microsoft Edge Dev Blog

[Building an Enterprise CSS Framework](https://medium.com/salesforce-ux/building-an-enterprise-framework-is-hard-1e8d8b33e082?utm_source=frontendfocus&utm_medium=email) opinion
Salesforce UX

[Base64 File Encoder: Drag a File On, Get Base64 Back Instantly](http://jpillora.com/base64-encoder/?utm_source=frontendfocus&utm_medium=email) tools
Jaime Pillora

[latex-to-html5: LaTeX Documents to HTML5 Conversion Tools](https://github.com/smarr/latex-to-html5?utm_source=frontendfocus&utm_medium=email) tools
Stefan Marr

[flowchart.js: Draws SVG Flow Chart Diagrams from Textual Representations](http://adrai.github.io/flowchart.js/?utm_source=frontendfocus&utm_medium=email) code
Adriano Raiano

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/207)

Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK
