---
title: "This Week's HTML5 and Browser Technology News (Issue 243)"
publication: "Frontend Focus"
issue: 243
published_at: "2016-06-08"
canonical_url: "https://frontendfoc.us/issues/243"
---
This Week's HTML5 and Browser Technology News (Issue 243)
What to put in your 'head' tag, the Web Platform's crisis, and what's new in Bootstrap 4. — [Read this e-mail on the Web](http://frontendfoc.us/issues/243)
Frontend FocusIssue 243 — June 8, 2016
Recently I mentioned we're rebranding HTML5 Weekly to reflect its general front-end focus and _*drum roll*_.. **in July, HTML5 Weekly will become _Frontend Focus_.** Thanks to everyone who suggested new names.
In other news, **we're running some workshops in London with JavaScript guru Kyle Simpson** later this month, so if you want to do [a 2 day intensive JS workshop](https://ti.to/cooperpress/kyle-simpson-workshop), [a 2 hour ES6 class](https://ti.to/cooperpress/kyle-simpson-quick-workshops), or [a 2 hour functional JS class](https://ti.to/cooperpress/kyle-simpson-quick-workshops), register now :-)[HEAD: Everything To Go In Your HTML's 'head'](https://github.com/joshbuchea/HEAD?utm_source=frontendfocus&utm_medium=email)Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. Josh Buchea
[The Crisis Facing the Web Platform](https://medium.com/@stopsatgreen/the-crisis-facing-the-web-platform-4ab47515ed42?utm_source=frontendfocus&utm_medium=email)Alex Russell thinks the Web is in serious crisis due to the dominance of mobile platforms and research showing time spent using the Web is dropping. Peter Gasston
[Bootstrap 4: A Visual Guide to What’s New](https://medium.com/wdstack/bootstrap-4-whats-new-visual-guide-c84dd81d8387?utm_source=frontendfocus&utm_medium=email)Literally see what’s new in the next version of the popular front-end framework, including cards, font changes, a new XL grid tier, and tweaks to button styling. Carol Skelly
[](https://welcome.linode.com/html5-weekly/?utm_source=cooperpress&utm_medium=primary&utm_term=html5&utm_campaign=html5-weekly)[Building Your HTML5 Project? Host with Linode](https://welcome.linode.com/html5-weekly/?utm_source=cooperpress&utm_medium=primary&utm_term=html5&utm_campaign=html5-weekly)Linode's SSD hosts are the perfect environment for any HTML5, CSS, and JavaScript media. Meet your website's demands with a lightening-quick cloud host offered at competitive pricing. 99.9% uptime and 24/7 support. LinodeSponsor
[Firefox to Help Developers with JavaScript Errors](https://hacks.mozilla.org/2016/06/helping-web-developers-with-javascript-errors/?utm_source=frontendfocus&utm_medium=email)Error messages in the Firefox Developer Console will provide helpful links to associated documentation. Mozilla Hacks
[Improving Your CSS with Parker](http://csswizardry.com/2016/06/improving-your-css-with-parker/?utm_source=frontendfocus&utm_medium=email)[Parker](https://github.com/katiefenn/parker/) is a CSS static analysis tool that provides insights into your stylesheets and their complexity. Harry Roberts
[The Physical Web: Make It So](https://www.youtube.com/watch?v=-kjzVB8plZE)An interesting introduction to the ‘physical Web’ from Google’s Leon Nicholls at Google I/O. “What if the real world behaved like the Web?” he asked. YouTube
[Improving Scroll Perf with Passive Event Listeners in Chrome](https://developers.google.com/web/updates/2016/06/passive-event-listeners?utm_source=frontendfocus&utm_medium=email)New to Chrome 51, passive event listeners provide a major potential boost to scroll performance. Google
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)
- [craigslist seeks JavaScript Developers (San Francisco, CA)](http://sfbay.craigslist.org/sfc/eng/5480685169.html#?)CL seeks web devs with JavaScript, CSS, and HTML experience to join a small (~50), tech-driven, laid-back workplace to design and ship new features daily, and see them loved (or hated) by millions. Come help us save the world, or at least our corner of the Internet. craigslist
- [Hired is the best place to find engineering jobs.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-html5&utm_content=bestplace&utm_campaign=q2-16-html5weekly&utm_location=us)Bored at work? Want to try a new stack? Find 3500+ great tech companies on Hired who will compete to hire you. [Try it today.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-html5&utm_content=bestplace&utm_campaign=q2-16-html5weekly&utm_location=us) 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
[Upcoming Web Design Conferences (June-December 2016)](https://www.smashingmagazine.com/2016/06/upcoming-web-design-conferences-june-december-2016/?utm_source=frontendfocus&utm_medium=email) news
Smashing Magazine
[Five Ways to Hide Elements in CSS](https://www.sitepoint.com/five-ways-to-hide-elements-in-css/?utm_source=frontendfocus&utm_medium=email) tutorial
Baljeet Rathi
[You Don't Need JavaScript for That (Use CSS)](https://robots.thoughtbot.com/you-don-t-need-javascript-for-that?utm_source=frontendfocus&utm_medium=email) tutorial
A look at JS-free tooltips, dropdowns, and visibility toggling.
Cristina Silva
[Battling BEM: 10 Common Problems And How To Avoid Them](https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/?utm_source=frontendfocus&utm_medium=email) tutorial
[BEM](https://en.bem.info/) is a front-end development methodology covering code reuse, naming, file layout, and more.
David Berner
[Retrofitting Zooming UI To Legacy Websites: An Impossible Task?](https://www.smashingmagazine.com/2016/06/retrofitting-zooming-ui-to-legacy-websites-an-impossible-task/?utm_source=frontendfocus&utm_medium=email) tutorial
Luca Leone and Anders Schmidt Hansen
[Using the Permissions API to Query Browser API Permission Levels](https://davidwalsh.name/permissions-api?utm_source=frontendfocus&utm_medium=email) tutorial
David Walsh
[How to Build a News Website Layout with Flexbox](http://webdesign.tutsplus.com/tutorials/how-to-build-a-news-website-layout-with-flexbox--cms-26611?utm_source=frontendfocus&utm_medium=email) tutorial
Jeremy Thomas
[Don't Use iOS Meta Tags Irresponsibly in Your Progressive Web Apps](https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb?utm_source=frontendfocus&utm_medium=email) opinion
Maximiliano Firtman
[Web Storage: The Lesser Evil for Session Tokens](http://blog.portswigger.net/2016/05/web-storage-lesser-evil-for-session.html?utm_source=frontendfocus&utm_medium=email) opinion
James Kettle
[The Basics of Building 3D Games on the Web](https://hacks.mozilla.org/2016/06/basics-of-building-3d-games-on-the-web/?utm_source=frontendfocus&utm_medium=email) opinion
Andrzej Mazur
[An Animated Typographic Terminology Cheat Sheet](https://www.supremo.tv/typeterms/?utm_source=frontendfocus&utm_medium=email) tools demo
Supremo
[Cutestrap: A Tiny Alternative to Bootstrap](https://www.cutestrap.com/?utm_source=frontendfocus&utm_medium=email) tools
Just 8KB of CSS.
Tyler Childs
[CSS Specificity Cheat Sheet, inspired by The Shining](http://cssspecificity.com/?utm_source=frontendfocus&utm_medium=email) tools
CSS Dev Conference
[LightCMS Developer Program - Free 14-day trial](http://www.launchbit.com/taz/11157-6238-111?utm_source=frontendfocus&utm_medium=email) rawurl tools
Design More, Work Less. You do fun, we do boring. Create outstanding websites on LightCMS.
LightCMSSponsor
[An example of morphing shapes in CSS using some rather intense SCSS code](https://codepen.io/thebabydino/pen/RWvaZW/?editors=0100) code
CodePen
[html-extend: Extend HTML using an ES6-like Module System and Annotations](https://github.com/redexp/html-extend?utm_source=frontendfocus&utm_medium=email) code
Sergii Kliuchnyk
[AOS: A CSS-Driven 'On Scroll' Animation Library](https://css-tricks.com/aos-css-driven-scroll-animation-library/?utm_source=frontendfocus&utm_medium=email) code tutorial
AOS standing for _Animate On Scroll_
Michał Sajnóg
[CSS Modules Demos](https://github.com/ruanyf/css-modules-demos?utm_source=frontendfocus&utm_medium=email) code
CSS Modules is a method to add local scope and dependencies to CSS.
Ruan YiFeng
[raf-stub: Accurate Testing of requestAnimationFrame & cancelAnimationFrame](https://github.com/alexreardon/raf-stub?utm_source=frontendfocus&utm_medium=email) code
Alex Reardon
[An HTML5 Micro-Simulation of Traffic Flow](http://www.traffic-simulation.de/?utm_source=frontendfocus&utm_medium=email) demo
Not new but I found it fun to see how jams can appear ‘out of nowhere’.
Dr. Martin Treiber
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/243)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK