---
title: "This Week's HTML5 and Browser Technology News (Issue 222)"
publication: "Frontend Focus"
issue: 222
published_at: "2016-01-13"
canonical_url: "https://frontendfoc.us/issues/222"
---
This Week's HTML5 and Browser Technology News (Issue 222)
[Read this e-mail on the Web](http://frontendfoc.us/issues/222)
Frontend FocusIssue 222 — January 13, 2016[An Introduction to CSS's @supports Rule (Feature Queries)](http://www.sitepoint.com/an-introduction-to-css-supports-rule-feature-queries/?utm_source=frontendfocus&utm_medium=email) You can perform feature detection using native CSS feature queries with the @supports rule, supported in Edge, Firefox, Chrome and Safari. SitePoint
[Compatibility: A Living Standard of Non-Standard 'De Facto' Web Features](https://compat.spec.whatwg.org/?utm_source=frontendfocus&utm_medium=email) A document that brings together a collection of non-standard (and often vendor-prefixed) CSS properties and DOM APIs that browsers need to support for compatibility with the ‘de facto’ Web. WHATWG
[Safari 9.1 Adds 'picture' Element Support](https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html?utm_source=frontendfocus&utm_medium=email) Safari 9.1 includes support for native CSS variables, improved image smoothing for HTML5 Canvas, and, on iOS, ‘fast-tap’ support (no 350ms wait) on well scaled mobile pages. Apple
[](http://www.telerik.com/campaigns/kendo-ui/responsive-must-know-techniques?utm_medium=newsletter&utm_source=javascriptweekly&utm_campaign=dt-kendo-responsive-wp-oct15)[Whitepaper: Building HTML5 Apps for Any Screen Size. Must-Know Techniques](http://www.telerik.com/campaigns/kendo-ui/responsive-must-know-techniques?utm_medium=newsletter&utm_source=javascriptweekly&utm_campaign=dt-kendo-responsive-wp-oct15)Are you working on a responsive HTML5 project? Learn the must-know techniques for success with this whitepaper. Telerik Kendo UISponsor
[Superpowers: An Open Source HTML5 Game Maker](http://superpowers-html5.com/index.en.html?utm_source=frontendfocus&utm_medium=email) An extensible and complete development environment for making 2D and 3D HTML5-based games. Sparklin Labs
[Introducing The 18F CSS Coding Style Guide](https://18f.gsa.gov/2016/01/11/introducing-the-css-coding-style-guide/?utm_source=frontendfocus&utm_medium=email) 18F, a digital services agency within the US government, has released a CSS style guide covering best practices and rules they apply for producing consistent, maintainable CSS code. 18F
[Building Custom Web Components with X-Tag](http://www.sitepoint.com/building-custom-web-components-with-x-tag/?utm_source=frontendfocus&utm_medium=email) X-Tag is a Microsoft-backed open source library that wraps the Web Components APIs. “In other words, X-Tag is to Microsoft what Polymer is to Google” SitePoint
[Firefox Will Support Non-Standard CSS for WebKit Compatibility](http://www.theregister.co.uk/2016/01/04/firefox_webkit_css_support/?utm_source=frontendfocus&utm_medium=email) This has been talked about for a while but Firefox 46 or 47 is likely to have support for specific -webkit prefixed CSS properties. The Register
[Surprising CSS Properties You Can Use Today](http://12devsofxmas.co.uk/2016/01/day-7-surprising-css-properties-you-can-use-today/?utm_source=frontendfocus&utm_medium=email) Includes things like filters, CSS3 selectors, @supports, and performing calculations. Anthony Dillon
[Variables: The Backbone Of CSS Architecture](https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/?utm_source=frontendfocus&utm_medium=email) A look at the uses for ‘variables’ in CSS (as when processed via Sass, PostCSS, and similar tools) and some best practices for them. Smashing Magazine
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 Developer at Ecosia (Berlin, Germany)](https://ecosia.workable.com/jobs/167845?utm_source=frontendfocus&utm_medium=email)Ecosia is the search engine that plants trees. With 3 million users and 25 million searches, we're now looking for a passionate Front-End Developer who will be responsible for delivering a fantastic front-end experience to our users. Ecosia
- [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. The perfect candidate is highly experienced in HTML5, CSS3, and JavaScript animation libraries such as jQuery. Local candidates only please. Plaudit
- [Get 10 offers from top tech companies in one week.](http://www.indeed.com/prime?sid=xp_cooperpress&kw=html5)Indeed Prime is an elite new program from Indeed.com that presents in-demand tech talent like you to top employers. Indeed Prime opens the door to exciting career opportunities with one simple application. Join today. Indeed
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
[Upcoming Web Design Conferences (January–June 2016)](https://www.smashingmagazine.com/2016/01/upcoming-web-design-conferences-january-june-2016/?utm_source=frontendfocus&utm_medium=email) news
Come meet the Cooper Press team at [O'Reilly Fluent](http://conferences.oreilly.com/fluent/javascript-html-us) this March in San Francisco.
Smashing Magazine
[Application Cache Support to Be Removed From Firefox](https://www.fxsitecompat.com/en-US/docs/2016/application-cache-support-will-be-removed/?utm_source=frontendfocus&utm_medium=email) news
In favor of the Service Workers API.
Firefox Site Compatibility
[jQuery 2.2 and 1.12 Released](http://blog.jquery.com/2016/01/08/jquery-2-2-and-1-12-released/?utm_source=frontendfocus&utm_medium=email) news
Official jQuery Blog
[W3C to Be Honored with Emmy Award for Standards Work](https://www.w3.org/blog/news/archives/5253?utm_source=frontendfocus&utm_medium=email) news
W3C
[We'll take you from beginner to employed engineer, guaranteed](https://start.thinkful.com/a/dlp/learn-blue/base/fewd-201/?utm_source=html5weekly&utm_campaign=html5weekly_2016jan13&utm_term=sponsoredlink) rawurl
Sign up to start learning everything from HTML to Angular. We guarantee you a job after graduation or your money back.
ThinkfulSponsor
[Building Games for Firefox OS TV using Web Technologies](https://hacks.mozilla.org/2016/01/building-games-for-firefox-os-tv/?utm_source=frontendfocus&utm_medium=email) tutorial
Mozilla Hacks
[Moving Along A Curved Path in CSS with Layered Animation](http://tobiasahlin.com/blog/curved-path-animations-in-css/?utm_source=frontendfocus&utm_medium=email) tutorial
Tobias Ahlin
[Optimising SVGs for Web Use, Part 1](https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-1-67e8f2d4035?utm_source=frontendfocus&utm_medium=email) tutorial
Andreas Larsen
[Rendering Realtime Caustics in WebGL](https://medium.com/@evanwallace/rendering-realtime-caustics-in-webgl-2a99a29a0b2c?utm_source=frontendfocus&utm_medium=email) tutorial
Evan Wallace
[What's New in Foundation 6?](http://www.sitepoint.com/whats-new-in-foundation-6/?utm_source=frontendfocus&utm_medium=email) tutorial
SitePoint
[Using WebGL2 for Pixel Perfect Sprites and Multi Fragment Outputs for Color Picking](http://www.viciousrobotrodent.com/2016/01/using-webgl2-for-pixel-perfect-sprites.html?utm_source=frontendfocus&utm_medium=email) tutorial
Vicious Robot Rodent
[Discussing CSS Grid Layout with Rachel Andrew](http://5by5.tv/bigwebshow/141?utm_source=frontendfocus&utm_medium=email) podcast
The Big Web Show
[The Big Browser You Haven’t Heard of Yet](https://medium.com/@torgo/the-big-browser-you-haven-t-heard-of-yet-481a1b48517b?utm_source=frontendfocus&utm_medium=email) opinion
Spoiler: It’s Samsung’s and is Chromium based.
Daniel Appelquist
[Why Bootstrap 4 Means Sass Has Won](http://developer.telerik.com/featured/why-bootstrap-4-means-sass-has-won/?utm_source=frontendfocus&utm_medium=email) opinion
Telerik Developer Network
[The CSS Support Guide for Email Clients](https://www.campaignmonitor.com/css/?utm_source=frontendfocus&utm_medium=email) tools
Campaign Monitor
[Swiss in CSS: International Typographic Style in CSS](http://swissincss.com/?utm_source=frontendfocus&utm_medium=email) demo
Jon Yablonski
[HTML5 Canvas Pacman Game](http://pacman.platzh1rsch.ch/?utm_source=frontendfocus&utm_medium=email) demo
platzh1rsch
[Conway's Game of Life Rendered with a WebGL Shader](http://glslsandbox.com/e?#207.3) code demo
GLSL Sandbox
[Jump-start your Angular 2 Applications with our Expert Training](http://rangle.io/services/javascript-training/training-angular1-angular2-with-ngupgrade/?utm_campaign=Angular%202%20-%20Online%20Training%20-%203&utm_medium=E-news&utm_source=HTML5Weekly) course
Now offering a 2-day crash course to get you up to speed on Angular 2 quickly. Learn online and access recorded sessions. Don’t get left behind.
Rangle.ioSponsor
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/222)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK