Frontend Focus
Issue 267 — November 30, 2016
Heydon Pickering explains how to write less code by using CSS inheritance. If you take a closer look, It’s remarkably good at letting you do a lot with a little.
Smashing Magazine

A quick update from the W3C after its recently publication of HTML 5.1 as a standard. Work on HTML 5.2 is also well underway.
W3C

4715 developers responded to a recent front-end tooling survey and the rather thorough results are shared here.
Ashley Nolan

Progress
If you're a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.
Progress   Sponsor

A thorough up to date introduction to Service Workers, a Web technology that can provide your app with rich offline experiences, periodic background syncs, push notifications, and more.
Google Developers

An interesting experiment and some forthright opinions on where to really draw breakpoints on responsive pages and why.
David Gilbertson

Nitish Kumar shows seven ways in which CSS Grid Layout lets front-end developers quickly and intuitively place content on the web.
Sitepoint

Addy Osmani works through building Progressive Web Apps with a variety of common tools and development frameworks. 47 minutes.
Chrome Dev Summit 2016

A jQuery-based library that allows you to add asynchronous server requests to your pages using HTML attributes alone.
LeadDyno, LLC

Jobs Supported by Hired.com

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

In Brief

Firefox's Approach to Add-Ons and Extensions in 2017 news
By the end of 2017, and with the release of Firefox 57, we’ll move to WebExtensions exclusively
Mozilla

New Responsive Design Mode: RDM Lands in Firefox Dev Tools news
Firefox Developer Tools now includes a redesigned Responsive Design Mode.
Mozilla Hacks

Free O'Reilly eBook - 'Intelligent Caching' - Optimize Front End Performance at Scale 
Use "Intelligent Caching" as a resource and guide for optimizing performance on your website or application. Download now
StackPath  Sponsor

Pure CSS Horizontal Scrolling tutorial
How to tackle horizontal scrolling in your mobile apps with pure CSS.
Pieter Biesemans

Using CSS Variables in Site Development tutorial
Dudley Storey

Fixing Styles on 'code' Tags Nested Inside Links tutorial
Louis Lazaris

Adding and Leveraging a CDN On Your Site tutorial
A simple guide aimed at front-end devs.
David Attard

SVG Line Animation for the Uninitiated tutorial
Evan Dennington

Some Useful Techniques for CSS Print Stylesheets tutorial
Manuel Matuzovic

Disqus' Mixed Content Problem and Fixing It with A CSP story
Troy Hunt

Generating Content with Service Workers video
Ben Foxall

Make Browsers Compatible With the Web video
Issues that arise when browsers attempt to clean up the web platform while attempting to remain backwards compatible. 22 minutes
Mike Taylor

Accessibility for Front-End Developers video
The challenges users face with accessibility and how it’s approached at GOV.UK. 42 minutes
Alistair Duggin

Progressive Web Apps: The Definitive Collection of Resources tools
A collection of resources from around the web covering the various aspects of building PWAs.
Bruce Lawson and Shwetank Dixit

Firefox Focus: A Private Browser for iOS That Blocks Trackers tools
Nick Nguyen

Discover the world’s most trusted SQL Server comparison tool tools
Enjoy a free trial of SQL Compare, the industry standard for comparing and deploying SQL Server schemas.
Red Gate  Sponsor

McGriddle: A (Mostly) Get-Out-Of-Your-Way Sass Grid Library code
Jonathan Suh

Web Animation Essentials: A CSS Animations and Transitions Online Course course
Rachel Nabors