Web Design Weekly #294

Headlines

Essential Image Optimization – an eBook

An awesome eBook created by Addy Osmani that looks at the current state of image optimization and the best ways to integrate it into your workflow. A must read. (images.guide)

Lessons from migrating a large codebase to React 16 (discordapp.com)

Articles

The 100% correct way to structure a React app

Is there a “correct way”?! Well I’m not really sure but in this post David Gilbertson offers some really sound advice on making sure that the pain of a growing React app is as painless as possible. (hackernoon.com)

Fundamentals of Responsive Images

Marc Drummond explains various ways we can make sure our images look awesome and load fast for different devices. (lullabot.com)

CSS Grid Gotchas And Stumbling Blocks

Rachel Andrews is a bit of a CSS Grid guru and in this posts shares shares some fundamental advice for anyone getting started with it. (smashingmagazine.com)

How to Find WordPress Performance Bottlenecks with New Relic

In this tutorial Jon Penland shows us how we can use New Relics APM to fix the performance issues with WordPress sites. (kinsta.com)

Learn JavaScript Promises by Building a Promise from Scratch

A step-by-step tutorial by Trey Huffine to make sure you fully understand how Promises work. (medium.com)

React.js with WordPress as a Backend

A good article that looks into using WordPress as a backend and the WordPress REST API to feed data into a simple React e-commerce SPA. (hackernoon.com)

A Brief History of Modularity (ponyfoo.com)

Creating A Design System (medium.com)

Tools / Resources

Stripe Elements: Build beautiful, smart checkout flows

Stripe Elements are rich, pre-built UI components that help you create your own pixel-perfect checkout flows across desktop and mobile. (stripe.com)

Online Master’s in Information Design and Strategy

This online, part-time program at Northwestern University is taught by industry leaders and top professors. (northwestern.edu)

Draggable JS

A lightweight, responsive, modern drag & drop library developed by the Shopify team. (shopify.github.io)

ES6 Promises: Patterns and Anti-Patterns (medium.com)

TypeScript Styled Plugin (github.com)

Inspiration

Fantasy vs. reality: design lessons learned on the job (medium.com)

Evolving the Dropbox Brand (dropbox.design)

Jobs

Product Designer at Box

As a Sr. Product Designer on our core customer-facing product, the Web Application, you’ll play a huge part on how millions of users are able to work across teams and organization. By being at the forefront of our efforts, your ability to lead and innovate will be a keystone to Box’s success. (box.com)

Director of Design at Udacity

As a Design Director you would spearhead the evolution of the Udacity brand identity by providing oversight and guidance to the design group while also rolling up your sleeves to lead specific projects and efforts. (udacity.com)

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

Last but not least…

Apple is really bad at design (theoutline.com)

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.