Frontend Focus
Issue 215 — November 18, 2015
The Chrome Dev Summit is currently underway but the videos from day one are already up. Enjoy great talks on topics from deploying HTTPS and Service Workers to Polymer and Web Push Notifications.
YouTube

The Web Font Loader gives you added control when using linked fonts via @font-face. A must read if you want to avoid the dreaded ‘flash of invisible text’.
Robin Rendle

An automatic update to Windows 10 users, this new version of the Edge HTML rendering component brings numerous new HTML5 and CSS features (including the ‘picture’, ‘meter’, and ‘template’ elements), and scores 458 on HTML5Test.
Microsoft Edge Dev Blog

Thinkful
Participate in live, online sessions where you learn from an advanced engineer. Learn how to build a social network with MongoDB, an audio player using React, and much more! Attend as many as you like — it's unlimited.
Thinkful   Sponsor

Comparing code outputs is one way to test Web pages are being rendered properly, but you can also compare their visual outputs to find more subtle styling issues.
CSS-Tricks

“For perhaps the first time since the original Macintosh, we can get excited about using system UI fonts. They’re an interesting, fresh alternative to web typography.”
Smashing Magazine

A look at using a service worker-augumented ‘Application Shell’ architecture to have a cached ‘shell’ for your pages populated with dynamic content. Great article - there’s a lot to pick up here.
Addy Osmani and Matt Gaunt

Jobs Supported by Hired.com

  • Senior PM for TypeScript @ MicrosoftLooking for a JavaScript maverick to shape the future of TypeScript & JavaScript. Evolve the language, facilitate collaboration amongst the community, and enable devs to create great apps using TypeScript across several IDEs & editors. This is a great role for an author of a JS framework ready to make an even greater impact. Microsoft
  • Opportunities with Amazon UI Platform Team (San Francisco & Seattle)Within the next hour, our platform will generate tens of millions of page views. And that's just in the US. Worldwide, we're used on about 90% of requests across all device categories. Amazon.com
  • Freelance with Companies like Airbnb, IDEO, & JPMorganWork with top clients, set your own rates, and work from anywhere as an elite Toptal web developer. Join the most exclusive network of top software engineers in the world. Toptal

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

In Brief

Toolsday: A New Front-End Developer Tools Podcast from IBM news
Una Kravets and Chris Dhanaraj

Upcoming Workshop: Web Animation with Rachel Nabors course
Animating DOM elements is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate today. Join us Dec 11th.
Frontend Masters  Sponsor

Firefox’s New Memory Tool tools
Firefox Developer Edition 44 contains a new tool for measuring and monitoring memory use by pages.
Mozilla Hacks

Recreating the Google Logo Animation with SVG and GreenSock tutorial
Petr Tichy

DOM Tips and Techniques: Parent, Child, and Siblings tutorial
Louis Lazaris

CSS Image Effects: Lomography tutorial code
Una Kravets

WebRTC: Sending DTMF in Firefox tutorial
“Through the use of WebAudio oscillators, it is possible to synthesize DTMF tones and mix them into an audio stream.”
Mozilla Hacks

Receiving AWS IoT Messages in Your Browser using WebSockets aws tutorial
João Parreira

An Introduction to Google’s Accelerated Mobile Pages (AMP) tutorial
SitePoint

Creating WebGL Components with Angular video
Aysegul Yonet

Better Specifications for The Sake of The Web opinion
Pointers from the W3C for spec authors.
W3C

CSS in the Modern World opinion
SitePoint

stack.gl: An Open Software Ecosystem for WebGL tools
Built on top of browserify and npm, stackgl aims to provide modularity to working with and stacking together WebGL productions.
stackgl

Goo.js WebGL Engine Goes Open-Source tools code
An open source 3D engine using HTML5 and WebGL for rendering.
Goo Technologies

Build Next-Generation Mobile Apps with Telerik Platform news
Future Proof Your Apps. Telerik Platform 2.0 changes the game in mobile app development, enabling you to build beautiful apps with a rich user experience, fast and efficiently. Webinar Dec. 3, 2015 at 11 am ET.
Telerik  Sponsor