---
title: "This Week's HTML5, CSS and Browser Tech News #278"
publication: "Frontend Focus"
issue: 278
published_at: "2017-02-22"
canonical_url: "https://frontendfoc.us/issues/278"
---
This Week's HTML5, CSS and Browser Tech News #278
[Read this e-mail on the Web](http://frontendfoc.us/issues/278)
Frontend FocusIssue 278 — February 22, 2017[How to Use CSS Animations Like a Pro](https://stories.jotform.com/how-to-use-css-animations-like-a-pro-dfacc1e97338?utm_source=frontendfocus&utm_medium=email)Create animation magic with keyframes, and animation properties like timing, delay, play state, animation-count, iteration count, and more. Ibrahim Nergiz
[Do We Need A New Heading Element? We Don't Know](https://jakearchibald.com/2017/do-we-need-a-new-heading-element/?utm_source=frontendfocus&utm_medium=email)Follow-up to [a recent discussion](https://github.com/w3c/html/issues/774?utm_source=frontendfocus&utm_medium=email) on if there’s a need for a heading element without implicit order. Jake Archibald
[WebAssembly Will Ease Collaboration on Next Gen Video Codecs](https://hacks.mozilla.org/2017/02/webassembly-will-ease-collaboration-on-next-generation-video-codecs/?utm_source=frontendfocus&utm_medium=email)_“The wall between “native” and the Web is falling, and developers will be able to seamlessly use the same libraries in both contexts.”_ Mozilla Hacks
[](https://sentry.io/from/frontendfocus/?utm_source=frontendfocus&utm_medium=display&utm_campaign=node3)[Track errors in your apps with Sentry](https://sentry.io/from/frontendfocus/?utm_source=frontendfocus&utm_medium=display&utm_campaign=node3)Don’t wait for users to tell you when your gnarly code inevitably breaks. Sentry’s open source error tracking and notifications for Javascript — and every other major language in your stack — will let you know exactly when and where you went wrong. SentrySponsor
[Dwitter: A 'Social' Site for Canvas and JavaScript Experiments](https://www.dwitter.net/?utm_source=frontendfocus&utm_medium=email)A fun site where the only messages you post are essentially tiny pieces of JavaScript that render simple demos into canvas elements. See [this one](https://www.dwitter.net/d/701) for example.
[Responsive CSS Patterns without Media Queries](https://www.sitepoint.com/responsive-css-patterns-without-media-queries/?utm_source=frontendfocus&utm_medium=email)Some neat techniques to achieve responsive CSS patterns while we wait for element and container queries to be available. Andy Kirk
[Make Your Pull Requests Visual For Front-End Changes](https://medium.com/statuscode/make-your-pull-requests-visual-for-front-end-changes-ef91d83d4fc2?utm_source=frontendfocus&utm_medium=email)Add screenshots and screen recordings of any visual changes to your pull requests so reviewers can visually see what’s been changed instantly. Joanne Daudier
[Even More About How Flexbox Works — Flexbox Sizing](https://medium.freecodecamp.com/even-more-about-how-flexbox-works-explained-in-big-colorful-animated-gifs-a5a74812b053#.lqe8e19kd?utm_source=frontendfocus&utm_medium=email)A deep look into Flexbox sizing — and how you can leverage it to build adaptable and beautiful layouts. Scott Domes
[Front-End Developer Handbook 2017](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details?utm_source=frontendfocus&utm_medium=email)Cody Lindley’s popular guide to the practice of front-end engineering, how to learn it, and what tools to use, has been updated for 2017. Cody Lindley
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)
- [Front End Engineer at VSCO (Oakland, CA)](http://vsco.co/about/careers/front-end-engineer-oakland?utm_source=frontendfocus&utm_medium=email)We're looking for a Front-End Engineer who can face unique challenges in implementing web designs and craft great accessibility for users. VSCO
- [Frontend Developer at X-Team (Remote)](https://x-team.com/frontend-developer/?utm_source=newsletter&utm_medium=email&utm_campaign=frontend-february-22-17)We're looking for a frontend developer with an extensive knowledge of Javascript. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team
- [Software Engineer, Web - Zürich, Switzerland](https://www.centralway.com/de/careers/open-positions/details#oii51fwq?utm_source=frontendfocus&utm_medium=email)Centralway is seeking an experienced programmer to come and join the team. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Centralway Numbrs
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
[Customize Media Notifications and Handle Playlists](https://developers.google.com/web/updates/2017/02/media-session?utm_source=frontendfocus&utm_medium=email) news
With the new Media Session API in Chrome 57 you can customize web media notifications and respond to media related events.
Google Developers
[ForwardJS: Live Angular 2 & React workshops in San Francisco, Feb 25-Mar 5](https://forwardjs.com?utm_source=frontendfocus&utm_medium=email) news
Last chance for tickets to 9 days of JavaScript lectures and workshops by industry experts.
ForwardJS & Forward SwiftSponsor
[ECMAScript 2016+ Support in Firefox](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/?utm_source=frontendfocus&utm_medium=email) news
A technical update on new JavaScript feature support in Firefox.
Mozilla
[Opera Completely Redesigns Its Desktop Browser](http://www.webdesignerdepot.com/2017/02/opera-completely-redesigns-its-desktop-browser/?ref=webdesignernews.com) news
Web Designer Depot
[CSS Grid: One Layout, Multiple Ways](https://css-tricks.com/css-grid-one-layout-multiple-ways/?utm_source=frontendfocus&utm_medium=email) tutorial
How to create the same ‘Holy Grail’ layout in three different ways, all using CSS Grid properties.
Geoff Graham
[CSS and Progressive Enhancement](https://justmarkup.com/log/2017/02/css-and-progressive-enhancement/?utm_source=frontendfocus&utm_medium=email) tutorial
Where CSS can ‘fail’, why fallbacks are important and how to progressively enhance CSS.
Michael Scharnagl
[The Dark Side of Polyfilling CSS](https://philipwalton.com/articles/the-dark-side-of-polyfilling-css/?utm_source=frontendfocus&utm_medium=email) tutorial
A thorough look at how writing good CSS polyfills is quite tricky.
Philip Walton
[Modal Dialogs and Accessibility: A Tricky Minefield](http://blog.barrierbreak.com/2017/02/14/modal-dialogs-and-accessibility-a-tricky-minefield/?utm_source=frontendfocus&utm_medium=email) tutorial
Of course, the simplest solution is to stop using them.
Shwetank Dixit
[Switching to HTTPS](https://tobireif.com/posts/switching_to_https/?utm_source=frontendfocus&utm_medium=email) tutorial
A general how-to on getting your site moved over to HTTPS.
Tobi Reif
[Creating Non-Rectangular Page Headers](https://css-tricks.com/creating-non-rectangular-headers/?utm_source=frontendfocus&utm_medium=email) tutorial
Erik Kennedy
[How to Use Mobile Emulation Mode in Chrome](https://www.sitepoint.com/use-mobile-emulation-mode-chrome/?utm_source=frontendfocus&utm_medium=email) tutorial
Craig Buckler
[Two Ways of Optimizing GIFs for the Web](https://bitsofco.de/optimising-gifs/?utm_source=frontendfocus&utm_medium=email) tutorial
Ire Aderinokun
[[Whitepaper\] The Future of JavaScript—2017 and Beyond](http://www.telerik.com/campaigns/kendo-ui/javascript-future-2017?utm_medium=newsletter&utm_source=frontendweekly&utm_campaign=dt-kendo-js-2017-wp-jan17)
2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper.
ProgressSponsor
[An Introduction To PostCSS Tooling](https://pusher.com/sessions/meetup/front-end-london/an-introduction-to-postcss-tooling?utm_source=frontendfocus&utm_medium=email) video
A rundown of PostCSS’s diverse plugins. Helping you cherrypick the right ones for your next project.
Richard Hallows
[unfetch: Bare Minimum 'Fetch' Polyfill in 500 Bytes](https://github.com/developit/unfetch?utm_source=frontendfocus&utm_medium=email) code
A very lightweight ‘barely polyfill’ that implements a subset of the full Fetch API.
Jason Miller
[AR.js: Efficient Augmented Reality for the Web](https://github.com/jeromeetienne/AR.js?utm_source=frontendfocus&utm_medium=email) code
Jerome Etienne
[Perfomant CSS Animation for Beginners](http://codepen.io/IanHazelton/pen/GrPEaK/?utm_source=frontendfocus&utm_medium=email) demo
_“there are only 4 properties which you can animate whilst maintaining a silky smooth experience for your users”_
Ian Hazelton
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/278)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK