#398 — July 3, 2019

Read on the Web

Frontend Focus

Google Wants to Make The 25-Year-Old robots.txt Protocol An Internet Standard — Google has outlined plans to turn robots exclusion protocol (REP) — better known as robots.txt — into an internet standard after 25 years. Here’s the official blog post announcement from Google.

Ravie Lakshmanan

CSS Custom Properties in the Cascade — Custom properties, also known as CSS variables, provide a way to define and reuse property values, but how do they work in relation to CSS’s cascading abilities?

Miriam Suzanne

Free Course: Get Started with JavaScript by Kyle Simpson 👍 — Get three free courses: Getting Started with JavaScript, Complete Intro to Web Development & Practical Introduction to Algorithms free by signing up for a trial account – no credit card required.

Frontend Masters sponsor

Tips for Rolling Your Own Lazy Loading — Various lazy loading techniques can often come with their own baggage, so here’s how to add your own implementation to your site.

Phil Hawksworth

TWGL.js: A Tiny WebGL Helper Library — If you want to write and use actual WebGL but for it to be easier and less verbose, this is for you and the code comparisons will win you over in seconds.

Gregg Tavares

How Google Pagespeed Works: How to Improve Your Score — A look at how PageSpeed calculates its critical ‘speed score’ which not only reflects user experience but also has some input into how Google will rank your site.

Ben Schwarz

💻 Jobs

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.


Frontend Engineer at Goodreads (Amazon) — Join Goodreads to build the frontend of a highly ambitious product that supports reading activities of more than 80 million readers.


100+ Frontend Roles on hackajob 🎉 — Upload your GitHub projects and we'll do the rest. Find a role based on your skills, average salary £70k.


📙 News, Tutorials & Opinion

▶  CSS Line Layout and Vertical Rhythm — This session from the recent CSS Day conference, goes over upcoming features to improve CSS’s line box model, to control half-leading, and to maintain vertical rhythm.

Elika J. Etemad

Getting Started with Offline Data in Web Apps — A look at different options for determining the user’s online/offline status and connection speed.

Brian Rinaldi

▶  Discussing SVGs with Sara Soueidan — Wes Bos talks to Sara Soueidan, a freelance frontend UI developer and trainer, about all things SVG. Covers animation, accessibility, graphing, filters and more.

Syntax podcast

The State of JavaScript: 2019 and Beyond. Get the Whitepaper

Progress Kendo UI sponsor

The Ultimate Guide to Flexbox Centering — A solid reference with handy visuals.


How To Create a PDF From Your Web Application

Rachel Andrew

Firefox Wants to Help You Fool Ad Trackers With 100 Useless Browser Tabs

Janko Rottgers

CSS is Adding More Ways to Style Underlines:

🔧 Code, Tools & Resources

CSS Doodle: A Web Component for Drawing Patterns with CSS — A Custom Elements-based component that builds an internal grid of DIV elements and then populates them using CSS to create patterns.

Yuan Chuan

static-site-boilerplate: A Better Workflow for Building Modern Static Websites — A boilerplate that takes care of automated build processes, a local development server, production minification and optimizations and more.

Eric Alli

Want a Better Way to Store and Serve Images and Videos? — Join a community of over 400K web and mobile developers dynamically managing rich media with Cloudinary. Try it free.

Cloudinary sponsor

The Best Open-Source Typefaces — A collection of some of the best free fonts from Google and across the web, with examples, recommended pairings, OpenType features, and more.

Chad Mazzola

SVG-Edit: A Powerful Browser-Based SVG Editor — A fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser.


   🗓 Upcoming Events

CSSCamp, July 17 — Barcelona, Spain — One-day, one-track conference for web designers and developers.

An Event Apart, July 29-31 — Washington, D.C. — A popular three-day conference that focuses on all things relating to digital design and user experience.

WebAIM: Web Accessibility Training, August 13-14 — Logan, Utah — Covers everything from basic web accessibility principles to advanced accessibility techniques.

Front Conference, August 29-30 — Zurich, Switzerland — A two-day double-track conference for everyone involved from concept to implementation.

Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.

CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.

🕰 ICYMI (Some older stuff that's worth checking out..)