Frontend Focus
Issue 268 — December 7, 2016
CSS Grid is going to become supported-by-default in Chrome and Firefox in March of 2017. Eric Meyer answers a variety of questions about it here.
Eric Meyer

Jake Archibald noticed GitHub links loaded in a new window quicker than the current one. He explains why and presents a way to improve the situation using iframes and document.write.
Jake Archibald

A well presented, single page visual guide to what different CSS properties do.
Jeremy Thomas

Frontend Masters
Building and deploying complex front-end applications can get complicated. Webpack simplifies this with tons of features catering to all JavaScript apps.
Frontend Masters   Sponsor

Implementing parallax effects on the Web in a performant way can be challenging. Here, Paul Lewis looks at using a little mathematical wriggling to get things playing nicely.
Paul Lewis

Julian Motz introduces NW.js, a framework for creating native applications using front-end technologies like HTML, JavaScript and CSS.
Sitepoint

Patterns to help write high-quality components and aid in framework interoperability.
Rob Dodson

StageXL is a fast and universal 2D render engine for Web games and apps that’s particularly suited for Flash developers migrating over.
Bernhard Pichler

A single page look at cross-browser support for various elements of the Service Worker ecosystem.
Jake Archibald

Jobs Supported by Hired.com

  • Full Stack Engineer at EdITS (San Diego, CA)Over the last 50 years, EdITS has measured and predicted the intangibles of a career. We want a full stack engineer to help our team grow our predictive algorithm to new devices, platforms, and technologies. Educational and Industrial Testing Services (EdITS)
  • Senior Software EngineerHelp thousands of low-income families find the resources they need to overcome poverty. One Degree is a tech-driven nonprofit looking for a Senior Software Engineer to build and maintain our web and mobile products. One Degree
  • Don't Get Frustrated - Get HiredHired puts the power back in your hands, by having companies apply to you, not the other way around. With Hired you only talk to companies you're interested in. Hired

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

In Brief

Chrome 55 Rolling Out, Kills Flash by Defaulting to HTML5 news
9to5Google

CSS Grid and Grid Highlighter Now in Firefox Developer Edition news
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

How to Implement Lazy-Loading of Disqus Comments tutorial
Osvaldas Valutis

How to Run Cost-Effective Frontend Applications on Amazon S3 tutorial
Colin Walker

Building a Responsive Product Grid with CSS Flexbox tutorial
Esa Juhana Lahikainen

An Introduction to Custom Elements tutorial
Dom Farolino

Ambient Guilloché: A Web Audio API WebGl Visualization tutorial demo
Feeding microphone data into a WebGL visualization using the Web Audio API.
Max Irwin

Building Large CSS Apps And Components with Aly Fluckey story
Noel Rappin

Between the Wires, An Interview with Chris Coyier story
The co-founder of CodePen.io and creator of CSS-Tricks.
Preethi Kasireddy

How to Engage with Browser Vendors video
Nolan Lawson

Improving Above-the-Fold Performance with the Preload Resource Hint video
Harry Roberts

margin-bottom or margin-top? opinion
Chris Coyier

HTML5 is the Next $100 Billion Game Platform opinion
Albert Lai

Heap is like Google Analytics, except it works automatically tools
It auto-records all events users take in your web or iOS app, so you can graph behaviour, visualize funnels and drill into what leads to conversion.
Heap Analytics  Sponsor

Font Style Matcher: A Tool to Help Pick Good Webfont Fallbacks tools
Monica Dinosaurescu

Critical Path CSS Generator - Prioritize Above The Fold Content tools
SiteLocity

Pull to Refresh.js: Get a 'Pull to Refresh' Feature with No Markup Needed tools
Box Factura