What Newspapers Can Teach Us About Web Design — From the Gutenberg Principle to grid systems to above the fold, newspapers teach us much about the foundations of web design. Frederick O’Brien digs into what can be learned from the printed press.

Smashing Magazine

Intent to Explain: Demystifying the Blink Shipping Process — How do features get added to Chrome? What process goes on behind the scenes to bring the latest Web features to Chromium, Blink, et al.? Here’s an overview of the process, and if you prefer a talk/video version, there’s one of those too.

Google

Node.js Learning Path: Build Web APIs and Apps — Join both Scott Moss and Jem Young on this learning path to discover how to deploy Node-powered apps and design and build APIs in Node from the ground up.

Frontend Masters sponsor

GSAP 'GreenSock' 3 Available Now — This popular ‘swiss army knife’ of a JavaScript animation library just saw its version 3.0 release. It’s a significant upgrade with over fifty new features and changes, including a simplified API, a new motion paths plugin, ES6 module support, and more. You can see the the full release notes here, or if you’d rather here’s a video of the highlights.

GreenSock

Firefox’s Fight for The Future of The Web — “Ultimately, Firefox’s future is as much down to the decisions of a few regulators as it is about anything Mozilla can do”.

Alex Hern (The Guardian)

Chrome, Edge, Safari Hacked At Chinese Hacking Contest — White-hat hackers gathered in Chengdu to test zero-days against today’s top browsers.

Catalin Cimpanu

Senior Software Engineer at Getty (Los Angeles, CA) — Build fantastic tools and interfaces at one of the world's most prestigious cultural heritage orgs using Linked-Open-Data, Python, Structured-CMS, Vue.js.

J. Paul Getty Trust

Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.

Vettery

Cropping Images to a Specific Aspect Ratio with JavaScript — How to use the HTML canvas API and some basic math to build a tiny crop helper function, making it easy to quickly crop images in various aspect ratios.

Rik Schennink

Tried & True Tips from 25 React Experts to Make You More Productive — Check out the top productivity tips of 25 React experts, from smart ways to get started with React to advanced hacks.

Progress KendoReact sponsor

How Do You Remove Unused CSS From a Site — Chris Coyier shares some skepticism at those unused CSS tools that promise to take care of everything, highlighting their issues and suggesting an alternative practice.

CSS Tricks

A List of All the Tools Used to Create a Hit HTML5 Game on Steam — They sold over 200k units so they clearly got something right.

Maschinen-Mensch

Real Web Development on iPad — Outlines how to get setup for full-stack development on the iPad, including a look at how iOS automation can help.

Lachlan Campbell

Pac-Man...in CSS — A fun little tutorial recreating a “happy, eating Pac-Man” using the clip-path property. Waka waka!

Maks Akymenko

Comparing the Different Types of Native JavaScript Popups

Elliot Goldman

siriwave: The Apple Siri Wave-Form Replicated in A JS Library — This isn’t a particularly new project, but was recently updated and as such landed on our radar. It’s a neat recreation of the Siri ‘look’ made with JavaScript. There’s a detailed blog post outlining how the effect was achieved, and a demo where you can see it in action.

Flavio Maria De Stefano

ScrollTrigger: Let Your Page React to Scroll Changes — Triggers classes based on the current scroll position. So, for example, when an element enters the viewport you can fade it in.

Erik Terwan

bootlint: HTML Linter for Bootstrap Projects — Despite only just reaching version 1.0, this is a popular and mature linting tool that checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly “vanilla” way.

Bootstrap

Flynt: A Component Based WordPress Starter Theme for Developers — It’s open source but with a commercial variant.

Bleech