Frontend Focus
Issue 297 — July 5, 2017
..due to it already being a grid system.
Rachel Andrew

A round up of a popular Twitter thread asking disabled people what they find difficult about using the Web. Poor color choices and a lack of video captions were common problems.
Hampus Sethfors

How the Constraint Validation API works, why it’s not all that great, and approaches for validating forms properly.
Peter-Paul Koch

RAYGUN
Join thousands of software development teams who discover and reproduce performance issues and JavaScript errors affecting their users with greater speed and accuracy. Try Raygun free for 14 days.
RAYGUN   Sponsor

Eric Bidelman runs through how to use Headless Chrome, using Karma as a runner and Mocha+Chai for authoring tests.
Google Developers

An interesting series of posts that digs into the practicalities of using WebGL to do GPU-based calculations.
Vizit Solutions

Ire covers the difficulty of writing progressively enhancive CSS, and offers some tips on how to overcome it.
Ire Aderinokun

“How many times you wanted to change code (especially CSS) and you were afraid to death that you’d break everything.”
Ahmed Mahmoud

A browser-based networking library that exposes a simple peer-to-peer API that allows for peer discovery and the ability to send data (via WebRTC) to others.
Mozilla Hacks

Some details on how Safari 11 and iOS 11 implement WebRTC, and tips on bringing support to your own site.
WebKit

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Using CSS Variables Correctly tutorial
Mike Riethmuller

Experimenting with the Background Fetch API tutorial
Phil Nash

How to Rename a Font in CSS tutorial
Zach Leatherman

Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API tutorial
Opher Vishnia

Creating Organic Shape Animations with SVG clipPath tutorial
Mary Lou

Download the free GrapeCity Wijmo E-book 
This free e-book teaches you about the strengths and weaknesses of JavaScript’s top frameworks.
GrapeCity Wijmo  Sponsor

Five Huge CSS Milestones of the Past 10 Years opinion
Chris Coyier

Why Use a Third-Party Form Validation Library? opinion
Chris Coyier

Looking At The Future of Responsive Design opinion
A look at the evolution of responsive design and some thoughts on where it’s going.
Rupert Sharp

Did CSS Get More Complicated Since The Late 90s? story
An interesting look into the early days of CSS and changes that have occurred since.
Hidde de Vries

Taking Responsive Web Design Beyond the Visual podcast
A discussion on a wider interpretation of responsive web design that includes user context, push notifications, future devices and accessibility.
SitePoint

Yes, Your Site Too Can (and Should) Be Accessible video
How The Financial Times went from being “generally oblivious about accessibility” to making it a core part of their process.
Laura Carvajal

$20 Free on a New Account 
Linux cloud hosting starting at 1GB of RAM for $5/mo. Use promo code HTML520 and get $20 credit.
linode  Sponsor

URLColors: Colored Borders for Sites Based on URL Patterns tools
To distinguish dev, prod and staging versions of the same site, perhaps.
Chrome Web Store

Infinite Scroll v3: As Users Scroll, Automatically Load More tools
Note it’s both GPL3 and commercial.
Metafizzy