--- title: "#312: What's New in Chrome 62" publication: "Frontend Focus" issue: 312 published_at: "2017-10-18" canonical_url: "https://frontendfoc.us/issues/312" --- #312: What's New in Chrome 62 This Week's HTML, CSS, Browser, and Frontend News — [Read this e-mail on the Web](http://frontendfoc.us/issues/312) Frontend FocusIssue 312 — October 18, 2017[Rebuilding Slack's Website](https://slack.engineering/rebuilding-slack-com-b124c405c193?utm_source=frontendfocus&utm_medium=email)The story behind the redesign of Slack’s home on the web — powered by CSS Grid and optimized for performance and accessibility. Mina Markham [Chrome 62 Released: What's New?](https://developers.google.com/web/updates/2017/10/nic62?utm_source=frontendfocus&utm_medium=email)Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. Google Developers [Building a CSS-Only Image Gallery (with Fallbacks)](https://www.chenhuijing.com/blog/building-a-css-only-image-gallery/?utm_source=frontendfocus&utm_medium=email)A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers. Chen Hui Jing [![Frontend Masters\](https://copm.s3.amazonaws.com/4cf37b30.png)](https://frontendmasters.com/courses/javascript-foundations/?utm_source=frontendfocus&utm_medium=email)[🎉 New, Updated: Deep JavaScript Foundations with Kyle Simpson](https://frontendmasters.com/courses/javascript-foundations/?utm_source=frontendfocus&utm_medium=email)Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more. Frontend MastersSponsor [Naming Things In CSS Grid Layout](https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/?utm_source=frontendfocus&utm_medium=email)The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number. Rachel Andrew [What's New In DevTools for Chrome 62](https://developers.google.com/web/updates/2017/08/devtools-release-notes?utm_source=frontendfocus&utm_medium=email)Top-level await operators in the console, new screenshot workflows, CSS Grid highlighting, better cache debugging, and more. Google Developers [Ember.js: The Perfect Framework for Webapps](https://www.sitepoint.com/ember-js-perfect-framework-web-applications/?utm_source=frontendfocus&utm_medium=email)Ember.js lets you scaffold and build complex front-end web apps quickly. Graham Cox explores this popular, batteries-included JavaScript framework. SitePoint [Improving Performance with the Paint Timing API](https://www.sitepen.com/blog/2017/10/06/improving-performance-with-the-paint-timing-api/?utm_source=frontendfocus&utm_medium=email)An in-depth look at an API currently only available in Chrome 60+ for accessing and reporting Web page ‘paint’ metrics from JavaScript. Umar Hansa Jobs - [Senior NodeJS Engineer, E-commerce/Shop Team](http://grnh.se/xe4m751?utm_source=frontendfocus&utm_medium=email)We're looking for an experienced Node dev to build infrastructure to support our dynamic content engine and build tooling. Casper - [UI Designer/Front-End Developer - Catalpa (Dili, Timor-Leste · Hamutuk)](https://catalpa.workable.com/j/B0CEDEDE02?utm_source=frontendfocus&utm_medium=email)We're looking for a 'UI Designer/Front End Developer' to join our team as part of an exciting phase of growth for the organization. Catalpa International - [Frontend Engineer at Senseye, Angular+Typescript, Remote](https://www.senseye.io/career/front-end-software-engineer-industrial-iot/?utm_source=frontendfocus&utm_medium=email)Join Senseye, a growing startup using machine learning to predict when machines will fail for the industrial IoT. Senseye - [Looking For Your Dream Front-end Role?](https://underdog.io/?utm_medium=advertisement&utm_source=frontendfocusweekly&utm_campaign=homepage2017-oct-18&utm_content=dream-front-end)Try Underdog.io, where hundreds of top tech companies go to find front-end talent. Companies email you directly as soon as next Monday. Underdog.io In Brief [Kranky Geek WebRTC Event Returns to San Francisco on Oct 27](https://www.krankygeek.com/?utm_source=frontendfocus&utm_medium=email) news A Google-hosted WebRTC event later this month. Kranky Geek [Webinar: Build Better React Apps Faster with Kendo UI for React](http://www.telerik.com/campaigns/kendo-ui/build-ui-react?utm_medium=newsletter&utm_source=frontendfocusweekly&utm_campaign=kendo-ui-webinar-r317react) news In this webinar we’ll show you the power of Kendo UI and how easy it is to use it in your React development. Kendo UISponsor [An Introduction to CSS Grid Layout](https://hacks.mozilla.org/2017/10/an-introduction-to-css-grid-layout-part-1/?utm_source=frontendfocus&utm_medium=email) tutorial A two part series ([part 2 here](https://hacks.mozilla.org/2017/10/an-introduction-to-css-grid-layout-part-2/)) from Mozilla Hacks. Dan Brown [Rendering 'Metaballs' with SVG and CSS](http://varun.ca/metaballs/?utm_source=frontendfocus&utm_medium=email) tutorial Essentially blobs that merge into one another. A nice effect. Varun Vachhar [Writing Smarter Web Animation Code with GSAP](https://css-tricks.com/writing-smarter-animation-code/?utm_source=frontendfocus&utm_medium=email) tutorial Carl Schooff [Building a 'Modem' with Web Audio](https://martinmelhus.com/web-audio-modem/?utm_source=frontendfocus&utm_medium=email) tutorial An interesting way to transmit data in audio form. Martin Kirkholt Melhus [Learn a CSS Framework in 6 Minutes with Bulma](https://www.sitepoint.com/a-css-framework-in-6-minutes-with-bulma/?utm_source=frontendfocus&utm_medium=email) tutorial Bulma is a modern, Flexbox-based CSS framework. SitePoint [Web Typography: Working with Numerals](https://alistapart.com/preview/web-typography-numerals?utm_source=frontendfocus&utm_medium=email) opinion Tips on using old-style numerals and sub/superscript numerals. A List Apart [5 Reasons To Use BEM, the CSS Naming Convention](https://blog.elpassion.com/reasons-to-use-bem-a88738317753?utm_source=frontendfocus&utm_medium=email) opinion The author argues it _“keeps the world of CSS safe from clutter”_ Joanna Erd [Rapid Prototyping Playground for JavaScript/Typescript in Your Editor](https://quokkajs.com/?utm_source=cooperpress&utm_medium=email&utm_content=frontendfocus&utm_name=frontendfocus) tools Run any code & see the results immediately right in your editor. Supports VS Code, Atom & JetBrains IDEs. Wallaby.jsSponsor [Micromodal: Tiny JS Library for Creating Accessible Modal Dialogs](https://micromodal.now.sh/?utm_source=frontendfocus&utm_medium=email) tools Just 1.9KB minified and gzipped. Kalpesh Singh and Indrashish Ghosh [Smooth Scrollbar: Customizable, High Performance Scrollbars](https://github.com/idiotWu/smooth-scrollbar?utm_source=frontendfocus&utm_medium=email) code If you want more control over your page’s scrolling.. Dolphin Wood [Anime.js: A JS Animation Library for the Web](http://animejs.com/?utm_source=frontendfocus&utm_medium=email) code Julian Garnier [handorgel: Accessible Web 'Accordion' Widget Written in ES6](https://oncode.github.io/handorgel/?utm_source=frontendfocus&utm_medium=email) code Manuel Sommerhalder [Netflix Style Text Animation with CSS](https://codepen.io/yemon/pen/BwOOWZ?utm_source=frontendfocus&utm_medium=email) demo Nooray Yemon 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/312) Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK