Web Design Weekly #356

June 03, 2019 - Jake Bresnehan


You Got This Through the rosy lens of memory, learning HTML and Photoshop back in the day was a breeze. Now I’m learning new tech, and it’s hard. Maybe you’re in the same boat. (automattic.design)

How to do hard things (drmaciver.com)

Sponsor Web Design Weekly and reach over 30,162 passionate designers and developers


The State of Fluid Web Typography Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used? (betterwebtype.com)

Front-End Documentation, Style Guides and the Rise of MDX This article is a broad overview of the tools available for writing documentation and for building style guides. Not all the tools listed here make use of MDX but it’s increasingly being incorporated into documentation tooling. (css-tricks.com)

Accessible Icon Buttons Sara Soueidan shares some insights into the different ways you can make your icon-only buttons accessible. (sarasoueidan.com)

Prioritizing In this post, Sarah Drasner explores how to sift through the inevitable weight of our to-do lists so that we can be efficient and clear with our direction. (css-tricks.com)

Reducing motion with the picture element (bradfrost.com)

Tools / Resources

Storyblok Storyblok has the user experience of a page builder with a modern headless architecture behind. This gives the developer freedom and the editor a self-explaining and intuitive interface. (storyblok.com)

Digging Into The Display Property Rachel Andrew takes a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior. (smashingmagazine.com)

The future is dark Things to keep in mind when designing a dark mode for your app or websites. (medium.com)

Eleventy A simpler static site generator. (11ty.io)

Everything You Ever Wanted to Know About inputmode (css-tricks.com)

How to use array reduce for more than just numbers (jrsinclair.com)

JavaScript Clean Code – Best Practices (devinduct.com)

Material-UI v4 is out (medium.com)

GraphQL Predictions (graphqleditor.com)


Modus – a place designers can level up their skills and knowledge. (modus.medium.com)

React with Dan Abramov (softwareengineeringdaily.com)


Senior Product UI/UX Designer at Highrise We are looking for a skilled and enthusiastic UI/UX artist excited to make the world both more accessible and fun. You will be working to construct delightful user experiences around play and friendships. (joinhighrise.com)

Digital Designer at Pusher As a Digital Designer at Pusher, you’ll be able to take ownership of those experiences across our marketing site and other web projects. Alongside others, you’ll translate our vision, content, and brand identity into beautiful, interactive journeys for our customers on the web. (pusher.com)

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

Last but not least…

GitHub Sponsors – a new way to contribute to open source (github.blog)

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