Web Design Weekly #365

August 19, 2019 - Jake Bresnehan


Time to First Byte: What It Is and Why It Matters Harry Roberts feels that one metric front-end developers overlook all too quickly is Time to First Byte. This post dive into it in great detail. (csswizardry.com)

Fast Software, the Best Software (craigmod.com)

All-in-one visual testing and review platform Visual testing enables you and your team to catch visual bugs and review UI changes across browsers and responsive widths automatically. (percy.io)


Design Tooling at Scale Adam Noffsinger explains how Dropbox Design migrated to Figma and structures their cross-platform design system. (dropbox.design)

Handling Unused CSS In SASS To Improve Performance In this article, Luke Harrison explores a SASS-oriented solution for dealing with unused CSS, avoiding the need for complicated Node.js dependencies involving headless browsers and DOM emulation. (smashingmagazine.com)

Why a cookie-cutter design system won’t work Linzi Berry, Product Design Systems Manager at Lyft, shares the story and core principles of their design system. (abstract.com)

Good Tech Debt Jon Thornton shares a few cases where taking on tech debt helped his projects succeed. (engineering.squarespace.com)

Why Everyone Loves Remote Work (usefyi.com)

Tools / Resources

The Differing Perspectives on CSS-in-JS Chris Coyier looks at the pro’s and con’s of CSS-in-JS in an easy to digest post. I’m a fan to be honest. What do you think? (css-tricks.com)

Be: did you see the gallery with 450+ pre-built websites you can “steal”? If you want gorgeous visuals AND smooth UX, Be Theme offers you 450+ pre-built websites that you can easily customize. You can have your next A-Z website in less than 4 hours. (muffingroup.com)

Processes and CSS Tips for Better Web Design Just because you might know what’s involved in web design, doesn’t mean you know how to use those skill to create a beautiful, easy-to-use website. (css-tricks.com)

Unsplash + Figma Bringing over 1 million images from Unsplash right into Figma (medium.com)

GitHub Actions – free for public repositories (github.blog)

Forms in React with Formik (youtube.com)

Create React App v3.1.0 (github.com)


Career Progression for Product Designers (spec.fm)

Illustrating the Help Scout Brand (helpscout.com)


Designer at Square In this role, you’ll be part of an internal design agency, directing and contributing to visual and interaction design, providing design recommendations for how clients can elevate their online brands and managing a number of client projects at any given time. (squareup.com)

Visual Designer at Artificial Labs Artificial is an exciting start-up in the InsurTech sector. Our mission is to enable insurance companies to leverage innovative technology so they can scale quickly, without significant up-front costs. (artificial.io)

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

Last but not least…

Do Creatives Still Need Personal Websites? (adobe.com)

Join over 30,000 developers & designers who get the best news and articles delivered right to their inbox each week.