Web Design Weekly #290



Ethan Marcotte shares his opinions about Google’s “Accelerated Mobile Pages” (AMP) project. Good read. (ethanmarcotte.com)

The average web page is 3MB. How much should we care? (speedcurve.com)

Why the Internet is Going Crazy Over This Mattress

The Casper mattress is obsessively engineered and sleeps cool. Plus it ships for FREE, straight to your door. Web Design Weekly readers get $50 off with code: wdweekly. (casper.com)


From Modular Scales to Variable Fonts

Scott Kellum, developer and designer, talks about using modular scales when setting type and why he is excited about the arrival of variable fonts for the web. (medium.com)

A Guide To Virtual Reality For Web Developers

In this article, Ada Rose Edwards looks at the state of browsers in VR and the state of VR on the web via the WebVR APIs. (smashingmagazine.com)

Yes, That Web Project Should Be a PWA

Progressive Web Apps may seem overly technical or beyond the needs of your project, but they’re really not. (alistapart.com)

Writing Scalable React Apps with the Component Folder Pattern

Discover how to organise your React components using the component folder pattern. It will help un-clutter your projects, and focus on writing good code. (medium.com)

Decaffeinating a Large CoffeeScript Codebase

Over the course of two months, the engineering team at DataFox converted their web application codebase from CoffeeScript to ECMAScript 2015. This post outlines their conversion process and provides some practical tips. (eng.datafox.com)

Compression Decompressed

If you are keen to nerd out about compression this is for you. (unwttng.com)

Introducing visualViewport (developers.google.com)

Tools / Resources

Switching Your Site to HTTPS on a Shoestring Budget

If you haven’t set up a site to be served over HTTPS it can be confusing and sometimes expensive. Thankfully Christopher Schmitt has put together this handy guide to point you in the right direction. (css-tricks.com)

Conducting the Technical Interview

If you happen to be in the position of interviewing new candidates for an open role and lack experience this article by Brandon Gregory is a great starting point. (alistapart.com)


An open source UI tool for managing RESTful APIs. (medium.com)

Key Values

A new job site that aims to connect you with teams that share the same values. (keyvalues.io)


An ultralight set of tools for publishing on the open and distributed web. (enoki.site)

A CSS in JS playground demoing some common libraries (dschau.github.io)

Using Code Snippets in Chrome Developer Tools (alexkras.com)

New in Chrome 61 (developers.google.com)

Sketch Libraries (sketchapp.com)

TypeScript 2.5 (microsoft.com)


Design Details – Say More Things with Josh Brewer (spec.fm)

Atlassian’s new identity (atlassian.com)


Senior Product Designer at TripAdvisor

We are looking for a talented Senior UX/UI designer to design engaging experiences on TripAdvisor’s web and mobile platforms for travelers worldwide. (tripadvisor.com)

Product Designer at Atlassian

Join our brand new, fast-growing office in Mountain View as a Senior Designer for one of our flagship products, Confluence. (atlassian.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

Every Programmer Should Know (github.com)