---
title: "This Week's HTML5 and Browser Technology News (Issue 259)"
publication: "Frontend Focus"
issue: 259
published_at: "2016-09-28"
canonical_url: "https://frontendfoc.us/issues/259"
---
This Week's HTML5 and Browser Technology News (Issue 259)
[Read this e-mail on the Web](http://frontendfoc.us/issues/259)
Frontend FocusIssue 259 — September 28, 2016[A Visualization of Web Platform Feature Availability](https://paulirish.github.io/web-feature-availability/?utm_source=frontendfocus&utm_medium=email)A simple graph based visualization of web platform feature support. Paul Irish
[Web Development as a Hack of Hacks?](http://www.quirksmode.org/blog/archives/2016/09/web_development.html?utm_source=frontendfocus&utm_medium=email)Is web development a series of ‘hacks’? Peter-Paul argues “it’s a qualified No, and we need to understand what we should do in order to avoid a future Yes”. Peter-Paul Koch
[SVG Has More Potential](https://madebymike.com.au/writing/svg-has-more-potential/?utm_source=frontendfocus&utm_medium=email)A fantastic look at “some things you can do with SVG that you might not have seen, and perhaps not even considered possible.” Mike Riethmuller
[](https://forwardcourses.com/workshops/51?utm_source=frontendfocus&utm_medium=email)[DevOps for Front End Engineers with Netflix's Jem Young](https://forwardcourses.com/workshops/51?utm_source=frontendfocus&utm_medium=email)Best practices for supporting web applications from a Front End Engineer's perspective, including dealing with DNS, configuring your node server, and building a flexible deploy system in JavaScript. Forward CoursesSponsor
[Refactoring CSS Without Losing Your Mind](https://slideslive.com/38898201/refactoring-css-without-losing-your-mind?utm_source=frontendfocus&utm_medium=email)A 45 minute talk covering what CSS to refactor and when, and how to avoid regressions when adding new CSS. Harry Roberts
[Thimble: A New Simple Online Web Code Editor from Mozilla](https://thimble.mozilla.org/en-US/?utm_source=frontendfocus&utm_medium=email)Open to all, but aimed at beginners and educators, Thimble is a new online Web development interface. Mozilla
[Building Social: A Case Study On Progressive Enhancement](https://www.smashingmagazine.com/2016/09/building-social-a-case-study-on-progressive-enhancement/?utm_source=frontendfocus&utm_medium=email)A case study shaing some simple yet often overlooked front-end techniques that defer the use of JavaScript as much as possible. Marko Dugonjić
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)
- [Frontend Developer at X-Team (Remote)](http://x-team.com/frontend-developer?utm_source=newsletter&utm_medium=email&utm_campaign=html5weekly-september)We're looking for a developer with an extensive knowledge of HTML5, CSS3 and skills in different JS-based frameworks. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team
- [Senior Front-End Engineer (San Francisco, US)](https://jobs.lever.co/quri/44ffd19f-54fa-466f-9cda-1544f1bd6365?utm_source=frontendfocus&utm_medium=email)We’re looking for an experienced front-end engineer to join our small team of focused, dedicated technologists. Join us and help build our market leading Enterprise Dashboard. Quri
- [Find Your Perfect Company Match](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q3-16-frontendfocus)You're smart, you're efficient. Why job hunt the old way? Try Hired and get your profile in front of thousands of top tech companies. 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
[More Control with Clear-Site-Data and Feature-Policy](https://chloe.re/2016/08/19/more-control-with-clear-site-data-and-feature-policy/?utm_source=frontendfocus&utm_medium=email) news
_Clear Site Data is a header that informs the browser to clear data related to the origin that sent the request._
[Lightning fast SSD hosts for your HTML5 project](https://welcome.linode.com/html5-weekly/?utm_source=cooperpress&utm_medium=sponsored&utm_term=html5&utm_campaign=html5-weekly) rawurl tools
Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use code `HTML520` for $20 credit.
LinodeSponsor
[Methods for Controlling Spacing in Web Typography](https://css-tricks.com/methods-controlling-spacing-web-typography/?utm_source=frontendfocus&utm_medium=email) tutorial
Geoff Graham
[Using 'round' and 'space' with CSS 'background-repeat'](http://thenewcode.com/1143/Even-Stevens-Using-Round-and-Space-in-Repeated-Background-Images?utm_source=frontendfocus&utm_medium=email) tutorial
Dudley Storey
[Accessible Floating Labels](http://allthingssmitty.com/2016/09/25/accessible-floating-labels/?utm_source=frontendfocus&utm_medium=email) tutorial
Matt Smith
[9 Underutilized Features in CSS](https://medium.com/@iamjordanlittle/9-underutilized-features-in-css-90ced6ddbfe7?utm_source=frontendfocus&utm_medium=email) tutorial
Jordan Little
[Things You Probably Didn't Know You Could Do with Chrome’s Console](https://medium.freecodecamp.com/10-tips-to-maximize-your-javascript-debugging-experience-b69a75859329?utm_source=frontendfocus&utm_medium=email) tutorial
Swagat Kumar Swain
[CSS4 Grid: True Layout Finally Arrives](https://www.youtube.com/watch?v=axVw1Zduqn0) video
Jen Kramer
[CSS for Decoration](http://razvancaliman.com/css-for-decoration/?utm_source=frontendfocus&utm_medium=email) slidedeck
Practical use cases for CSS Gradients, multi-background, and CSS Blend Modes.
Razvan Caliman
[Taggd: A jQuery Plugin to Add Notes to Your Images](https://timseverien.com/taggd/?utm_source=frontendfocus&utm_medium=email) tools
Add notes and additional information to images, responsively.
Tim Severien
[Discover the world’s most trusted SQL Server comparison tool](http://www.red-gate.com/products/sql-development/sql-compare/?utm_source=frontendfocus&utm_medium=displayemail&utm_content=compare_trusted&utm_campaign=sqlcompare&utm_term=email-25064) rawurl tools
Enjoy a free trial of SQL Compare, the industry standard for comparing and deploying SQL Server schemas.
Red GateSponsor
[Wenk: Lightweight Pure CSS Tooltips](https://mightycrow.github.io/wenk/?utm_source=frontendfocus&utm_medium=email) code
Just 683 bytes when gzipped.
Tiaan du Plessis
[Canvas Gauges: Minimal HTML5 Radial and Linear Gauge Components](https://canvas-gauges.com/?utm_source=frontendfocus&utm_medium=email) code
Canvas Gauges
[txt.wav: Weird, Wavy Text Effects](http://www.stilllife.studio/txtwav?utm_source=frontendfocus&utm_medium=email) code
[Choreographer-JS: A Simple Library to Take Care of Complex CSS Animations](https://christinecha.github.io/choreographer-js/?utm_source=frontendfocus&utm_medium=email) code
Christine Cha
[20 Stunning Examples of CSS3 Animation](http://www.creativebloq.com/features/22-stunning-examples-of-css3-animation?utm_source=frontendfocus&utm_medium=email) demo
Creative Bloq
[Inspiration for Using Google Web Fonts](https://femmebot.github.io/google-type/?utm_source=frontendfocus&utm_medium=email) demo
Some of Google Web Font’s 800 fonts brought together in tasteful, inspirational combinations.
[Create Custom and Instagram-Like Photo Filters for CSS](http://www.cssfilters.co/?utm_source=frontendfocus&utm_medium=email) demo
Webapp to experiment with CSS filters and blend modes, Instagram style.
Indrashish Ghosh
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/259)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK