---
title: "This Week's HTML5 and Browser Technology News (Issue 235)"
publication: "Frontend Focus"
issue: 235
published_at: "2016-04-13"
canonical_url: "https://frontendfoc.us/issues/235"
---
This Week's HTML5 and Browser Technology News (Issue 235)
Should HTML Be Modular or a Monolith? — [Read this e-mail on the Web](http://frontendfoc.us/issues/235)
Frontend FocusIssue 235 — April 13, 2016[Should HTML Be Modular or a Monolith?](https://lists.w3.org/Archives/Public/public-html/2016Apr/0004.html?utm_source=frontendfocus&utm_medium=email)A post to the HTML WG mailing list asking: “Should we move the content of specs like Shadow DOM and Custom Elements into HTML, or continue with the goal of more modular specifications?” W3C
[Global CSS Property Usage: See What CSS is Being Used](https://blogs.windows.com/msedgedev/2016/04/11/css-usage-platform-data/?utm_source=frontendfocus&utm_medium=email)Bing’s crawlers scanned 1.2 million pages and the [Global CSS Property Usage](https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/) page lets you see which CSS properties and value types are most common. Microsoft
[The Right Way to Use 'figure' and 'figcaption' Elements](http://www.sitepoint.com/quick-tip-the-right-way-to-use-figure-and-figcaption-elements/?utm_term=the%20right%20way%20to%20use%20figure%20and%20figcaption%20elements)The figure and figcaption elements are two semantic elements often used together that define or describe self-contained content. Georgie Luhur
[](https://frontendmasters.com/workshops/css-animation/?utm_source=frontendfocus&utm_medium=email)[Upcoming Rachel Nabors Workshop: Motion Design with CSS](https://frontendmasters.com/workshops/css-animation/?utm_source=frontendfocus&utm_medium=email)A full day workshop with Rachel Nabors that will have you mastering CSS animations and transitions, the principles of UI animation, performance, and more.”
_[Join us April 21st to learn Web Animation.](https://frontendmasters.com/workshops/css-animation/)_ Frontend MastersSponsor
[Recording in The Browser with MediaRecorder](https://hacks.mozilla.org/2016/04/record-almost-everything-in-the-browser-with-mediarecorder/?utm_source=frontendfocus&utm_medium=email)The MediaRecorder API lets you record media streams, i.e. moving images & audio. Soledad Penadés
[Lazy-Load Your Images with Coloor](http://krasimirtsonev.com/blog/article/lazy-load-your-images-with-coloor?utm_source=frontendfocus&utm_medium=email)An interesting idea. Coloor is an HTML preprocessor that decorates img tags with a low-res base64 version of the final image. Krasimir Tsonev
[The IAB Launches an 'HTML5 Ad Validator'](http://platform.iabtechlab.com/IABHTML5/?utm_source=frontendfocus&utm_medium=email)A new tool for analyzing the contents of HTML5-built ads against the IAB’s _Display Creative Guidance_. Interactive Advertising Bureau
[How to Implement Subresource Integrity in Your Builds](https://hacks.mozilla.org/2016/04/how-to-implement-sri-into-your-build-process/?utm_source=frontendfocus&utm_medium=email)Subresource Integrity (SRI) lets you specify the SHA-2 hash for third party assets so browsers can check resources haven’t been tampered with. Mozilla Hacks
[Interview with the inventor of CSS, Håkon Wium Lie](https://medium.com/net-magazine/interview-with-h%C3%A5kon-wium-lie-f3328aeca8ed?utm_source=frontendfocus&utm_medium=email)An article about the inventor of CSS who says it helped to save the Web and HTML, as well as what he thinks about its recent progress. Oliver Lindberg
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)
- [Job Offers. No resume necessary.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-html5&utm_content=noresume&utm_campaign=q2-16-html5weekly&utm_location=us)Create your Hired profile to get top companies to start applying to hire you. Get offers from $75,000 - $250,000 on the platform in 1 week. Hired.com
- [See how to post your own job listings to HTML5 Weekly here](https://booking.cooperpress.com/jobs?utm_source=frontendfocus&utm_medium=email)
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
[Browsers, Innovators Dilemma, and Project Tofino](https://medium.com/project-tofino/browsers-innovators-dilemma-and-project-tofino-ef634c6164f0?utm_source=frontendfocus&utm_medium=email) news
Mozilla have announced Tofino, a project exploring the UX requirements of the modern browser.
Mark Mayo
[Super Markup Man: A Forthcoming HTML Training Game](http://steamcommunity.com/sharedfiles/filedetails/?id=641384113) news
A forthcoming platform game, [built using web technologies](http://www.roppychop.com/pc/markup-man/) that teaches HTML and CSS over 100 levels.
Clark Nielsen
[Get paid to share your developer knowledge with a global audience](http://go.pluralsight.com/C0004110?utm_source=frontendfocus&utm_medium=email) rawurl
Create and publish video training courses as a freelance Author. Flexible schedule, work from home. [Apply today.](http://go.pluralsight.com/C0004110)
PluralsightSponsor
[What is the Definition of a 'CSS Hack'?](http://www.sitepoint.com/what-is-the-definition-of-a-css-hack/?utm_source=frontendfocus&utm_medium=email) tutorial
There seems to be some confusion in the industry over what constitutes a “CSS hack”.
Louis Lazaris
[Making a Simple Site Work Offline with ServiceWorker](https://ponyfoo.com/articles/simple-offline-site-serviceworker?utm_source=frontendfocus&utm_medium=email) tutorial
Nicolas Bevacqua
[How to Make a Multi-Layered Parallax Illustration for the Web](https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27?utm_source=frontendfocus&utm_medium=email) tutorial
Patryk Zabielski
[Getting Started with CSS Modules](https://css-tricks.com/css-modules-part-2-getting-started/?utm_source=frontendfocus&utm_medium=email) tutorial
Robin Rendle
[An Introduction to PostCSS](http://blog.mrfrontend.nl/2016/03/an-introduction-to-postcss/?utm_source=frontendfocus&utm_medium=email) tutorial
PostCSS makes it possible to transform and extend the features of CSS using JavaScript plugins.
Cathy Dutton
[Should npm Really Be Used As A Build Tool?](https://medium.com/@leo/should-npm-really-be-used-as-a-built-tool-e8ff4f6cbcef?utm_source=frontendfocus&utm_medium=email) opinion
Leonard questions whether using npm as a build tool should be considered a “best practice”.
Leonard Lamprecht
[MathML is a Failed Web Standard](https://www.peterkrautzberger.org/0186/?utm_source=frontendfocus&utm_medium=email) opinion
Peter Krautzberger
[WebRTC Data Channels: 4 Layer Cake of Protocols](https://www.youtube.com/watch?v=ZkEOSrHEXX8) video
A brief (6 minute) overview of the protocols that compose WebRTC Data Channels.
YouTube
[Getting Physical with the Beacon-Enabled Web](https://www.youtube.com/watch?v=1yd9ThWYcfw) video
Jen Looper
[Video: Implement the Industry’s Best HTML5 Grid with Full Angular 2 Support](https://wijmo.com/angular2/?utm_source=HTML5Weekly&utm_medium=sponsored_link&utm_content=4.13getting.started.flexgrid.video&utm_campaign=flexgrid#FlexGrid) rawurl tools
Wijmo’s FlexGrid control is a fast, touch-first control for your enterprise with full RTL support and flexible data binding. Top performance - Zero dependencies - Flexible API.
WijmoSponsor
[lazy-progressive-enhancement: A Lazy Image Loader](https://github.com/tvler/lazy-progressive-enhancement?utm_source=frontendfocus&utm_medium=email) tools
Which uses valid HTML.
Tyler Deitz
[Starlight: For Embedding Lua in the Web](http://starlight.paulcuth.me.uk/docs/embedding-lua-in-the-web?utm_source=frontendfocus&utm_medium=email) tools
Enables you to run Lua scripts on a page by placing Lua code directly in script tags.
Paul Cuthbertson
[iframify: Replace A DOM Node with an 'iframe' Version of Itself](https://github.com/edenspiekermann/iframify?utm_source=frontendfocus&utm_medium=email) code
Here’s [a look at why](http://dev.edenspiekermann.com/2016/04/05/introducing-iframify/) you’d do this.
Edenspiekermann
[Modulr.css: A Fast and Modular Approach to Building Web Interfaces](https://decorator.io/modulr/?#) code
Alan Muselitch
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/235)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK