--- title: "This Week's HTML5 and Browser Technology News (Issue 178)" publication: "Frontend Focus" issue: 178 published_at: "2015-03-04" canonical_url: "https://frontendfoc.us/issues/178" --- This Week's HTML5 and Browser Technology News (Issue 178) Caching fonts in localStorage, Google converting Flash ads to HTML5, quantity queries in CSS, and more. — [Read this e-mail on the Web](http://frontendfoc.us/issues/178) Frontend FocusIssue 178 — March 4, 2015[localFont: Using localStorage for Web Font Caching](https://github.com/jaicab/localFont?utm_source=frontendfocus&utm_medium=email) HTTP caching can be slower than localStorage, so why not store fonts in it for quicker rendering later? Interesting idea. There's [an article with some background](http://jaicab.com/2015/03/03/introducing-localfont-a-localstorage-solution/). Jaime Caballero [Google Now Automatically Converts Flash Ads to HTML5](http://venturebeat.com/2015/02/25/google-now-automatically-converts-flash-ads-to-html5/?utm_source=frontendfocus&utm_medium=email) In order to support mobile devices, Google is now converting Flash ads it serves up to HTML5 if [Swiffy](https://developers.google.com/swiffy/) is capable of doing so. VentureBeat [Quantity Queries for CSS: Some Very Intriguing CSS](http://alistapart.com/article/quantity-queries-for-css?utm_source=frontendfocus&utm_medium=email) A guide to styling different quantities of HTML elements in different ways. Some interesting approaches here that are not often used in CSS. A List Apart [![Red Gate Software\](https://copm.s3.amazonaws.com/90b2ba96.gif)](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly=displayemail=slowest_code=antsperformanceprofiler=email-23345)[How to find and fix the slowest code in your .NET application](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly=displayemail=slowest_code=antsperformanceprofiler=email-23345)Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your application now. Red Gate SoftwareSponsor [Harnessing Flexbox For Today's Web Apps](http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/?utm_source=frontendfocus&utm_medium=email) The Flexible Box Layout module (flexbox) makes it possible to create boxes that can shift, reorder and resize depending on the context. Karen Menezes presents an overview along with small demos. Smashing Magazine [A Break From The Past: The Birth of Microsoft's New Web Rendering Engine](http://blogs.msdn.com/b/ie/archive/2015/02/26/a-break-from-the-past-the-birth-of-microsoft-s-new-web-rendering-engine.aspx?utm_source=frontendfocus&utm_medium=email) An extensive look at what motivated Microsoft to build a new rendering engine focused on interoperability and adhering to modern Web standards. IEBlog [Where to Store your JSON Web Tokens - Cookies vs HTML5 Web Storage](https://stormpath.com/blog/where-to-store-your-jwts-cookies-vs-html5-web-storage/?utm_source=frontendfocus&utm_medium=email) JWTs are an authentication mechanism that give you a structured way to declare users and what they can access. Stormpath Jobs [![Supported by Hired.com\](http://s3.cooperpress.com.s3.amazonaws.com/hired1.png)](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) - [Freelance with Companies like Airbnb, IDEO JPMorgan](http://www.toptal.com/developers?utm_source=html5_weekly=cpm-newsletter=html5_weekly_job)Work on special projects with great companies through Toptal. Set your weekly/hourly rate, and work from anywhere in the world as an elite HTML5 developer. See if you have what it takes. TopTal - [Front End Engineer at Yelp!](http://www.yelp.com/careers?jvi=oUOmWfwK,Job)Join Yelp's Front-end team and help build a modern, styleguide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product, and other engineers to make great features. Yelp 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 ['Hosted Web Apps in Windows 10 Won't Use A Host App and Will Use W3C Web App Manifests'](https://twitter.com/mrlacey/status/572435077558345728?utm_source=frontendfocus&utm_medium=email) news Matt Lacey [WebRTC Project Now Sharing More on GitHub](https://plus.google.com/+WebRTCorg/posts/Lz3KzsLXT3W?utm_source=frontendfocus&utm_medium=email) news Code samples, demos and tests now on GitHub. WebRTC Project [Making It Easier for Enterprise Customers to Upgrade to IE 11](http://blogs.msdn.com/b/ie/archive/2015/03/02/making-it-easier-for-enterprise-customers-to-upgrade-to-internet-explorer-11-and-windows-10.aspx?utm_source=frontendfocus&utm_medium=email) news Microsoft [The WebRTC Race Begins Today](http://techcrunch.com/2015/02/28/1123773/?utm_source=frontendfocus&utm_medium=email) news A strategy-level overview of the state of WebRTC and its increasing usage. TechCrunch [You Know How to Code, but How Are Your Design Skills?](http://trydesignlab.com/web-design-course/?utm_source=html5weekly=email=march15=pro) course Learn UI UX design through part-time, online courses with 1-on-1 mentorship from expert designers. DesignlabSponsor [A Native HTML5 Autocompleting 'input' Using the 'list' Attribute](http://www.tipue.com/blog/input-list/?utm_source=frontendfocus&utm_medium=email) tutorial Tipue [Build a Simple Image Editor with CSS Filters and jQuery](http://www.sitepoint.com/build-simple-image-editor-with-css-filters-jquery/?utm_source=frontendfocus&utm_medium=email) tutorial SitePoint [Creating and Animating A Clock using CSS Animations](https://cssanimation.rocks/clocks/?utm_source=frontendfocus&utm_medium=email) tutorial CSS Animation Rocks [How Cards Are Quietly Transforming The Web](http://techcrunch.com/2015/02/27/cards-transforming-web/?utm_source=frontendfocus&utm_medium=email) opinion TechCrunch [HTTP2 for Front-End Web Developers](https://mattwilcox.net/web-development/http2-for-front-end-web-developers?utm_source=frontendfocus&utm_medium=email) opinion Don't forget to check out our [WebOps Weely](http://webopsweekly.com/) if things like this interest you. Matt Wilcox [Circulus.svg: The SVG Circular Menu Generator](http://sarasoueidan.com/tools/circulus/?utm_source=frontendfocus&utm_medium=email) tools Sara Soueidan [Seascape: WebGL Demo of a Procedurally Generated Sea Surface](https://www.shadertoy.com/view/Ms2SD1?utm_source=frontendfocus&utm_medium=email) demo Shadertoy [soundcloud-audio.js: Wrapper Around HTML5 'audio' and SoundCloud Tracks and Playlists APIs](https://github.com/voronianski/soundcloud-audio.js?utm_source=frontendfocus&utm_medium=email) code Dmitri Voronianski [vivus.js: Animate SVGs as If They're Being Drawn](http://maxwellito.github.io/vivus/?utm_source=frontendfocus&utm_medium=email) code maxwellito [Parse5: WHATWG HTML5-Compliant HTML Parsing/Serialization Toolset for Node](http://inikulin.github.io/parse5/?utm_source=frontendfocus&utm_medium=email) code Ivan Nikulin [ngWebAudio: AngularJS Module for Playing Audio using the WebAudio API](https://github.com/nehz/ngWebAudio?utm_source=frontendfocus&utm_medium=email) code Zhen Wang [History.js: HTML5 History/State API Support for All Browsers](https://github.com/browserstate/history.js?utm_source=frontendfocus&utm_medium=email) code Browser State 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/178) Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK