---
title: "This Week's HTML5 and Browser Technology News (Issue 220)"
publication: "Frontend Focus"
issue: 220
published_at: "2015-12-30"
canonical_url: "https://frontendfoc.us/issues/220"
---
This Week's HTML5 and Browser Technology News (Issue 220)
[Read this e-mail on the Web](http://frontendfoc.us/issues/220)
Frontend FocusIssue 220 — December 30, 2015[Revisiting Firefox’s DevTools](http://www.smashingmagazine.com/2015/12/revisiting-firefox-devtools/?utm_source=frontendfocus&utm_medium=email) Firefox’s developer tools often get overshadowed by Chrome’s, but they’ve come on a long way and are now rather impressive. Patrick Brosset looks at their history and what’s available now. Smashing Magazine
[Front-End Tools: Some Top Finds in 2015](http://www.sitepoint.com/front-end-tools-favorite-finds-2015/?utm_source=frontendfocus&utm_medium=email) Louis Lazaris covers a variety of interesting tools from a script that converts Illustrator documents into HTML and CSS to a JavaScript linter. SitePoint
[Self-Rewriting Pages for Instant Web Applications](https://glebbahmutov.com/blog/instant-web-application/?utm_source=frontendfocus&utm_medium=email) A look at an approach for ‘instant’ Web applications that are restored from a Service Worker-based cache. Dr. Gleb Bahmutov
[](https://www.imgix.com/?utm_source=html5-weekly&utm_medium=email&utm_campaign=2015-12-30-html5-weekly)[Responsive Images in 30 Minutes or Less](https://www.imgix.com/?utm_source=html5-weekly&utm_medium=email&utm_campaign=2015-12-30-html5-weekly)With imgix, integrating responsive images into your site could not be easier. imgix is fully-compatible with the srcset attribute, the picture element, and Client Hints. Learn how to start delivering responsive images in less than 30 minutes. imgixSponsor
['Security' Panel Debuts in Chrome DevTools](https://developers.google.com/web/updates/2015/12/security-panel?utm_source=frontendfocus&utm_medium=email) Chrome 48 includes a new _Security_ panel to help you work with issues relating to certificates and mixed content. Google
[Coding an HTML5 Game in 5 Minutes](https://www.youtube.com/watch?v=KoWqdEACyLI) A short, well presented video from Chris DeLeon where he creates a simple Canvas-based Pong game from scratch. YouTube
[JS, HTML5, and the Web Made Big Comebacks in 2015](http://arc.applause.com/2015/12/30/javascript-html5-web-development-2015/?utm_source=frontendfocus&utm_medium=email) “The Web made a comeback in 2015 … reinforcing the idea that the Web was never in any actual danger.” Arc
[Better Font Events with The Native Font Loading API](http://blog.typekit.com/2015/12/16/better-font-events-with-the-native-font-loading-api/?utm_source=frontendfocus&utm_medium=email) Typekit is now leaning on modern browsers’ native font loading and manipulation abilities via the CSS Font Loading API. Typekit
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)
- [Principal Web Developer. Bristol, UK](https://mixradio.bamboohr.co.uk/jobs/view.php?id=29)Join MixRadio if you are an expert web developer with superior front-end skills. Help us improve our speed of execution and architecture. Use ReactJS and ES2015 on cross-disciplined teams to deliver the next best music streaming service. MixRadio
- [Stop Spending Time Applying For Jobs](https://hired.com/?utm_source=newsletters&utm_medium=html5weekly&utm_campaign=q4_15-petercooperpress&utm_term=job&utm_content=123015-wastingtime)Finding a job IS a full time job. Shouldn't companies come to you with offers upfront? We think so. Join the revolution and sign up for Hired today. Hired.com
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
[Facebook Turns Away From Flash for Video](http://www.bbc.co.uk/news/technology-35151494?utm_source=frontendfocus&utm_medium=email) news
Now uses HTML5 based video instead.
BBC News
[Half off all MEAPs, eBooks, and pBooks at Manning](https://manning.com/?utm_source=frontendfocus&utm_medium=email) news
It's just today, and you need to use the code `dotd122915tw`
Manning PublicationsSponsor
[Looking for Certified HTML5 Developers? The Search Is Over](https://www.w3.org/blog/2015/12/looking-for-certified-html5-developers-the-search-is-over/?utm_source=frontendfocus&utm_medium=email) news
W3C has partnered with edX to certify developers via a course.
W3C
[Firefox Developer Edition 45: Animations, Memory Tools and More](https://hacks.mozilla.org/2015/12/developer-edition-45-animations-memory-tools-and-more/?utm_source=frontendfocus&utm_medium=email) news
What’s new in Firefox DE 45’s developer tools?
Mozilla Hacks
[HTML 5 Canvas Cheat Sheet](http://websitesetup.org/html-5-canvas-cheat-sheet/?utm_source=frontendfocus&utm_medium=email) tutorial
Robert Mening
[Click SVG Element to Focus (and Style)](https://css-tricks.com/click-svg-to-focus/?utm_source=frontendfocus&utm_medium=email) tutorial
CSS Tricks
[Generating SVG With React](http://www.smashingmagazine.com/2015/12/generating-svg-with-react/?utm_source=frontendfocus&utm_medium=email) tutorial
Smashing Magazine
[Using Chrome Traces to Automate Rendering Performance](http://blog.nparashuram.com/2015/12/using-chrome-traces-to-automate.html?utm_source=frontendfocus&utm_medium=email) tutorial
Parashuram N
[`flex-grow` Is Weird. Or Is It?](https://css-tricks.com/flex-grow-is-weird/?utm_source=frontendfocus&utm_medium=email) tutorial
Manuel Matuzovic
[Understanding the CSS Modules Methodology](http://www.sitepoint.com/understanding-css-modules-methodology/?utm_source=frontendfocus&utm_medium=email) tutorial
SitePoint
[Should I Use A Video As A (Web Page) Background?](https://css-tricks.com/should-i-use-a-video-as-a-background/?utm_source=frontendfocus&utm_medium=email) opinion
CSS Tricks
[QICI Engine: A Web-Based Tool for Creating HTML5 Games](http://www.qiciengine.com/?utm_source=frontendfocus&utm_medium=email) tools
QuingCi Digital
[videospeed: HTML5 Video Speed Controller (for Google Chrome)](https://github.com/igrigorik/videospeed?utm_source=frontendfocus&utm_medium=email) tools code
HTML5 provides a native API to change playback speed of video, but not all players expose it.
Ilya Grigorik
[Timbre.js: JavaScript Library for Objective Sound Programming](http://mohayonao.github.io/timbre.js/?utm_source=frontendfocus&utm_medium=email) code
mohayonao
[RoboJS: Dynamically Load JS Depending On DOM Structure](https://github.com/marcog83/RoboJS?utm_source=frontendfocus&utm_medium=email) code
Marco Gobbi
[HTML-909: A Roland TR-909 Drum Machine in HTML5](http://html909.com/?utm_source=frontendfocus&utm_medium=email) demo
This is great fun to play with.
Teemu Kallio
[Improve your UI/UX skills in 2016. Claim your spot in our Jan. 8 course](http://trydesignlab.com/a/web-design-course/ad49af1e/?utm_source=html5weekly&utm_medium=email&utm_campaign=december2015b) course
Learn UI UX design through part-time, online courses with 1-on-1 mentorship from expert designers
DesignlabSponsor
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/220)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK