Web Design Weekly #242


The Psychology of Color in Marketing and Branding

Gregory Ciotti, part of the marketing team at Help Scout, delves into the psychology of colour. For him, it is one of the most interesting, yet controversial, aspects of marketing. Whilst the article may raise more questions than answers for you, a clear takeaway is that the kaleidoscopic nature of color theory means we may never have definitive answers. Look at the research and find your own palette. (medium.com)

Matt Mullenweg Interview and Q&A from WordCamp Europe (wordpress.tv)

Sponsor Web Design Weekly and reach over 22,000 designers and developers


An Introduction To Redux

If you have been keeping an eye on the JavaScript landscape of late you would of seen Redux being mentioned an awful lot. It’s pretty neat and this post by Alex Bachuk is a great place to start learning how it all works if you haven’t had the chance yet. (smashingmagazine.com)

Improved Font Loading

Many web fonts are quite large, causing a long delay until the browser can use them. WebKit has mitigated this in two ways: improving font download policies, and making fonts download faster. (webkit.org)

Angular 2 – Best Practises to Level Up

A collation of 12 best practices and tips to help you write better and cleaner code when using Angular 2. (blog.budacode.com)

How Facebook Live Streams To 800,000 Simultaneous Viewers

This new Facebook feature allows people to share video in real-time. This post details the feature’s origin, problems it faces, its scabaility and much more. (highscalability.com)

Paul Irish discusses Progressive Web Metrics (youtube.com)

Tools / Resources

Content Jumping (and How To Avoid It)

A guide on why it happens, how to avoid it and some examples. This article is a good reminder that one of the most important things when designing any user experience is to keep expected behaviour in mind. If things don’t work as anticipated, it can be unpleasant, frustrating and even disorientating for the user. (css-tricks.com)


Anime is a flexible lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects. (anime-js.com)

Decorative Text Underline

Decorative Text Underline uses a combination of box-shadow and text-shadow to form a modest underline that preserves the element color and weaves between text descenders. (codepen.io)

Clips To Bounds – Episode 1 – Pull Requests (soundcloud.com)

Coloring emoji using CSS (codepen.io)

A Scrolling SVG Sunset (thenewcode.com)


React-powered Hacker News client (github.com)

CSS in 2016 and Beyond (youtube.com)

RandomFont (randomfont.com)


Product Designer at Trello

We’re looking for a savvy product designer to join the Product Team at Trello. Your work will have an impact on how millions of people all over the world collaborate and organize their lives. (trello.com)

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

From The Blog

Integration and Comparison for ES6

If you’re still writing JavaScript using ES5 and desire to author in ES6 fear not. Dennis Gaebel has you covered. He looks over some logical ways to start using this new syntactical sugar in your own work today. (web-design-weekly.com)

Last but not least…

The Languages Which Almost Became CSS (eager.io)

CaptionBot (captionbot.ai)