---
title: "This Week's HTML5, CSS and Browser Tech News #268"
publication: "Frontend Focus"
issue: 268
published_at: "2016-12-07"
canonical_url: "https://frontendfoc.us/issues/268"
---
This Week's HTML5, CSS and Browser Tech News #268
[Read this e-mail on the Web](http://frontendfoc.us/issues/268)
Frontend FocusIssue 268 — December 7, 2016[CSS Grid, Finally Coming to a Browser Near You](http://meyerweb.com/eric/thoughts/2016/12/05/css-grid/?utm_source=frontendfocus&utm_medium=email)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
[Fun Hacks for Faster Content Rendering](https://jakearchibald.com/2016/fun-hacks-faster-content/?utm_source=frontendfocus&utm_medium=email)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
[CSS Reference: A Visual Guide to CSS Properties](http://cssreference.io/?utm_source=frontendfocus&utm_medium=email)A well presented, single page visual guide to what different CSS properties do. Jeremy Thomas
[](https://frontendmasters.com/courses/webpack/?utm_source=frontendfocus&utm_medium=email)[New Course: 📦 Webpack 2, Deep Dive](https://frontendmasters.com/courses/webpack/?utm_source=frontendfocus&utm_medium=email)Building and deploying complex front-end applications can get complicated. Webpack simplifies this with tons of features catering to all JavaScript apps. Frontend MastersSponsor
[Performant Parallaxing](https://developers.google.com/web/updates/2016/12/performant-parallaxing?utm_source=frontendfocus&utm_medium=email)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
[Building a Cross-Platform Desktop App with NW.js](https://www.sitepoint.com/cross-platform-desktop-app-nw-js/?utm_source=frontendfocus&utm_medium=email)Julian Motz introduces NW.js, a framework for creating native applications using front-end technologies like HTML, JavaScript and CSS. Sitepoint
[Custom Elements That Work Anywhere](https://medium.com/dev-channel/custom-elements-that-work-anywhere-898e1dd2bc48?utm_source=frontendfocus&utm_medium=email)Patterns to help write high-quality components and aid in framework interoperability. Rob Dodson
[StageXL 1.0: A Fast 2D Rendering Engine for HTML5 and Dart](https://medium.com/@bp74/stagexl-1-0-a9c5ff22a534?utm_source=frontendfocus&utm_medium=email)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
[Is ServiceWorker Ready?](https://jakearchibald.github.io/isserviceworkerready/?utm_source=frontendfocus&utm_medium=email)A single page look at cross-browser support for various elements of the Service Worker ecosystem. 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)
- [Full Stack Engineer at EdITS (San Diego, CA)](http://www.edits.net/careers/full-stack-developer.html?utm_source=frontendfocus&utm_medium=email)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 Engineer](https://www.1degree.org/about/join/senior-software-engineer/?utm_source=frontendfocus&utm_medium=email)Help 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 Hired](http://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q4-16-frontendfocus)Hired 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.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-frontend&utm_campaign=q2-17-frontend)
In Brief
[Chrome 55 Rolling Out, Kills Flash by Defaulting to HTML5](https://9to5google.com/2016/12/01/chrome-55-stable-adobe-flash-html5/?utm_source=frontendfocus&utm_medium=email) news
9to5Google
[CSS Grid and Grid Highlighter Now in Firefox Developer Edition](https://hacks.mozilla.org/2016/12/css-grid-and-grid-highlighter-now-in-firefox-developer-edition/?utm_source=frontendfocus&utm_medium=email) news
Mozilla Hacks
[Free O'Reilly eBook - Intelligent Caching - Optimize Front End Performance at Scale](https://vault.stackpath.com/download-intelligent-caching?utm_source=coopermedia-fef&utm_campaign=oreilly-intelligent-caching&utm_medium=email)
Use "Intelligent Caching" as a resource and guide for optimizing performance on your website or application. [Download now](https://vault.stackpath.com/download-intelligent-caching?utm_source=coopermedia-fef&utm_campaign=oreilly-intelligent-caching&utm_medium=email).
StackPathSponsor
[How to Implement Lazy-Loading of Disqus Comments](https://css-tricks.com/lazy-loading-disqus-comments/?utm_source=frontendfocus&utm_medium=email) tutorial
Osvaldas Valutis
[How to Run Cost-Effective Frontend Applications on Amazon S3](https://medium.com/code-life/frontend-applications-on-s3-df5134e320f0?utm_source=frontendfocus&utm_medium=email) tutorial
Colin Walker
[Building a Responsive Product Grid with CSS Flexbox](https://dev.solteq.com/2016/12/02/building-a-responsive-product-grid-with-css-flexbox/?utm_source=frontendfocus&utm_medium=email) tutorial
Esa Juhana Lahikainen
[An Introduction to Custom Elements](https://chinocode.com/Intro-To-Custom-Elements/?utm_source=frontendfocus&utm_medium=email) tutorial
Dom Farolino
[Ambient Guilloché: A Web Audio API WebGl Visualization](https://max.io/articles/ambient-guilloche/?utm_source=frontendfocus&utm_medium=email) 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](https://medium.com/table-xi/xi-to-eye-interview-building-large-css-apps-and-components-with-aly-fluckey-c849841db606?utm_source=frontendfocus&utm_medium=email) story
Noel Rappin
[Between the Wires, An Interview with Chris Coyier](https://betweenthewires.org/between-the-wires-chris-coyier-382a217a0f1?utm_source=frontendfocus&utm_medium=email) story
The co-founder of CodePen.io and creator of CSS-Tricks.
Preethi Kasireddy
[How to Engage with Browser Vendors](https://www.youtube.com/watch?v=fuuBOmm2ZXU) video
Nolan Lawson
[Improving Above-the-Fold Performance with the Preload Resource Hint](https://www.youtube.com/watch?v=sKlA7U5ZKVs) video
Harry Roberts
[margin-bottom or margin-top?](https://css-tricks.com/margin-bottom-margin-top/?utm_source=frontendfocus&utm_medium=email) opinion
Chris Coyier
[HTML5 is the Next $100 Billion Game Platform](http://venturebeat.com/2016/11/28/html5-is-the-next-100-billion-game-platform/?utm_source=frontendfocus&utm_medium=email) opinion
Albert Lai
[Heap is like Google Analytics, except it works automatically](https://heapanalytics.com/enterprise?utm_source=cooper&utm_campaign=fe&utm_medium=newsletter) 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 AnalyticsSponsor
[Font Style Matcher: A Tool to Help Pick Good Webfont Fallbacks](https://meowni.ca/font-style-matcher/?utm_source=frontendfocus&utm_medium=email) tools
Monica Dinosaurescu
[Critical Path CSS Generator - Prioritize Above The Fold Content](https://www.sitelocity.com/critical-path-css-generator?utm_source=frontendfocus&utm_medium=email) tools
SiteLocity
[Pull to Refresh.js: Get a 'Pull to Refresh' Feature with No Markup Needed](https://www.boxfactura.com/pulltorefresh.js/?utm_source=frontendfocus&utm_medium=email) tools
Box Factura
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/268)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK