---
title: "This Week's HTML5 and Browser Technology News (Issue 234)"
publication: "Frontend Focus"
issue: 234
published_at: "2016-04-06"
canonical_url: "https://frontendfoc.us/issues/234"
---
This Week's HTML5 and Browser Technology News (Issue 234)
[Read this e-mail on the Web](http://frontendfoc.us/issues/234)
Frontend FocusIssue 234 — April 6, 2016[The Work Taking Place on HTML5.1](https://www.w3.org/blog/2016/04/working-on-html5-1/?utm_source=frontendfocus&utm_medium=email)HTML5 was released in 2014, but now the Web Platform Working Group (WP WG) is working towards an HTML5.1 release in the next six months. Leonie Watson
[The API Catalog: See the Overlap Between Standards, Specs and Browser Support](https://developer.microsoft.com/en-us/microsoft-edge/platform/catalog/?utm_source=frontendfocus&utm_medium=email)A tool to visualize and analyze the API overlap between standards specifications and support across Edge, Chrome, Firefox, and Safari. Microsoft
[Apple Unveils 'Safari Technology Preview'](https://developer.apple.com/safari/technology-preview/?utm_source=frontendfocus&utm_medium=email)A new browser for devs to get an early look at upcoming technologies in Safari, including layouts, visual effects, and dev tool improvements. Apple
[](http://blog.mailgun.com/migrating-from-mandrill-to-mailgun/?utm_source=cooperspress&utm_medium=html5weeklyApr6&utm_campaign=migrate)[Easily Migrate your Email to Mailgun](http://blog.mailgun.com/migrating-from-mandrill-to-mailgun/?utm_source=cooperspress&utm_medium=html5weeklyApr6&utm_campaign=migrate)If you're looking to switch email providers or are experiencing email deliverability issues, you can easily migrate to Mailgun. You will have access to great features like seeing the analytics of your emails or viewing the full raw MIME of your messages. See how to migrate and enjoy 10,000 free emails per month. MailgunSponsor
[A Complete Guide to CSS Grid Layout (aka 'Grid')](https://css-tricks.com/snippets/css/complete-guide-grid/?utm_source=frontendfocus&utm_medium=email)A comprehensive guide to Grid, as things stand in the latest spec. Grid is a 2D, grid-based layout system that may change the way we build grid-based Web UIs. Chris House
[Vivaldi 1.0 Released: A Browser for 'Power Users'](https://vivaldi.com/press/releases/2016-04-06-vivaldi-1_goes_final/?utm_source=frontendfocus&utm_medium=email)Opera’s former CEO is behind the effort along with a rather extensive [team](https://vivaldi.com/team/). The interface is built using JavaScript and React. Robin Wauters
[How Web Standards are Established](https://medium.com/net-magazine/establishing-web-standards-12f7f4308982?utm_source=frontendfocus&utm_medium=email)An explanation of how an idea becomes a specification at the W3C. Aaron Gustafson
[Zelda 30 Year Tribute: A WebGL Tribute Game](http://zelda30tribute.com/?utm_source=frontendfocus&utm_medium=email)Uses WebGL and voxels rendering to create a pixel-perfect replica of the original, all in JavaScript. (Check it out before Nintendo take it down?) Scott Lininger
[What Every Browser Knows About You](http://webkay.robinlinus.com/?utm_source=frontendfocus&utm_medium=email)A demo of all the data your browser can figure out or provide about you — without asking you for any permission. Robin Linus
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)
- [craigslist seeks JavaScript Developers (San Francisco, CA)](http://sfbay.craigslist.org/sfc/eng/5480685169.html?#)CL seeks web devs with JavaScript, CSS, and HTML experience to join a small (~50), tech-driven, laid-back workplace to design and ship new features daily, and see them loved (or hated) by millions. Come help us save the world, or at least our corner of the Internet. craigslist
- [Apply to 3,000+ Jobs in 10 Minutes & 1 Application](https://hired.com/?utm_source=newsletters&utm_medium=html5weekly&utm_term=cat-tech-html5&utm_content=3kcompaniesin10min&utm_campaign=q2-16&utm_location=us)Top companies apply to you on Hired. Get salary and equity upfront before interviewing. 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
[Chrome Is Finally Getting Native Push Notifications on OS X](http://thenextweb.com/apps/2016/04/06/chrome-finally-getting-native-push-notifications-mac/?utm_source=frontendfocus&utm_medium=email) news
This work will allow the use of native notifications instead of Chrome’s own in-house system.
Owen Williams
[Whitepaper: The Future of JavaScript—2016 and Beyond](http://www.telerik.com/campaigns/kendo-ui/javascript-future?utm_medium=newsletter&utm_source=html5weekly&utm_campaign=dt-kendo-js-2016-wp-apr16) rawurl news
Learn what is coming around for Node.js and JavaScript in 2016 and beyond in this free whitepaper.
Telerik Kendo UISponsor
[Payment Request API: W3C Editor's Draft](https://w3c.github.io/browser-payment-api/specs/paymentrequest.html?utm_source=frontendfocus&utm_medium=email) news
Describes a web API to allow merchants to accept payments from different payment methods with the browser driving the process.
W3C
[HTML Media Extensions Group to Continue Work](https://www.w3.org/blog/2016/04/html-media-extensions-to-continue-work/?utm_source=frontendfocus&utm_medium=email) news
As part of making video a first class citizen of the Web.
Philippe le Hegaret
[Using CSS Containment](https://justmarkup.com/log/2016/04/css-containment/?utm_source=frontendfocus&utm_medium=email) tutorial
Michael Scharnagl
[What Are CSS Modules and Why Do We Need Them?](https://css-tricks.com/css-modules-part-1-need/?utm_source=frontendfocus&utm_medium=email)
_CSS modules_ are ‘CSS files in which all class names and animation names are scoped locally by default.’
Robin Rendle
[A Working SVG Workflow for Accessible Icons](http://www.sitepoint.com/a-working-svg-workflow-for-accessible-icons/?utm_source=frontendfocus&utm_medium=email) tutorial
Hugo Giraudel
[Changing The Cursor with CSS](https://css-tricks.com/using-css-cursors/?utm_source=frontendfocus&utm_medium=email) tutorial
Two ways in which Geoff thinks controlling the cursor in CSS can improve the user experience.
Geoff Graham
[Annotating Your (Critical) CSS](https://css-tricks.com/annotating-critical-css/?utm_source=frontendfocus&utm_medium=email) tutorial
Wladston Ferreira Filho
[Moving From HTML Grid Systems to CSS Grid Systems](http://zellwk.com/blog/from-html-grids-to-css-grids/?utm_source=frontendfocus&utm_medium=email) tutorial
Zell Liew
[Inline CSS at Khan Academy: Aphrodite](http://engineering.khanacademy.org/posts/aphrodite-inline-css.htm?utm_source=frontendfocus&utm_medium=email) story
A look at how Khan Academy has moved to inlining CSS in JavaScript components to improve load times, as well as a tool they’ve built to help.
Khan Academy Engineering
[Web Animation Past, Present, and Future](http://alistapart.com/article/web-animation-past-present-and-future?utm_source=frontendfocus&utm_medium=email) opinion
Rachel Nabors
[CSS and Scalability](http://mrmrs.io/writing/2016/03/24/scalable-css/?utm_source=frontendfocus&utm_medium=email) opinion
Adam Morse
[Future CSS](https://medium.com/@jkymarsh/future-css-dbc2cb8f1baf?utm_source=frontendfocus&utm_medium=email) opinion
Front-end engineer Josh Marsh asserts that the way we think about CSS is changing dramatically.
J. Ky Marsh
[Is Web Typography Completely Broken?](http://zellwk.com/blog/web-typography-broken/?utm_source=frontendfocus&utm_medium=email) opinion
Zell Liew
[Service Worker Toolbox: A Collection of Tools for Building Service Workers](https://github.com/googlechrome/sw-toolbox?utm_source=frontendfocus&utm_medium=email) tools
Google Chrome Team
[stylefmt: A Modern CSS Formatting Tool](https://github.com/morishitter/stylefmt?utm_source=frontendfocus&utm_medium=email) tools
A tool for automatically formatting / linting stylesheets.
Masaaki Morishita
[yos: Lists Your Installed Yeoman Generators and Subgenerators](https://github.com/busterc/yos?utm_source=frontendfocus&utm_medium=email) tools
Buster Collings
[Popper.js: A Library Used to Create 'Poppers' in Web Applications](https://fezvrasta.github.io/popper.js/?utm_source=frontendfocus&utm_medium=email) code
Where ‘poppers’ are things like tooltips and pop-overs.
Fez Vrasta
[Play Videos Inline on the iPhone Without Canvas in 1KB](https://github.com/bfred-it/iphone-inline-video?utm_source=frontendfocus&utm_medium=email) code
Federico Brigante
[react-dropzone: Simple HTML5 Drag-Drop Zones with React](https://github.com/okonet/react-dropzone?utm_source=frontendfocus&utm_medium=email) code
Andrey Okonetchnikov
[Polyfill to Support 'object-fit' on Images on IE9-11 and Edge](https://github.com/bfred-it/object-fit-images?utm_source=frontendfocus&utm_medium=email) code
Federico Brigante
[Future-proof your JavaScript with Rangle.io’s new online course: 'Angular 2 Transitional Architecture’](http://rangle.io/services/javascript-training/?utm_campaign=Training&utm_medium=Enewsletter&utm_source=HTML5Weekly) rawurl course
Master RESTful API's, ES6, TypeScript and more for moving to Angular 2. Attend remotely and take advantage of recorded sessions after course completion.
RANGLE.IOSponsor
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/234)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK