Web Design Weekly #322

June 11, 2018 - Jake Bresnehan

Headlines

Stop “feeding” your users

Feeds are a popular design pattern, but Gillian Massel proposes it’s time we came up with something better. (ux.shopify.com)

Microsoft + GitHub = Empowering Developers (blogs.microsoft.com)

Articles

Fostering a Web Performance Culture

Web Performance is not only about understanding what makes a site fast. It’s about creating awareness amongst both developers and non-developers. Performance is a feature and needs to be prioritized as such. (jmperezperez.com)

UTC is Enough for Everyone, Right?

Ever had to program time, dates, timezones, recurring events, leap seconds? Ever had an epic of a time? If so, you’ll find this post by Zach Holman very entertaining. (zachholman.com)

Card component

Heydon Pickering looks into few variations of the simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction. (inclusive-components.design)

React Suspense

Async rendering in React gives us a powerful new set of primitives for addressing longstanding problems in UI development. In this video, Andrew Clark dives into one aspect, React Suspense. (youtube.com)

Specificity in :not(), :has(), and :matches() (meyerweb.com)

Tools / Resources

React Application Manager

Create and run React applications – no command line or build setup required. (github.com)

An overview of Visual Studio Code for front-end developers

Visual Studio Code editor is pretty popular at present. If you are still curious, or have even made the switch this post has lots of nitty gritty details on how to utilise its power. (medium.freecodecamp.org)

Text editing techniques every Front-End developer should know

Ben Frain shares what he considers some of the most useful or perhaps underused techniques. (benfrain.com)

Critters

A Webpack plugin that inlines your app’s critical CSS and lazy-loads the rest. (github.com)

Javascript Utility Libraries You Should Know In 2018 (blog.bitsrc.io)

Deploy your Webpack apps to Heroku in 3 steps (codeburst.io)

Good Programming Fonts (itnext.io)

Jest 23 released (facebook.github.io)

Inspiration

Solving Life’s Problems with CSS (css-tricks.com)

Apple Design Awards (developer.apple.com)

Jobs

Design Curator at Creative Market

As a Design Curator on the Design Team, you will be the embodiment of the design team’s mission and vision. These will be reflected in all aspects of your shop and product curation work. Our team’s mission is to create a unique, cohesive experience for our community through one unified design system. (creativemarket.com)

Product Designer at Customer.io

We’ve reached a point where our current design system is struggling to scale and hiring you is the piece of the puzzle we need to invest in leveling it up. We are looking for someone to join our product team and be the vanguard of this effort. (customer.io)