Web Design Weekly #319


How Dropbox is making their rebranding work

Ariel Verber looks into the the evolution of the Dropbox rebrand. Specifically digging into how the pricing page has changed. Inspiring stuff for anyone that is involved in the design space. (medium.muz.li)

Zendesk’s design system is now open source (github.com)


Using Lighthouse To Improve Page Load Performance

The Lighthouse team continues to ship new audits to give you even more useful advice for making your sites faster. This post is a roundup of newer performance audits that you may not be aware of. (developers.google.com)

Running an Agency

If you run an agency or a thinking about getting into agency life, this article by Julian Shapiro is a great read highlighting so many tips. (julian.com)

CSS Environment Variables

Chris Coyier gives a quick overview of why we should be excited about environment variables. (css-tricks.com)

Tools / Resources


The ultimate shortcut reference for designers. Charge your workflow with all the shortcuts of your favourite tools in one place. (shortcuts.design)

Meet PageCloud – The World’s Best Drag & Drop Site Builder

PageCloud is the #1 rated Website Builder on Trustpilot with a 9.5/10. You’ve never been able to build a site like this before. Try it for free today! (pagecloud.com)

A Gentle Introduction to Prepack

Prepack is yet another tool that aims to compile JavaScript to equivalent JavaScript code. But unlike Babel or Uglify, Prepack isn’t focused on new features or code size. Instead, Prepack lets you write normal JavaScript code, and outputs equivalent JavaScript code that runs faster. (gist.github.com)

Version 6 of Angular Now Available

This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future. (angular.io)

GraphQL Crunch

Reduces the size of GraphQL responses by consolidating duplicate values. (github.com)

npm audit – identify and fix insecure dependencies (npmjs.org)

Inspecting Animations in DevTools (css-tricks.com)

Introducing the Checks API (blog.github.com)


New CSS Features That Are Changing Web Design (smashingmagazine.com)

Web performance made easy (Google I/O ’18) (youtube.com)


Senior Visual Designer at Keybase

As Senior Visual Designer, you’ll be working alongside our Lead Product Designer in the San Francisco office, and our co-founder in New York. Together, you’ll make Keybase look better, work better, and be more popular, too. (keybase.io)

Front-end Engineer at Help Scout

We’re looking for someone who’s really smart, and humble, and thorough, and meticulous, and self-motivated, and kind, and a little funny, and tenacious, and did I say self-motivated? (helpscout.com)

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

Last but not least…

The Gambler Who Cracked the Horse-Racing Code (bloomberg.com)