Web Design Weekly #310

March 12, 2018 - Jake Bresnehan

Headlines

CSS in React – How We Traded the Cascade for Consistency

By using CSS Modules and providing abstraction components with built-in styles from their design system the Yelp team has increased designer and developer productivity and ensures visual consistency across their web app. (yelp.com)

Sneak Peek: Beyond React 16 (reactjs.org)

Articles

How to Write CSS That Works in Every Browser

Jen Simmons explains the advanced features of Can I Use, how to do vertical centering in two lines of code, the secrets to mastering Feature Queries, and much more. (mozilla.org)

The Evolution of UX Process Methodology

The UX process is confusing, even to most designers. In this post Ian Armstrong takes a few different angles to hopefully give you a better understanding. (uxplanet.org)

Good to great UI animation tips

Pablo Stanley shares some examples of UI animations going from good to great. With a little bit of tweaking here and there, he explains how you can elevate your UI patterns with animation. (uxdesign.cc)

Third party CSS is not safe (jakearchibald.com)

Tools / Resources

Superstylin’

Superstylin’ is a Gatsby starter that uses styled-components as the main way to style your Gatsby site, it provides an easy to start structure to get you up and running with your first Gatsby-powered site. (github.com)

Swifticons

An amazing set of premium icons covering 23 categories in 6 editable styles. (swifticons.com)

Using Chrome’s ‘Local Overrides’ to Test Performance Hypotheses (youtube.com)

Improve your landing page by learning from the best (medium.com)

CSS Techniques and Effects for Knockout Text (css-tricks.com)

Inspiration

The new Sketch marketing website (sketchapp.com)

Women Who Design (womenwho.design)

Jobs

JavaScript Developer at SparkBox

Sparkbox is looking for an experienced software developer with a real passion for building a better web. If you’re right for this position, you have solid knowledge of HTML, CSS, and JavaScript while being mindful of the diverse ecosystem of devices and connections. (seesparkbox.com)

Front-End Developer at CauseVox

We’re a small team that has grown quickly, and this role will work across functions to have a huge impact on our product and customers. You’ll be touching everything across our organization, from marketing projects to new product features. (causevox.com)