It was a fantastic couple of days, and an absolute pleasure to be a part of such a wonderful event. The Web Directions team know how to put on a show, covering everything from the space, food, and swag to a really inclusive and insightful event. For a taste of it, check out the #design18 hashtag and the Web Directions Twitter account.

Here are the slides from my talk:

Links and resources

There are heaps of resources to learn more about code in design and design for developers in these projects:

Designing in the Browser

To make the text on any site editable, enter document.designMode = "on" into the console of your browser’s developer tools. To design in browser, tweak text as you please and take a screenshot. You can drag that screenshot into your design tool of choice to combine it with your existing design workflow.

Prototyping

CodePen makes it easy to prototype standalone code prototypes that need high fidelity, such as testing smooth animation rendering.

Personal projects: the trickle list

Personal projects are an excellent place to put code to use for yourself. For example, I built a trickle list:

DiDoesDigital.com is powered by Hugo and uses Google Analytics to track usage data for improving the site using cookies. The site anonymises IP addresses before sending them to Google, and Google Analytics retains cookie data for 26 months. The site uses MailChimp to send letters.