Web Design Weekly #358

June 24, 2019 - Jake Bresnehan


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)

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