---
title: "This Week's HTML5, CSS and Browser Tech News #261"
publication: "Frontend Focus"
issue: 261
published_at: "2016-10-12"
canonical_url: "https://frontendfoc.us/issues/261"
---

This Week's HTML5, CSS and Browser Tech News #261

[Read this e-mail on the Web](http://frontendfoc.us/issues/261)

Frontend FocusIssue 261 — October 12, 2016[The Average Web Page, From Top Google Results](https://www.advancedwebranking.com/html/?utm_source=frontendfocus&utm_medium=email)This study looks at HTML usage data from 8M pages gathered from top Google results (for about 30M keywords, chosen by volume). _An example: The average web page uses twenty-five different element types._ Advanced Web Ranking 
[The State of HTML5 Input Elements](https://www.sitepoint.com/the-state-of-html5-input-elements/?utm_source=frontendfocus&utm_medium=email)A look at HTML5 input elements, how each browser interprets them and what the best strategy is for using them in your web projects. Tim Severien 
[Is jQuery Still Relevant?](http://developer.telerik.com/featured/is-jquery-still-relevant/?utm_source=frontendfocus&utm_medium=email)The transcript of a chat with web and mobile dev experts discussing whether the jQuery project is still useful for modern web development. Telerik Developer Network 
[![Red Gate\](https://copm.s3.amazonaws.com/884a1587.png)](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-25065)[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-25065)SQL Compare is the industry standard for comparing and deploying SQL Server database schemas quickly and accurately. Find out why 71% of the Fortune 100 use it to create error-free deployment scripts with a free trial. Red GateSponsor
[How to Use CSS Feature Queries](https://getflywheel.com/layout/css-feature-queries-how-to/?utm_source=frontendfocus&utm_medium=email)An overview of how CSS Feature Queries can be used to detect support for specific features on different browsers. Abbey Fitzgerald 
[You Might Not Need JavaScript](http://youmightnotneedjs.com/?utm_source=frontendfocus&utm_medium=email)JavaScript is great, yet you can build so many functional UI components without it. Here’s a number of typical web components built with HTML and CSS/SCSS. Una Kravets 
[Inclusive Markup: A Practical Look at Accessibility](https://www.youtube.com/watch?v=FN3g39bnSRA)A practical exploration of the native Web accessibility landscape with expert Estelle Weyl. Estelle Weyl 
[Usability Testing of Inline Form Validation](https://baymard.com/blog/inline-form-validation?utm_source=frontendfocus&utm_medium=email)The benefits of inline form validation are numerous when implemented correctly but many sites don’t use it or do it poorly. Lots of tips here. Christian Holst 


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)

- [Senior Front End Engineer](https://jobs.lever.co/animoto/f247e7a5-8495-4ab7-ac43-a2fe49ff8d25?lever-source=cooperpress)Everyone should have the power to create professional-quality videos. As a member of the Animoto team, you'll be developing a responsive, elegant web experience and pioneering the next generation of video creation software. Animoto
- [Front End Developer at Geckoboard](https://www.geckoboard.com/careers/#op-26828-front-end-developer?utm_source=frontendfocus&utm_medium=email)Geckoboard is a successful and growing 30-person startup based in East London looking for curious and creative problem solvers to help create beautiful UIs with React and ES6. Geckoboard
- [Don't Get Frustrated - Get Hired](http://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q4-16-frontendfocus)Sick of pushy recruiters, and dead end interviews? Try Hired to hear from top tier companies, and only talk to relevant companies. 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

[AMP Is One Year Old and Growing Fast](http://searchengineland.com/amp-one-year-old-growing-fast-will-ultimately-trump-responsive-design-260691?utm_source=frontendfocus&utm_medium=email) news
Greg Sterling

[Blink Intent to Implement: The 'system-ui' Generic Font Family](https://groups.google.com/a/chromium.org/d/msg/blink-dev/hvN9YVvIb5c/5DrcunKSCAAJ?utm_source=frontendfocus&utm_medium=email) news 
This new generic font family allows a standardized way to use the system font, on all platforms Blink supports.
blink-dev

[Is WebVR Ready? The Current State of WebVR Browser Support](https://iswebvrready.org/?utm_source=frontendfocus&utm_medium=email) news
Mozilla VR Team

[Join Google for Polymer Summit 2016 via Livestream on 17-18 October](https://services.google.com/fb/forms/pol2016/?utm_source=frontendfocus&utm_medium=email) rawurl news 
Two days of talks on Polymer, Web Components, Progressive Web Apps, and the future of the mobile web.
Google Inc.

[Latest WebKit Build Supports JavaScript Internationalization API](https://webkit.org/blog/6978/javascript-internationalization-api/?utm_source=frontendfocus&utm_medium=email) news
WebKit

[Why Nexedi is Suing Apple for Better HTML5 Support in iOS](https://www.nexedi.com/blog/NXD-Apple.Lawsuit.Blog?utm_source=frontendfocus&utm_medium=email) news
Nexedi

[Chrome Dev Summit 2016](https://developer.chrome.com/devsummit?utm_source=frontendfocus&utm_medium=email) news 
Chrome Dev Summit 2016 will take place in San Francisco, CA on Nov 10-11. Join Chrome VP Darin Fisher for two days of announcements and talks from the Chrome team. Register with code FRONTENDFOCUS.
Google Inc.Sponsor

[Building a Maintainable and Scalable CSS Codebase with ITCSS](https://medium.okgrow.com/building-a-maintainable-and-scalable-css-codebase-with-itcss-ceda5b2f495b#.x49nm2fm3?utm_source=frontendfocus&utm_medium=email) tutorial
Oliver Thomas Klein

[Styling Underlines on the Web](https://css-tricks.com/styling-underlines-web/?utm_source=frontendfocus&utm_medium=email) tutorial 
Styling the underlines that sit beneath links can be trickier than you’d think — this post aims to get you up to speed on your options.
John Jameson

[Responsive Images 201: Client Hints](https://cloudfour.com/thinks/responsive-images-201-client-hints/?utm_source=frontendfocus&utm_medium=email) tutorial 
Client Hints can make the day-to-day task of creating responsive images easier by greatly simplifying the markup.
Jason Grigsby

[Level up your Ember Skills with simplabs' workshops](https://ember-workshops.simplabs.com?utm_source=frontendfocus&utm_medium=email) rawurl course 
simplabs are offering Ember.JS workshops, ranging from 3 day Jumpstart events to advanced workshops which cover techniques like complex component architectures, FastBoot and Testing.
simplabsSponsor

[You Might Not Need a CSS Framework](https://www.youtube.com/watch?v=5FdHqVDlXu0) video 
Frameworks can come at a cost, paid in big CSS files and unused styles.
Belen Albeza

[The Right Layout Tool for The Job](https://webexpo.net/prague2016/talk/the-right-layout-tool-for-the-job/?utm_source=frontendfocus&utm_medium=email) video 
Rachel Andrew takes a look at Flexbox, CSS Grid Layout and Box Alignment through a lens of performance.
WebExpo

[Your Body Text Is Too Small](https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902?utm_source=frontendfocus&utm_medium=email) opinion 
Why website body text should be bigger, and ways to optimize it.
Christian Miller

[Critical Style Snapshot: Capture CSS Used Above The Fold](https://github.com/andreleon/critical-style-snapshot?utm_source=frontendfocus&utm_medium=email) tools 
Capture and copy CSS above the fold with one click.
Léon Smit

[Hero Patterns: Repeatable SVG Background Patterns For Your Projects](http://www.heropatterns.com/?utm_source=frontendfocus&utm_medium=email) tools
Steve Schoger

[Jpeg.io: Web Service to Convert Any Image into a Highly Optimized JPEG](https://www.jpeg.io/?utm_source=frontendfocus&utm_medium=email) tools
Kraken.IO

[Convert Any Font-Awesome Icons to SVG or IMG Assets](https://github.com/crocodilejs/font-awesome-assets?utm_source=frontendfocus&utm_medium=email) code
CrocodileJS

[A Tweet-Sized CSS Layout Debugger](https://gist.github.com/addyosmani/fd3999ea7fce242756b1?utm_source=frontendfocus&utm_medium=email) code 
A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random CSS hex color.
Addy Osmani

[Chnl: Connect Together Web Audio API Effects and Channels](https://github.com/scriptify/Chnl?utm_source=frontendfocus&utm_medium=email) code
Maximilian Torggler

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/261)

Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK