---
title: "This Week's HTML5 and Browser Technology News (Issue 241)"
publication: "Frontend Focus"
issue: 241
published_at: "2016-05-25"
canonical_url: "https://frontendfoc.us/issues/241"
---
This Week's HTML5 and Browser Technology News (Issue 241)
[Read this e-mail on the Web](http://frontendfoc.us/issues/241)
Frontend FocusIssue 241 — May 25, 2016[Stylelint: The Style Sheet Linter We've Always Wanted](https://www.smashingmagazine.com/2016/05/stylelint-the-style-sheet-linter-weve-always-wanted/?utm_source=frontendfocus&utm_medium=email)Linting is a common practice for cleaning up code. This article looks at stylelint, a linter for style sheets. Aleks Hudochenkov
[New DevTools Web Performance Tooling Tips and Features (video)](https://www.youtube.com/watch?v=iMqi55rcR00&list=PLOU2XLYxmsILe6_eGvDN3GyiodoV3qNSC&index=7)Paul Irish and Sam Saccone show off new tips, tricks and features in DevTools to help you debug the performance of your site. Google I/O 2016
[What Web Devs Should Know about Autofill, But Don’t](http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/?utm_source=frontendfocus&utm_medium=email)Many people know that you can scan your credit cards in Mobile Safari. But how many web developers know how to create a form that supports that feature? Jason Grigsby
[](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-24884)[How to find and fix the slowest code in your .NET application](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-24884)Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your application now. Red GateSponsor
[Understanding The CSS Property Value Syntax](https://www.smashingmagazine.com/2016/05/understanding-the-css-property-value-syntax/?utm_source=frontendfocus&utm_medium=email)If you understand how the W3C defines property values at a technical level, you’ll more easily be able to understand any of the W3C’s CSS specifications. Russ Weakley
[How to Get Started with a Content Security Policy](https://blog.codeship.com/how-to-get-started-with-a-content-security-policy/?utm_source=frontendfocus&utm_medium=email)A Content Security Policy (CSP) is a great way to reduce or completely remove Cross-Site Scripting (XSS) vulnerabilities. Heiko Webers
[Bringing Seamless Checkouts to The Mobile Web (video)](https://www.youtube.com/watch?v=yelPlCVZLEE)From Google I/O comes a talk looking at the PaymentRequest API, a W3C API that could eliminate checkout forms and standardize payment collection. Google I/O
[Instant Loading: Building Offline-First Progressive Webapps (video)](https://www.youtube.com/watch?v=cmGr0RszHc8)This video covers ServiceWorker, web manifests, add-to-homescreen banners, IndexedDB and BackgroundSync APIs. Jake Archibald
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)
- [Frontend Developer, Backbase, Amsterdam](http://careers.backbase.com/job/senior-frontend-developer-3/?utm_source=frontendfocus&utm_medium=email)If you love to build beautiful user experiences, if you want to breathe JavaScript daily, if you want to join a multicultural team in an inspiring city - join Backbase and have fun with us in Amsterdam. [Check out what we do.](https://www.youtube.com/watch?v=OI3XGVK7dYQ) Backbase
- [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
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
[Webmention Now A W3C Candidate Recommendation](https://www.w3.org/blog/news/archives/5439?utm_source=frontendfocus&utm_medium=email) news
Provides a mechanism for a site to notify other sites being linked to.
W3C News
[Menus, Sharing, and Dynamic CSS Classes in AMP](https://amphtml.wordpress.com/2016/05/24/menus-sharing-and-dynamic-css-classes-in-amp/amp/?utm_source=frontendfocus&utm_medium=email) news
A look at new AMP tags supporting accordions, social sharing, sidebars, and more.
Accelerated Mobile Pages Project
[Chromium Issue: Can't Navigate Back using the 'Backspace' Key](https://bugs.chromium.org/p/chromium/issues/detail?id=608016) news
Chromium
[W3C Expands Emmy-Winning Subtitles Work for More Accessible Web Video](https://www.w3.org/blog/news/archives/5445?utm_source=frontendfocus&utm_medium=email) news
Has published [TTML Profiles for Internet Media Subtitles and Captions 1.0 IMSC1](https://www.w3.org/TR/2016/REC-ttml-imsc1-20160421/) as a W3C Recommendation.
W3C
[An Updated Working Draft for CSS Grid Layout](https://www.w3.org/blog/CSS/2016/05/20/css-grid-update-2/?utm_source=frontendfocus&utm_medium=email) news
W3C CSS WG Blog
[New Angular 2 Course with Lukas Ruebbelke and Scott Moss](https://frontendmasters.com/courses/angular-2/?utm_source=frontendfocus&utm_medium=email) rawurl course
Angular 2 is a powerful evolution of AngularJS. Discover why Angular 2 is half the framework with twice the power.
Frontend MastersSponsor
[Using the CSS3 box-shadow Property](https://bitsofco.de/the-box-shadow-property/?utm_source=frontendfocus&utm_medium=email) tutorial
Digs into some areas you may not have touched before.
bitsofcode
[HTML5 Video and Multiple Caption Track Display](https://www.iandevlin.com/blog/2016/05/html5/html5-video-and-multiple-track-display?utm_source=frontendfocus&utm_medium=email) tutorial
There’s a [playable demo](https://iandevlin.com/html5/track/index-multiple.html).
Ian Devlin
[6 Ways of Injecting a Line Break with CSS](https://css-tricks.com/injecting-line-break/?utm_source=frontendfocus&utm_medium=email) tutorial
Inserting a line break using CSS to avoid using a ‘br’ element.
Chris Coyier
[The PostCSS Guide to Improving Selectors and Media Queries](https://www.sitepoint.com/the-postcss-guide-to-improving-selectors-and-media-queries/?utm_source=frontendfocus&utm_medium=email) tutorial
PostCSS has a variety of plugins aiming at implementing polyfills for the newest CSS features.
Pavels Jelisejevs
[Let's Talk About MIDI (on the Web)](https://www.youtube.com/watch?v=khsBjXKJOPs&index=2&list=PLleHIBVx1SeSz1Ti0jpXl4Zt7ZtWOk49x) video
A look at MIDI, the Web Audio API, the MIDI Show Control, and using the MIDI BLE standard from the Web.
Ruth John
[Practical Lessons From A Year of Building Web Components](https://www.youtube.com/watch?v=zfQoleQEa4w) video
Monica Dinculescu
[AMP + Progressive Web Apps: Start Fast, Stay Engaged](https://www.youtube.com/watch?v=a5X_Ot-R6lo) video
Alex Russell
[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-may25) rawurl opinion
Learn what is coming around for the most popular JS frameworks in 2016 and beyond in this free whitepaper.
Telerik Kendo UISponsor
[Web Image Effects Performance Showdown](https://www.smashingmagazine.com/2016/05/web-image-effects-performance-showdown/?utm_source=frontendfocus&utm_medium=email) opinion
CSS filters, blend modes, Canvas and SVG filters are put up against each other
Una Kravets
[More Meaningful CSS](http://snook.ca/archives/html_and_css/more-meaningful-css?utm_source=frontendfocus&utm_medium=email) opinion
A defense of liberally using class names and class-based systems in CSS.
Jonathan Snook
[caniuse-cmd: A Command Line Tool to Query 'caniuse'](https://github.com/sgentle/caniuse-cmd?utm_source=frontendfocus&utm_medium=email) tools
Sam Gentle
[Bideo.js: Easy Fullscreen HTML5 Background Video](https://rishabhp.github.io/bideo.js/?utm_source=frontendfocus&utm_medium=email) code
Rishabh
[Family.scss: 20 Smart Sass Mixins for :nth-child-ified Elements](https://lukyvj.github.io/family.scss/?utm_source=frontendfocus&utm_medium=email) code
e.g. `@include first(3)` to target the first three elements of a certain type
Luky Vj
[Starability.css: Accessible Star Rating Widget with Cute Animations](http://blog.lunarlogic.io/2016/starability-css-accessible-rating-with-animations-on-top/?utm_source=frontendfocus&utm_medium=email) code
Accessible and customizable using standard radio input elements.
Anna Migas
[Exporting An Indie Unity Game to WebVR](https://hacks.mozilla.org/2016/05/exporting-an-indie-unity-game-to-webvr/?utm_source=frontendfocus&utm_medium=email) demo
Includes a fun VR game you can play in the browser (can be played without VR).
Mozilla Hacks
[Displacementmap Image Transitions using HTML5 Canvas](http://codepen.io/flexmotion/full/qZejVP/?utm_source=frontendfocus&utm_medium=email) demo
CodePen
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/241)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK