---
title: "This Week's HTML5 and Browser Technology News (Issue 208)"
publication: "Frontend Focus"
issue: 208
published_at: "2015-09-30"
canonical_url: "https://frontendfoc.us/issues/208"
---
This Week's HTML5 and Browser Technology News (Issue 208)
[Read this e-mail on the Web](http://frontendfoc.us/issues/208)
Frontend FocusIssue 208 — September 30, 2015[How To Make An SVG Lava Lamp](http://codepen.io/chrisgannon/blog/how-to-make-an-svg-lava-lamp?utm_source=frontendfocus&utm_medium=email) A well written and thorough tutorial that goes from doing illustrative work in Adobe Illustrator through to exporting to SVG and writing code to make the lamp ‘work’. Chris Gannon
[US Government Releases Official 'Web Design Standards'](https://playbook.cio.gov/designstandards/?utm_source=frontendfocus&utm_medium=email) Open source UI components and a visual style guide to create consistency and beautiful user experiences across U.S. federal government websites. They recommend using Sass, Bourbon and Neat throughout. US Digital Service
[Easy Content Organisation with HTML5](https://www.paciellogroup.com/blog/2015/09/easy-content-organisation-with-html5/?utm_source=frontendfocus&utm_medium=email) With just 5 elements (aside, footer, header, main and nav) you can provide the understanding and navigation benefits of content organisation to users who would otherwise not be able to perceive it from visual cues alone. Steve Faulkner
[](http://mailgun.com/?utm_source=cooperspress&utm_medium=htmlweekly&utm_term=sep9&utm_campaign=signup)[Send email using the Mailgun API](http://mailgun.com/?utm_source=cooperspress&utm_medium=htmlweekly&utm_term=sep9&utm_campaign=signup)Easy SMTP integration and a simple, RESTful API abstracts away the messy details of sending transactional or bulk email. Scale quickly, whether you need to send 10 or 10 million emails. Start sending email now with Mailgun MailgunSponsor
[PostCSS Deep Dive: What You Need to Know](http://webdesign.tutsplus.com/tutorials/postcss-deep-dive-what-you-need-to-know--cms-24535?utm_source=frontendfocus&utm_medium=email) “You should learn what [PostCSS] is and how to use it ASAP,” says Kezz Bracey. [PostCSS](https://github.com/postcss/postcss) is a tool that transforms CSS via JavaScript plugins and offers a lot of interesting functionality. Kezz Bracey
[New HTML5 Player Beta Trial for BBC iPlayer](http://www.bbc.co.uk/blogs/internet/entries/19d875b8-c966-465b-880a-e38c71900c4c?utm_source=frontendfocus&utm_medium=email) BBC iPlayer is one the most heavily used video on demand services in the world and they’re using the new open MPEG-DASH standard and Media Source Extensions to stream video to an HTML5 video player. BBC - James East
[Image Diffing using CSS](http://franklinta.com/2014/11/30/image-diffing-using-css/?utm_source=frontendfocus&utm_medium=email) A CSS3 filter trick where you invert the colors and set opacity to 50%. Franklin Ta
[Don't Let Your CDN Betray You: Use Subresource Integrity](https://hacks.mozilla.org/2015/09/subresource-integrity-in-firefox-43/?utm_source=frontendfocus&utm_medium=email) “Using a new specification called Subresource Integrity, a website can include JavaScript that will stop working if it has been modified.” Mozilla Hacks
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)
- [Join The Top 3% of Freelance HTML5 Developers Worldwide](http://www.toptal.com/developers?utm_source=cooperpress&utm_medium=newsletter&utm_content=html5_weekly&utm_campaign=top_3)Toptal is an exclusive network of elite freelance software engineers. Apply today to work with top clients, set your own rates, and collaborate with other top HTML5 developers. Toptal
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
[Accessibility: Towards an Inclusive Web with Edge and Windows 10](http://blogs.windows.com/msedgedev/2015/09/25/accessibility-towards-a-more-inclusive-web-with-microsoft-edge-and-windows-10/?utm_source=frontendfocus&utm_medium=email) news
Microsoft Edge Dev Blog
[Give back to the developer community - apply to teach today.](http://www.pluralsight.com/teach?utm_source=frontendfocus&utm_medium=email) news
Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.
PluralsightSponsor
[A Look at Firefox 41's Improvements for Developers](https://hacks.mozilla.org/2015/09/trainspotting-firefox-41/?utm_source=frontendfocus&utm_medium=email) news tools
Mozilla Hacks
[World’s First Conference Calls Between Chrome, Firefox, and Edge](https://blog.andyet.com/2015/09/29/ortc-demo?utm_source=frontendfocus&utm_medium=email) news
Notes on continued developments of cross-browser WebRTC interoperability.
Peter Saint-Andre
[6 Use Cases For CSS's calc()](http://vincentp.me/blog/use-cases-for-calc/?utm_source=frontendfocus&utm_medium=email) tutorial
Vincent Pickering
[CSS Stacking Contexts: What They Are and How They Work](http://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/?utm_source=frontendfocus&utm_medium=email) tutorial
Tiffany B Brown
[Modern Web Layout with Flexbox](http://www.webdesignerdepot.com/2015/09/modern-web-layout-with-flexbox/?utm_source=frontendfocus&utm_medium=email) tutorial
Webdesigner Depot
[How To Do Knockout Text on the Web](https://css-tricks.com/how-to-do-knockout-text/?utm_source=frontendfocus&utm_medium=email) tutorial
Chris Coyier
[My Current HTML Email Development Workflow](http://www.sitepoint.com/my-current-html-email-development-workflow/?utm_source=frontendfocus&utm_medium=email) tutorial
Massimo Cassandro
[Exploring the 'crossorigin' Media Attribute in HTML5](http://schalkneethling.github.io/blog/2015/09/10/exploring-the-crossorigin-media-attribute-in-html5/?utm_source=frontendfocus&utm_medium=email) tutorial
Schalk Neethling
[Easier HTML Refactors Through Better Selectors](https://danoc.me/blog/better-selectors/?utm_source=frontendfocus&utm_medium=email) opinion
Daniel O'Connor
[What I Learned While Publishing An HTML5 Mobile App](http://codeplanet.io/what-i-learned-while-publishing-an-html5-mobile-app-part-15-development-and-debugging/?utm_source=frontendfocus&utm_medium=email) opinion
Thomas Hunter II
[Ad Blocking and the Future of the Web](http://www.zeldman.com/2015/09/18/ad-blocking-and-the-future-of-the-web/?utm_source=frontendfocus&utm_medium=email) opinion
“Your site may soon be collateral damage in a war between Silicon Valley superpowers.” (i.e. Google and Apple)
Jeffrey Zeldman
[Bootstrap Form Builder + Processing](https://formden.com/?utm_source=frontendfocus&utm_medium=email) tools
Easily create beautiful HTML forms styled with Bootstrap. Let our server validate and email the submissions.
FormdenSponsor
[Visual Studio Emulators: Debug WebGL and HTML5 Mobile Experiences](http://www.sitepoint.com/debug-webgl-html5-mobile-experiences-visual-studio-emulators/?utm_source=frontendfocus&utm_medium=email) tools
SitePoint
[The Encrypted Media Extensions (EME) Logger Extension](https://developers.google.com/web/updates/2015/09/eme-logger?utm_source=frontendfocus&utm_medium=email) tools
A Chrome extension that logs EME events and calls to the DevTools console along with debugging information.
Sam Dutton
[HTML5 Background Videos: Stock HTML5 Background Video](https://html5backgroundvideos.com/?utm_source=frontendfocus&utm_medium=email) tools video
BG Stock
[animate.css: A Cross-Browser Library of CSS Animations](https://github.com/daneden/animate.css?utm_source=frontendfocus&utm_medium=email) code
Daniel Eden
[Sheets of Paper: Emulating Sheets of Paper in Web Documents](https://github.com/delight-im/HTML-Sheets-of-Paper?utm_source=frontendfocus&utm_medium=email) code
Before you get _too_ excited, it’s mostly about the overall look and size - no effects.
delight.im
[postcss-write-svg: Write SVGs Directly in CSS](https://github.com/jonathantneal/postcss-write-svg?utm_source=frontendfocus&utm_medium=email) code
Jonathan Neal
[Family Guy's Brian Griffin in Pure CSS](http://codepen.io/rachel_web/pen/VveQPW?utm_source=frontendfocus&utm_medium=email) demo
CodePen
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/208)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK