---
title: "This Week's HTML5, CSS and Browser Tech News #263"
publication: "Frontend Focus"
issue: 263
published_at: "2016-10-26"
canonical_url: "https://frontendfoc.us/issues/263"
---
This Week's HTML5, CSS and Browser Tech News #263
[Read this e-mail on the Web](http://frontendfoc.us/issues/263)
Frontend FocusIssue 263 — October 26, 2016[It’s Game Time for the Web](https://medium.com/ben-and-dion/its-game-time-for-the-web-ca8a1ab753e0?utm_source=frontendfocus&utm_medium=email)Powerful opinions on the importance of elegantly dealing with mobile web constraints, whether through aggressive build solutions, client-side technology or ‘tricks and illusions.’ Dion Almaer
[TestCafé: Automated Cross Browser Testing for The Modern Web Stack](http://devexpress.github.io/testcafe/?utm_source=frontendfocus&utm_medium=email)A pure Node solution for testing webapps that handles browsers, running tests, and generating report. There’s [great documentation](http://devexpress.github.io/testcafe/documentation/getting-started/) too. Developer Express Inc.
[CSS Flexbox Explained by Road Tripping Across the Country](https://medium.freecodecamp.com/css-flexbox-explained-by-road-tripping-across-the-country-1217b69c390e?utm_source=frontendfocus&utm_medium=email)_“If you have ever been on a long roadtrip, then you can understand CSS Flexbox.”_ This is a very interesting way to explain things. Kevin Kononenko
[](http://info.rangle.io/angular-2-online-training?utm_source=frontendfocus&utm_campaign=angular_2_online_training&utm_medium=email)[Discover How to Write Apps in Angular 2 with Rangle’s Online Sessions](http://info.rangle.io/angular-2-online-training?utm_source=frontendfocus&utm_campaign=angular_2_online_training&utm_medium=email)Now’s the time to get up to speed with Angular 2. Rangle offers a FREE Angular 2 online training course for JavaScript developers. Register now to join the session on November 22-23. Rangle.ioSponsor
[What's The Difference Between CSS and Preprocessor Variables?](https://css-tricks.com/difference-between-types-of-css-variables/?utm_source=frontendfocus&utm_medium=email)Variables are one of the major reasons CSS preprocessors exist at all, but now ‘CSS variables’ are supported by most major browsers. Chris Coyier
[Font Awesome 5: A Kickstarter for an Update to Font Awesome](https://www.kickstarter.com/projects/232193852/font-awesome-5?utm_source=frontendfocus&utm_medium=email)Every icon is getting remade from scratch, and with 36 days left to go, the campaign is far beyond its original goal. Dave Gandy
[Improving Perceived Performance with Multiple Background Images](http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/?utm_source=frontendfocus&utm_medium=email)How using multiple backgrounds via CSS can be a useful technique to improve perceived load time when large masthead images are involved. Harry Roberts
[Why Do Sites Publish AMP Pages?](http://daringfireball.net/linked/2016/10/21/google-amp?utm_source=frontendfocus&utm_medium=email)John Gruber worries that using AMP traps users by not easily offering them an obvious way to get back to the canonical version of the article. [Chris Coyier follows up](https://css-tricks.com/websites-publish-amp-pages/). John Gruber
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)
- [Senior Web Developer (Minnesota, USA)](http://plaud.it/2dzy3Qh?utm_source=frontendfocus&utm_medium=email)We're seeking a dev who loves creating polished web experiences. The right candidate needs the skills to create smooth animations, and an ability to make artistic decisions, turning static designs into interactive interfaces. Plaudit
- [One Application, 4,000+ Opportunities - Try Hired](http://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q4-16-frontendfocus)On Hired companies apply to interview you. Get 1:1 support for your job search plus upfront compensation details. Hired
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
[CSS Table Module Level 3: W3C First Public Working Draft](https://www.w3.org/TR/2016/WD-css-tables-3-20161025/?utm_source=frontendfocus&utm_medium=email) news
W3C
[Introducing the Web Share API: Native Sharing from the Web](https://developers.google.com/web/updates/2016/10/navigator-share?utm_source=frontendfocus&utm_medium=email) news
Chrome is running an Origin Trial on a simple API called Web Share that allows sites to invoke the native sharing capabilities of the host platform.
Google Developers
[PubSubHubbub Now Known as PubSub, Adopted by W3C](https://www.w3.org/TR/pubsub/?utm_source=frontendfocus&utm_medium=email) news
W3C
[Gaining Understanding of The Browsers People Use](https://gdstechnology.blog.gov.uk/2016/10/21/gaining-understanding-of-the-browsers-people-use/?utm_source=frontendfocus&utm_medium=email) news
During September 2016 only 2% of visitors to the UK government website used IE 7, 8 or 9. _[That’s 1.8 million people](https://twitter.com/StuRobson/status/789440717047357440)._
UK Government Digital Service
[YouTube Is Being Rebuilt with Web Components and Polymer](https://react-etc.net/entry/youtube-is-being-rebuilt-on-web-components-and-polymer?utm_source=frontendfocus&utm_medium=email) news
Jorge Arévalo
[What's New in IndexedDB 2.0?](https://hacks.mozilla.org/2016/10/whats-new-in-indexeddb-2-0/?utm_source=frontendfocus&utm_medium=email) news
Mozilla Hacks
[Error Monitoring and Crash Reporting Now Available for React Native](https://blog.bugsnag.com/bugsnag-react-native/?utm_source=cooperpress&utm_medium=cpc&utm_content=react-native-release&utm_campaign=product-release) rawurl
Use Bugsnag to automatically capture and report JavaScript and native OS crashes in your React Native apps.
BugsnagSponsor
[Recreating The Periodic Table with Grid CSS](https://responsivedesign.is/articles/creating-the-periodic-table-with-grid-css?utm_source=frontendfocus&utm_medium=email) tutorial
A practical look at the flexibility afforded by using Grid CSS.
Justin Avery
[JavaScript for Web Designers: DOM Scripting](http://alistapart.com/article/javascript-for-web-designers?utm_source=frontendfocus&utm_medium=email) tutorial
Mat Marquis
[The Sad State of HTML Email Input Fields and IDNs](https://grepular.com/The_Sad_State_of_HTML_Email_Input_Fields_and_IDNs?utm_source=frontendfocus&utm_medium=email) tutorial
Mike Cardwell
[Using CSS Mod(ulo) Queries with Range Selectors](http://alistapart.com/article/using-css-mod-queries-with-range-selectors?utm_source=frontendfocus&utm_medium=email) tutorial
A creative use for queries that select patterns of items and range selectors to change the layout of elements in lists.
Patrick Clancey
[Responsive Images in CSS](https://css-tricks.com/responsive-images-css/?utm_source=frontendfocus&utm_medium=email) tutorial
A look at the available options for supporting responsive images, how they work and where they are supported.
Chris Coyier
[How to Manage Hyphens with CSS](https://developers.google.com/web/updates/2016/10/css-hyphens?utm_source=frontendfocus&utm_medium=email) tutorial
Using the `hyphens` and `-webkit-hyphens` properties.
Joseph Medley
[aria-selected: When (Not) to Use It](https://www.stefanjudis.de/aria-selected-and-when-to-use-it.html?utm_source=frontendfocus&utm_medium=email) tutorial
Using ARIA attributes can be more nuanced and tricker than you’d think.
Stefan Judis
[You Can’t Get Comfortable in Web Development](http://blog.reybango.com/2016/10/07/you-cant-get-comfortable-in-web-development-anymore/?utm_source=frontendfocus&utm_medium=email) opinion
Rey argues that developers are panicking because they’re “looking at what they need to do to stay relevant and it’s hard to pick a route”.
Rey Bango
[Is MVC Dead for The Frontend?](https://medium.com/@alexnm/is-mvc-dead-for-the-frontend-35b4d1fe39ec?utm_source=frontendfocus&utm_medium=email) opinion
Alex Moldovan
[Komodo IDE: The Best IDE for Web and Mobile Developers](http://komodoide.com/web-ide/?utm_source=frontendfocus&utm_medium=link&utm_term=&utm_content=text&utm_campaign=komodo-x-q4) rawurl tools
Web & mobile devs get all their favorite frameworks, languages, and tools in one cross-platform, polyglot IDE.
ActiveStateSponsor
[Web Bloat Score Calculator](http://www.webbloatscore.com/?utm_source=frontendfocus&utm_medium=email) tools
A tool with an interesting approach of measuring a page’s weight vs. the size of a screenshot of the same page.
TestDome
[CSS Icons: Icons You Can Use Built Entirely in CSS](http://cssicon.space/#/?utm_source=frontendfocus&utm_medium=email) tools
Wenting Zhang
[useful.ly: A CSS Flexbox Framework](http://www.useful.ly/?utm_source=frontendfocus&utm_medium=email) tools
[CSS Character Units: CSS Getting 'ch' Character Width Units](http://codepen.io/wesbos/pen/YGgjPL?utm_source=frontendfocus&utm_medium=email) demo
Wes Bos
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/263)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK