Web Design Weekly #356

Headlines

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

Articles

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)

Inspiration

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

React with Dan Abramov (softwareengineeringdaily.com)

Jobs

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)

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.