The Burden of Precision

Daniel Eden has been at the forefront of design thinking for sometime and this recent piece is a must read. He goes into detail about why we should share the load and responsibility of precise, perfect designs between designers and engineers. (daneden.me)

Introducing the New Firefox: Firefox Quantum

It’s by far the biggest update since Firefox 1.0 launched in 2004. (blog.mozilla.org)

120+ Unique, Premium Typefaces – 31 Font Families – only $9

It’s time to fall into a fantastic font sale! This Autumn Font Sale is overloaded with more than 120 gorgeous typefaces, culled from 31 different font families. You’ll be privy to a wide variety of styles ranging from vintage to cartoony, not to mention a slew of extras like alternates. No matter your latest project, you’re bound to find the perfect font in this collection. See the fonts. (mightydeals.com)


The Cost Of JavaScript

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, Addy Osmani covers why a little discipline can help if we want our site to load and be interactive quickly on mobile devices. (medium.com)

Software Matters in the World

Everybody who makes software needs to be working on fixing a much bigger and more important set of bugs. (medium.com)

30 days deep into Figma — Full review

If you are interested in Figma but haven’t had the chance to check it out yet, this is a great starting point. (blog.usejournal.com)

How to use SVG as a Placeholder

José M. Pérez, a developer at Spotify shares some loading techniques that use SVG. (freecodecamp.org)

Performance-tuning a React application

A case-study in the specific techniques Joshua Comeau tried during a recent performance focused development sprint. He goes into details about what he learned along the way and what his thought processes were for coming up with solutions. (codeburst.io)

Take control of your scroll

This post by some talented Google developers explain how you can use the CSS overscroll-behavior property to override the browser’s default overflow scroll behavior when reaching the top/bottom of content. (developers.google.com)

The All-Powerful Sketch

Chris Coyier dives into some of the awesome stuff Sketch can do and how to make the most of it. (mediatemple.net)

Tools / Resources


Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. (animista.net)

Visual Studio Live Share

Live Share enables your team to quickly collaborate within Visual Studio Code on the same codebase without the need to synchronize code or to configure the same development tools, settings or environment. (code.visualstudio.com)

Teletype for Atom – code collaboratively in real time

A new way to dive right into code with remote collaborators. Work together in real time with your own configurations in your own programming environment on any file you can open in Atom. (github.com)

Plant – version control app and Sketch plugin for designers (plantapp.io)

GraphQL Summit 2017 (youtube.com)

All About CSS Grid (syntax.fm)


Interview with Matt Mullenweg on the WordPress ecosystem (poststatus.com)

Shipping Isn’t Everything (medium.com)


Front-End Engineer at Weebly

Weebly Engineering gives you the opportunity to work on high-profile projects that make a real difference in the lives of our users. When you deploy an update to Weebly it can be used by millions of people in a single day. (weebly.com)

Product Designer at Yelp

We’re looking for an experienced designer that can create world-class user experiences that solve real problems in an elegant way. (yelp.com)

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

Last but not least…

Codepen in Codepen (codepen.io)

A little CSS gem (twitter.com)

The post Web Design Weekly #300 appeared first on Web Design Weekly.