Web Design Weekly #245


Strategies for Healthier Dev

A very good reminder for us to take care of our health so that we can continue to write great code and build cool products for decades to come. (alistapart.com)

​Don’t Get Frustrated – Get Hired

​Sick of pushy recruiters, and dead end interviews? Try Hired to hear from top tier companies, and get truly personalized career support from our Talent Advocates, so that you only talk to relevant companies. Over 4,000+ companies are looking for their next team member on Hired, could that be you? (hired.com)


The Service Worker Lifecycle

Ire Aderinokun goes into detail about the six states a Service Worker can be in – parsed, installing, installed, activating, activated and redundant. Great post to level up your Service Worker knowledge. (bitsofco.de)

A Psychological Approach to Designing Interfaces

It is easy to get overwhelmed by excessive choices. As designers, we need to be mindful of the amount of information or options we provide to our users. Less can truly be more. (medium.com)

Using Animation to Enhance UX

Used in the right way animation can improve an interface and enhance UX, sometimes even making it magical. Why and how do animations improve UX you ask? Callum Hart has the answers. (callumhart.com)

The WP REST API for Remote Control WordPress

The first article in the series by Scott Fennell that looks into setting up a complex control panel to manage 30+ WordPress multisite installs. (css-tricks.com)

Centered Logos Hurt Website Navigation

A comparison of sites with left-aligned logos to sites with center-aligned logos. This article delves into how logo placement can affect usability. (nngroup.com)

requestAnimationFrame Scheduling For Nerds (medium.com)

Tools / Resources


A collaboration platform for designers and developers that works with Xcode, Android Studio, Sketch and Photoshop. (sympli.io)

Considerations for Styling a Modal

Chris Coyier walks us through the many things to consider when styling a modal. (css-tricks.com)

React Gotchas

Internalise these rules and you’ll avoid some strange errors when using React. (daveceddia.com)


A completely customizable framework for building rich text editors. (slatejs.org)

HyperTerm – JS/HTML/CSS Terminal (hyperterm.org)

SpreadMethods for SVG Gradients (codepen.io)

ES6 for Everyone (es6.io)


How We Started Releasing Features Twice As Fast (smashingmagazine.com)

Vox Product Accessibility Guidelines (voxmedia.com)

Some ideas for websites you can build! (github.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 hundreds of thousands of shop owners across the world. (shopify.com)

Senior Product Designer at Campaign Monitor

At Campaign Monitor, design comes first. We pour our heart and soul into the way our product looks, feels and works – and it’s fair to say that we really do sweat the details. We’re looking for a Senior Product Designer who shares our vision for designing beautiful software that thousands of people love to use. (campaignmonitor.com)

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

Last but not least…

The myth of the “Real JavaScript Developer” (youtube.com)