---
title: "This Week's HTML5 and Browser Technology News (Issue 231)"
publication: "Frontend Focus"
issue: 231
published_at: "2016-03-16"
canonical_url: "https://frontendfoc.us/issues/231"
---
This Week's HTML5 and Browser Technology News (Issue 231)
[Read this e-mail on the Web](http://frontendfoc.us/issues/231)
Frontend FocusIssue 231 — March 16, 2016[HTML: What’s Next?](https://www.w3.org/blog/2016/03/html-whats-next/?utm_source=frontendfocus&utm_medium=email) Some insights into what the Web Platform Working Group (which has responsibility for W3C’s HTML spec) has been doing with HTML and its future plans. W3C
[Using Textured Gradients in Pure CSS](http://rentafounder.com/textured-gradients-in-pure-css/?utm_source=frontendfocus&utm_medium=email) Go beyond simple linear and radial gradients with something less predictable, using a small base64-encoded SVG directly within your CSS. Oliver Rivo
[Angular 2 and the Future of HTML5 Apps](https://www.oreilly.com/ideas/angular-2-and-the-future-of-html5-apps?utm_source=frontendfocus&utm_medium=email) Brad Green’s keynote from Fluent on how new techniques are making it easy to use advanced browser features like Web Workers, HTTP/2, and service workers. O'Reilly Media
[](https://frontendmasters.com/workshops/react-intro/?utm_source=frontendfocus&utm_medium=email)[Upcoming CS React/Redux Workshops with Brian Holt (Netflix)](https://frontendmasters.com/workshops/react-intro/?utm_source=frontendfocus&utm_medium=email)Two upcoming workshops:
[Four Semesters of Computer Science in Six Hours Workshop](https://frontendmasters.com/workshops/computer-science/) on March 23rd for self-taught devs
[2 Day: Complete Intro to React Workshop](https://frontendmasters.com/workshops/react-intro/) on March 24th-25th to learn React/Redux. Frontend MastersSponsor
[Legal Guidelines for the Use of Location Data on the Web](https://www.smashingmagazine.com/2016/03/location-data-web-development-and-the-law/?utm_source=frontendfocus&utm_medium=email) A workflow for working with location data using best practices, providing users with privacy-friendly options, and working with a regard for the law. Smashing Magazine
[Experimental Support for WebAssembly in Multiple Browsers](https://hacks.mozilla.org/2016/03/a-webassembly-milestone/?utm_source=frontendfocus&utm_medium=email) WebAssembly is an emerging standard with a goal to define a safe, portable, size- and load-time efficient binary compiler target with near-native performance. Mozilla Hacks
[WebGL Insight: WebGL Debugging Chrome Extension](https://github.com/3Dparallax/insight/?utm_source=frontendfocus&utm_medium=email) A rich WebGL debugging toolkit for productive WebGL development and building more efficient WebGL apps. Parallax
[Use 'rem' for Global Sizing; Use 'em' for Local Sizing](https://css-tricks.com/rem-global-em-local/?utm_source=frontendfocus&utm_medium=email) Robin Rendle explains a process for building stylesheets for a responsive site that uses both em and rem to give more control at the module level. CSS-Tricks
[How to Create Instagram-style Filters in HTML5](https://www.viget.com/articles/instagram-style-filters-in-html5-canvas?utm_source=frontendfocus&utm_medium=email) Exploring using an HTML5 Canvas to recreate Instagram-style filter effects. Includes lots of code and CodePen examples. Nate Hunzaker
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)
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
[What's New in Chromium 49 and Opera 36](https://dev.opera.com/blog/opera-36/?utm_source=frontendfocus&utm_medium=email) news
Mostly ES6 related features, but also CSS Custom Properties.
Mathias Bynens
[Web Notification Improvements Coming to Chrome](https://developers.google.com/web/updates/2016/03/notifications?utm_source=frontendfocus&utm_medium=email) news
Four changes to web notifications coming in Chrome 50, including custom icons.
Paul Kinlan
[Experimental Support for WebAssembly in V8](http://v8project.blogspot.com/2016/03/experimental-support-for-webassembly.html?utm_source=frontendfocus&utm_medium=email) news
Seth Thompson
[Web Animation Improvements Coming in Chrome 50](https://developers.google.com/web/updates/2016/03/web-animations-improvements?utm_source=frontendfocus&utm_medium=email) news
A brief round-up of the changes coming to the [Web Animations API](http://w3c.github.io/web-animations/).
Alex Danilo
[Parallax Burns: Converting Photos from 2D to '3D' with SVG](http://www.sitepoint.com/parallax-burns-converting-photographs-2d-3d-svg/?utm_source=frontendfocus&utm_medium=email) tutorial
Alex Walker
[8 Tips to Write CSS You Won't Hate](http://taha-sh.com/blog/8-tips-to-write-css-you-wont-hate?utm_source=frontendfocus&utm_medium=email) tutorial
A handful of tips on writing clean, maintainable CSS.
Taha Shashtari
[How to Make Floating Input Labels With HTML5 Validation](http://webdesign.tutsplus.com/tutorials/how-to-make-floating-input-labels-with-html5-validation--cms-26120?utm_source=frontendfocus&utm_medium=email) tutorial
EnvatoTuts+
[On CSS :not and Specificity](http://bitsofco.de/on-not-and-specificity/?utm_source=frontendfocus&utm_medium=email) tutorial
Ire Aderinokun
[Prioritizing Your Resources with](https://developers.google.com/web/updates/2016/03/link-rel-preload?utm_source=frontendfocus&utm_medium=email)
[Cleaning Up a CSS Codebase](http://www.sitepoint.com/cleaning-up-a-css-codebase/?utm_source=frontendfocus&utm_medium=email) tutorial
Looking at linting, structure, and simply smart CSS practices.
Hugo Giraudel
[Debugging Service Workers and Push with Firefox DevTools](https://hacks.mozilla.org/2016/03/debugging-service-workers-and-push-with-firefox-devtools/?utm_source=frontendfocus&utm_medium=email) tutorial
Mozilla Hacks
[Understanding Socket.IO](https://medium.com/@Grigorkh/understanding-socket-io-23ad6d26d003?utm_source=frontendfocus&utm_medium=email) tutorial
A brief introduction to a long standing library for realtime communication in Web apps.
Grigor Khachatryan
[Animated CSS Highlighting on Hover State](http://wesbos.com/css-highlight-animation/?utm_source=frontendfocus&utm_medium=email) tutorial
A neat trick.
Wes Bos
[Dreamfactory simplifies data connections for web apps](https://www.dreamfactory.com/features?utm_source=html5_weekly&utm_medium=newsletter&utm_campaign=webapp) tools
Free and open source, DreamFactory automatically generates REST APIs from nearly any data source. We'll even host it for you for free.
DreamFactorySponsor
[snapline: Convert Chrome Timeline Screenshots to GIF](https://github.com/pmdartus/snapline?utm_source=frontendfocus&utm_medium=email) tools
Pierre-Marie Dartus
[Strips.css: Sass Mixin to Create Linear Stepped Gradients](http://codepen.io/LukyVj/pen/zqvJza/?utm_source=frontendfocus&utm_medium=email) code
CodePen
[Grd: A (512 byte) CSS Grid Framework using Flexbox](https://1000ch.github.io/grd/?utm_source=frontendfocus&utm_medium=email) code
Shogo Sensui
[react-mt-svg-lines: Animate SVG Lines](https://github.com/moarwick/react-mt-svg-lines?utm_source=frontendfocus&utm_medium=email) code
Peter Morawiec
[A Grid Solution for the Responsive Tables Problem](https://www.rachelandrew.co.uk/archives/2016/03/02/a-grid-solution-for-the-responsive-tables-problem/?utm_source=frontendfocus&utm_medium=email) code tutorial
Rachel Andrew
[quiet.js: Transmit Data at 44.1KHz using Web Audio](https://github.com/brian-armstrong/quiet-js?utm_source=frontendfocus&utm_medium=email) code
Brian Armstrong
[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=q1-16&utm_location=us) rawurl
Top companies apply to you on Hired. Get salary and equity upfront before interviewing.
Hired.comSponsor
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/231)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK