Frontend Focus
Issue 249 — July 20, 2016
“The Physical Web lets you anchor URLs to physical places by way of a BLE beacon.” And it’s possible to use your normal computer to do this, instead of hardware beacons.
Uri Shaked

“Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.”
Google Developers

A thorough, practical step-by-step guide to creating consistent looking emails across mobile, desktop and everything in between.
Stig Morten Myre

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.
Linode   Sponsor

Hyperlinks form the basis for the web. Here’s an in-depth history lesson on the humble URL and what each part of a URL means.
Zack Bloom

Leans on the idea of using CSS selectors to show/hide certain items within lists, creating a CSS-powered ‘search engine’ of sorts.
Denis Lukov

Most of the APIs exposed on the Web platform rely on a formalization language called WebIDL (Web Interface Definition Language).
Dominique Hazaël-Massieux

An experimental framework for extracting meaning from web pages, identifying parts like buttons, address forms, and the main textual content. Essentially, it scores DOM nodes and extracts them based on conditions you specify.

A look at how the AMP project is building a user-experience-first ecosystem for advertising on the web.
Accelerated Mobile Pages Project

Jobs Supported by

  • Find Your Perfect Company MatchYou're smart, you're efficient. Why job hunt the old way? Try Hired and get your profile in front of thousands of top tech companies.

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

In Brief

Opera Browser Sold to A Chinese Consortium for $600 Million news
The Norwegian company has sold its browser, performance apps, and name.
Steve Dent

CSS Filter Effects: Blur, Grayscale, Brightness and More in CSS tutorial
Gajendar Singh

Alien Invasions, SVGs and CSS Animations tutorial
A walk through of some of the concepts that will allow you to create animations like this with SVGs and CSS.
Krystal Campioni

ServiceWorker: A Basic Guide to BackgroundSync tutorial
A guide to using BackgroundSync, a new web API that lets you defer actions until the user has stable connectivity.
Dean Hume

The Service Worker Lifecycle tutorial
A look at the six states a Service Worker can be in.
Ire Aderinokun

Shrinking PNG Images with Quantization tutorial
Serving a lot of PNG images? Here’s an optimization strategy to consider.
Ariya Hidayat

Setting Multiple CSS Backgrounds Each With Their Own Size Property tutorial
Wes Bos

3 Easy Web Performance Wins for Designers tutorial
A look at image optimization, font choice, and ‘active waiting’.
Una Kravets

Free Webinar: Exporting Content from JavaScript Apps rawurl tutorial
Implementing export functionality in your web apps presents a multitude of challenges. Learn how to tackle them and export Excel, PDF, image and text files with Kendo UI.
Kendo UI by Progress  Sponsor

The Background-Attachment Saga story
The “confusing mobile compatibility patterns” that the background-attachment property presents. Leads into the limits of @supports.
Peter-Paul Koch

Live Polling with Web Notifications story
Part 5 in a series on how The Guardian are experimenting with web notifications. This time: Real-time Q&A.
Madeline Welsh

Uses for Links vs. Buttons in Modern Web Applications opinion
Marcy Sutton

What the Success of CSS Says About Technology Standards opinion
David Cassel

The Business Case for Progressive Web Apps opinion
Jason Grigsby

How Browsers Will Reshape App Development with Progressive Web Apps opinion
Enrico Icardi

Ōryōki: A Small, Experimental Web Browser Built with Electron tools
Thomas Buffet

BlazeCSS: An Open Source Modular CSS Framework tools
Greg Pratt

Vox's Web Accessibility Guidelines tools
A well presented checklist for building accessibility into a Web project.
Vox Media