Frontend Focus
Issue 235 — April 13, 2016
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

Bing’s crawlers scanned 1.2 million pages and the Global CSS Property Usage page lets you see which CSS properties and value types are most common.
Microsoft

The figure and figcaption elements are two semantic elements often used together that define or describe self-contained content.
Georgie Luhur

Frontend Masters
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.
Frontend Masters   Sponsor

The MediaRecorder API lets you record media streams, i.e. moving images & audio.
Soledad Penadés

An interesting idea. Coloor is an HTML preprocessor that decorates img tags with a low-res base64 version of the final image.
Krasimir Tsonev

A new tool for analyzing the contents of HTML5-built ads against the IAB’s Display Creative Guidance.
Interactive Advertising Bureau

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

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 Supported by Hired.com

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Browsers, Innovators Dilemma, and Project Tofino 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 news
A forthcoming platform game, built using web technologies that teaches HTML and CSS over 100 levels.
Clark Nielsen

Get paid to share your developer knowledge with a global audience rawurl
Create and publish video training courses as a freelance Author. Flexible schedule, work from home. Apply today.
Pluralsight  Sponsor

What is the Definition of a 'CSS Hack'? 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 tutorial
Nicolas Bevacqua

How to Make a Multi-Layered Parallax Illustration for the Web tutorial
Patryk Zabielski

Getting Started with CSS Modules tutorial
Robin Rendle

An Introduction to PostCSS 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? opinion
Leonard questions whether using npm as a build tool should be considered a “best practice”.
Leonard Lamprecht

MathML is a Failed Web Standard opinion
Peter Krautzberger

WebRTC Data Channels: 4 Layer Cake of Protocols video
A brief (6 minute) overview of the protocols that compose WebRTC Data Channels.
YouTube

Getting Physical with the Beacon-Enabled Web video
Jen Looper

Video: Implement the Industry’s Best HTML5 Grid with Full Angular 2 Support 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.
Wijmo  Sponsor

lazy-progressive-enhancement: A Lazy Image Loader tools
Which uses valid HTML.
Tyler Deitz

Starlight: For Embedding Lua in the Web 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 code
Here’s a look at why you’d do this.
Edenspiekermann

Modulr.css: A Fast and Modular Approach to Building Web Interfaces code
Alan Muselitch