Web Design Weekly #335

October 15, 2018 - Jake Bresnehan


Designing design systems

The Clearleft team share some great insights in how a correctly implemented design system can help large organisations improve their web experience for their customers. (clearleft.com)

ARM Instruction Set Includes Optimizations Just for JavaScript (daringfireball.net)

See how your visitors are really using your website

The fast & visual way to understand your users. Hotjar All-in-one Analytics and Feedback is the new and easy way to: ✓ Get ‘in-the-moment’ visual feedback ✓ See how people are really using your site ✓ Uncover insights to make the right changes (hotjar.com)


The Psychology of Design

Jon Yablonski shares his thoughts on why every designer should learn the fundamentals of psychology. A great read. (alistapart.com)

Use Cases For Flexbox

A look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at? (smashingmagazine.com)

The 3 Elements of Great UX Writing

Really great UX writing can help your product stand out in even the most crowded markets. In this post, Sofia Quintero covers the three elements of really good UX writing that will help take your product or app to the next level. (blog.nomnom.it)

Confessions of a UX Designer

Chris Kiess outlines the mistakes he has made and has seen teams make  that inhibit the final product and user’s experience. (blog.prototypr.io)

A guide to color accessibility in product design

There’s a lot of talk about accessible design, but have you ever thought about color accessibility? (medium.com)

Tools / Resources

JavaScript Visualizer

A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript. (tylermcginnis.com)

Working with Babel 7 and Webpack

In this post you’ll set up a project with Webpack and Babel 7. You’ll learn the basics of Babel and get an overview of some cool features. (thebasement.be)

Refactoring Angular Apps

Christian Lüdemann looks at two levels of abstraction; one is the architecture of the app and the other is how to keep the code clean in the first place. (christianlydemann.com)

Reusable Components in React

In this post, Rajat shows us how to create a simple reusable React component and also goes through some of the best practices that can help you build better components. (blog.bitsrc.io)

What’s New in Create React App 2.0 Video Series (medium.com)

Plans for the Next Iteration of Vue.js (medium.com)

Figma – Introducing Smart Selection (figma.com)


CodePen Radio – GraphQL (codepen.io)

Multibox Menu (tympanus.net)


Head of Engineering at Bunny

As leader of the engineering team, your main goal will be to facilitate the achievement of our ambitious 100% YoY growth while enabling us to become more creative, more efficient, and better learners. (wearebunnyinc.com)

Front-end Engineer at Creative Market

Join the team to help us continue our meteoric growth, and your work will be used by millions of people every month. As a front-end engineer, you’ll work on a team of talented individuals working closely together to ship the best possible product. (creativemarket.com)

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

Last but not least…

Advanced React & GraphQL (advancedreact.com)

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