Web Design Weekly #358


Thinking Beyond Screens

In the attention economy, we’re all fighting for our users’ attention. This post covers how to avoid dark UX patterns and practice responsible digital design. (framer.com)

Relearn CSS layout (every-layout.dev)

Collect visual feedback on your designs.

BugHerd pins feedback directly to the page. It’s like using sticky notes on a website. Try BugHerd Free. (bugherd.com)


Drop caps & design systems

Ethan Marcotte reminds us that most design systems work is rarely flashy or sudden. Rather, it involves communication, iteration, and slow, careful research. (voxmedia.com)

Good Code Reviews, Better Code Reviews

Gergely Orosz’s personal take on what good code reviews look like and what great ones – better than good – are. (blog.pragmaticengineer.com)

How We Write Full Stack JavaScript Apps

This post is aimed at those interested to learn how Elie Steinbock and his team build full stack apps. (medium.com)

Firefox: The Evolution Of A Brand

A peek behind the curtain of how the new brand look was born. (blog.mozilla.org)

Things I Learnt The Hard Way (blog.juliobiason.net)

Tools / Resources

Everything You Need to Know About Date in JavaScript

Date within JavaScript land can actually be quite simple if you know what to watch out for. In this article, Zell Liew walks you through everything you need to know about the Date object. (css-tricks.com)

Tips for Effective Product Design

A handful of useful tips to help you create the best product you can for your users. This article covers effective ways to communicate system status and how using progressive disclosure can reduce visual load. (timgale.me)

Using Cypress to Write Tests for a React Application

Cypress is just one end-to-end testing framework that does all that clicking work for us and that’s what this post dives into. (css-tricks.com)

Gatsby site search with Lunr.js

Building site search for a static website isn’t easy. Here’s how you can leverage Lunr.js to create search components that are accessible, fast and extensible. (assortment.io)

Build a Todo App in React Using Hooks (upmostly.com)

List of (Advanced) JavaScript Questions (github.com)

Plugins are coming to Figma (figma.com)


Digital Craft Symposium – 2019 (youtube.com)

All Emojis (listemoji.com)


Front End Engineer at Goodreads (Amazon)

Join Goodreads to serve more that 80 million of our customers and build UX for reviews, emails, tools for authors and librarians, and more! You’ll primarily be focused on the display layer but you’ll have opportunities to work full-stack (goodreads.com)

Senior Product Designer at Lumosity

As Product Design Lead on the Mindfulness team, you’ll work in close collaboration with Product Managers, Content Creators, Engineers, UX-Researchers, and other Designers to meet the needs of Lumosity customers. (lumosity.com)

Want to become a better web developer?

Join over 25,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.