Web Design Weekly #222


Automatically art-directed responsive images

Eric Portis explains how you can automatically art direct responsive images by simply passing a few parameters to the Cloudinary API. I personally haven’t had a chance to have a play with the API but it does look mighty fine. Whilst we are on the topic of responsive images, Vitaly Friedman over on Smashing Magazine explored the landscape a little with a solid post which is also worth a read. (cloudinary.com)

Frontend database performance – Case study

Nolan Lawson built a webapp with a rich, interactive experience that’s every bit as compelling as a native app and explained his process. Great reading. (pocketjavascript.com)

Sponsor Web Design Weekly and reach 24,945 designers and developers


How to be Productive in React in a Week

If you have never dived into React but are keen to investigate this post by Sarah Drasner is a must read. (css-tricks.com)

Deep Dive into Grid Layout Placement

Manuel Casasnovas has gone all out and written a comprehensive review of the different methods provided by the CSS Grid Layout spec for positioning items. A word of warning, he gets into the nitty gritty. (igalia.com)

The `background-clip` Property

If you need to know anything about the `back-ground-clip’ property Ana Tudor has you covered. As always, Ana explores all aspects in great detail with a large selection of examples. (css-tricks.com)

The Status of the WordPress REST API

The WordPress REST API has been an extremely hot topic this week in the WordPress world and as always Brian Krogsgard has written an extensive post on the topic. (poststatus.com)

Tools / Resources

An Introduction to PostCSS

PostCSS has been around for quite a few years now but seems to have gained a lot of traction during the last couple. With a large selection of plugins now (over 200) it’s a great time to experiment and this post is a great starting point. (sitepoint.com)

React Router Tutorial

A collection of small lessons for getting up-to-speed with the React Router by Ryan Florence. (github.com)


A modern CSS framework based on Flexbox. (bulma.io)

CSS Best Practices – Slide Deck (inkedblade.net)

CSS Gradient Animator (gradient-animator.com)

Useful Sketch Tips (medium.com)


The State of Information Visualization, 2016 (eagereyes.org)

A UX Designer’s Review of iPad Pro (medium.com)

Why I work remotely (signalvnoise.com)


Senior Front End Developer at Shopify

At Shopify we have one of the largest front end architectures in the world, and our front end development team works on making our client side scalable, approachable, and an exceptional experience for over 150,000 shop owners across the world. If this sounds interesting you should get in contact. (shopify.com)

Frontend Developer at KISSmetrics

Do you love building interactive interfaces? Love making reusable UI components
that are well unit tested and can be reused across an app? Do you know the ins
and outs of JavaScript? (kissmetrics.com)

Have a web related job you need to fill?

Last but not least…

Ethical Web Development

As web developers, we are responsible for shaping the experiences of user’s online lives. By making choices that are ethical and user-centered, we create a better web for everyone. These open source principles aim to guide those decisions. (ethicalweb.org)

Git Blame Someone Else (github.com)