Web Design Weekly #315


Examples of everything new in ECMAScript 2016, 2017 and 2018

Quite an epic post which has loads of useful code examples explaining so many awesome new JavaScript features. (freecodecamp.org)

Remote Teams (medium.com)


Automating Your Feature Testing With Selenium WebDriver

Selenium is a framework for the automated testing of web applications. Using Selenium, you can basically automate every task in your browser as if a real person were to execute the task. In this article, Nils Schütte explains the ins and outs to help get you started. (smashingmagazine.com)

Data Tables

Heydon Pickering explores how to create inclusive data tables. Ones that are screen reader accessible, responsive, and as ergonomic as possible for everyone. (inclusive-components.design)

Hit The Ground Running With Vue.js And Firestore

In this article, Lukas van Driel sets up the basics of a web app using Vue.js and Firestore (Google’s new Firebase data storage). (smashingmagazine.com)

Why would you do that in CSS?

Chris Coyier shares some great examples and thoughts around some of the more crazy CSS experiments. (css-tricks.com)

Design Systems at Gusto

Robin Rendle shares some things he has learnt about design systems at Gusto. (medium.com)

Playbook – One place for all the best design thinking (askplaybook.com)

Tools / Resources

React Testing Library

Simple and complete React DOM testing utilities that encourage good testing practices. (github.com)

Node debugging with VSCode

A early version of a new Auto Attach feature has been added to VS Code’s Node.js debugger. If enabled, the Node debugger automatically attaches to Node.js processes that have been launched in debug mode from VS Code’s Integrated Terminal. (visualstudio.com)

WebGL Distortion Hover Effects

A little library that can be used for creating WebGL powered distortion hover effects using displacement images. (tympanus.net)


Milanote is a tool for planning creative projects. (milanote.com)

Prettier 1.12: Fixes, Features and Formatting (prettier.io)

780+ Vector Emojis (streamlineicons.com)

Array Cheatsheet (github.com)

React Spring (github.com)


JSConf AU 2018 Videos (youtube.com)

CSSConf AU 2018 Videos (youtube.com)


Web Developer at The Jacky Winter Group

We’re on the hunt for an experienced web front-end designer/developer to join our team in our beautiful offices in Collingwood, Melbourne, Australia. (jackywinter.com)

Principal/Lead Designer at Khan Academy

Product Designers! Come join Khan Academy and put your passion and skill for great design toward a deeply meaningful purpose. Join us on our mission to provide a free, world-class education for anyone, anywhere. (khanacademy.org)

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

Last but not least…

GitHub turns 10 (github.com)