---
title: "This Week's HTML5 and Browser Technology News (Issue 212)"
publication: "Frontend Focus"
issue: 212
published_at: "2015-10-28"
canonical_url: "https://frontendfoc.us/issues/212"
---
This Week's HTML5 and Browser Technology News (Issue 212)
[Read this e-mail on the Web](http://frontendfoc.us/issues/212)
Frontend FocusIssue 212 — October 28, 2015[The Art of Debugging (on the Web)](https://remysharp.com/2015/10/14/the-art-of-debugging?utm_source=frontendfocus&utm_medium=email) A ton of useful insights, tips, videos, and more, on debugging issues in Web apps, front end development, etc. Remy Sharp
[Guide To Using WebP Images Today: A Case Study](http://www.smashingmagazine.com/2015/10/webp-images-and-performance/?utm_source=frontendfocus&utm_medium=email) WebP is an image format developed by Google that can provide both lossless and lossy compression. It can trump both PNG and JPEG on size at a similar quality, but Firefox, IE and Safari don’t yet support it. Smashing Magazine
[Keep Pushing It, With The W3C Push API](https://hacks.mozilla.org/2015/10/keep-pushing-it-with-the-w3c-push-api/?utm_source=frontendfocus&utm_medium=email) Support is still patchy (but growing) but this is a good time to check out the Push API, a mechanism for which Web apps can push notifications to a client at any time. Mozilla Hacks
[](http://www.telerik.com/campaigns/platform/phonegap?_medium=newsletter&utm_source=html5weeklyr&utm_campaign=dc-platform-phonegap&utm_content=primary)[PhoneGap Development Made Easier](http://www.telerik.com/campaigns/platform/phonegap?_medium=newsletter&utm_source=html5weeklyr&utm_campaign=dc-platform-phonegap&utm_content=primary)Create mobile apps for iOS, Android and Windows Phone using a hyper productive PhoneGap development environment TelerikSponsor
[The State of Web Type](http://stateofwebtype.com/?utm_source=frontendfocus&utm_medium=email) Up-to-date data on support for typographic related features on the Web, like fractions, WOFF and font stretching. Bram Stein
[A Microsoft Evangelist's Favorite Chrome Extensions](http://www.sitepoint.com/microsoft-evangelists-list-favorite-chrome-extensions/?utm_source=frontendfocus&utm_medium=email) From a WebGL inspector and a feed reader, to a REST client and a multi-line JavaScript console. David Voyles
[CSSGram: Library to Recreate Instagram Filters with CSS](http://una.im/CSSgram/?utm_source=frontendfocus&utm_medium=email) A library for editing your images with Instagram-like filters directly in CSS. Una
[Make a Voice-Controlled Audio Player with the Web Speech API](http://www.sitepoint.com/voice-controlled-audio-player-web-speech-api/?utm_source=frontendfocus&utm_medium=email) A quick guide to using the Speech Recognition API to recognize commands and play audio in the browser. Ivan Dimov
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 Web Developer (Minnesota, USA)](http://plaud.it/1RuhgGp?utm_source=frontendfocus&utm_medium=email)We're looking for an experienced front-end developer to join our team in Saint Paul, Minnesota. In this position you'll create websites using HTML5, CSS3, JavaScript (ES6), Gulp and use various plugins such as Babel, Browserify, PostCSS, Autoprefixer, etc. Local candidates only please. Plaudit
- [Don't Let The Job Search Spook You](https://hired.com/?utm_source=HTML5weekly&utm_medium=newsletter&utm_campaign=q4_15-petercooperpress&utm_term=sponsored&utm_content=102815-spook)Trolling through tons of jobs online is a scary thought. Through Hired, you can sit back while employers looking for someone with your skills and experience come to you. 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
[Typekit Retiring Web Font Support for IE6 and IE7](http://blog.typekit.com/2015/10/22/retiring-web-font-support-for-ie6-and-ie7/?utm_source=frontendfocus&utm_medium=email) news
They make up only 0.204% of their traffic anyway.
Typekit
[CSS Scroll Snapping Change Proposal](https://drafts.csswg.org/css-scroll-snap/?utm_source=frontendfocus&utm_medium=email) news
A unofficial draft proposal of an alternate model for scroll-snapping.
W3C
[New @getify Workshop: Functional-Lite to Asynchronous JS](https://frontendmasters.com/workshops/functional-asynchronous/?utm_source=frontendfocus&utm_medium=email) course
Join us [LIVE November 5th 6th](https://frontendmasters.com/workshops/functional-asynchronous/)! (online or in-person)
Frontend MastersSponsor
[W3C Releases Web Developers Avenue](https://www.w3.org/blog/2015/10/w3c-releases-web-developer-avenue/?utm_source=frontendfocus&utm_medium=email) news
A new one-stop page featuring the resources and tools the W3C has for Web developers.
W3C
[Notes from the Future of HTML (TPAC) Meeting](http://www.w3.org/2015/10/28-html-minutes.html?utm_source=frontendfocus&utm_medium=email) news
A W3C meeting that took place this week.
W3C
[Thoughts on “Notes from the future of HTML session at TPAC”](https://medium.com/@stevefaulkner/thoughts-on-notes-from-the-future-of-html-session-at-tpac-1c2f6f204cea?utm_source=frontendfocus&utm_medium=email) opinion
Some extended thoughts on the notes linked above.
Steve Faulkner
['input' I Love You, But You're Bringing Me Down](http://meowni.ca/posts/a-story-about-input/?utm_source=frontendfocus&utm_medium=email) opinion
“Here’s a story about the ‘input’ element, how it got to be the jerk that it is, and why it needs to die in a fire.”
Monica Dinculescu
[Using PostCSS Together with Sass, Stylus, or LESS](http://webdesign.tutsplus.com/tutorials/using-postcss-together-with-sass-stylus-or-less--cms-24591?utm_source=frontendfocus&utm_medium=email) tutorial
Tuts+
[How To Manipulate SVG Text](http://vanseodesign.com/web-design/how-to-manipulate-svg-text/?utm_source=frontendfocus&utm_medium=email) tutorial
Steven Bradley
[Marking Up Measurements Correctly in HTML5](http://thenewcode.com/109/Marking-Up-Measurements-Correctly-in-HTML5?utm_source=frontendfocus&utm_medium=email) tutorial
TIL that Prime; and prime; are two different glyphs..
The New Code
[Sending HTML to Mailgun with cURL](http://blog.jpalardy.com/posts/sending-html-to-mailgun-with-curl/?utm_source=frontendfocus&utm_medium=email) tutorial
Jonathan Palardy
[Using Encrypted Media Extensions for Interoperable Protected Media](http://blogs.windows.com/msedgedev/2015/10/27/using-encrypted-media-extensions-for-interoperable-protected-media/?utm_source=frontendfocus&utm_medium=email) tutorial
A look at Media Source Extensions and Encrypted Media Extensions from the Edge perspective.
Microsoft Edge Dev Blog
[Angled Edges with CSS Masks and Transforms](https://viget.com/inspire/angled-edges-with-css-masks-and-transforms?utm_source=frontendfocus&utm_medium=email) tutorial
Jeremy Frank
[HTMLhouse: Basic Online HTML Editor and Sharing Tool](https://html.house/?utm_source=frontendfocus&utm_medium=email) tools
Write.as
[bitIcon: A Programming Language Glyph Font](https://github.com/bitHero/bitIcon?utm_source=frontendfocus&utm_medium=email) tools
Ben Hawker
[HTMLMinifier: JavaScript-Based HTML Compressor/Minifier](https://github.com/kangax/html-minifier?utm_source=frontendfocus&utm_medium=email) code tools
Juriy Zaytsev
[Give back to the developer community-apply to teach today.](http://www.pluralsight.com/teach?utm_source=frontendfocus&utm_medium=email)
Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.
PluralsightSponsor
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/212)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK