Web Design Weekly #318


How to Get Buy-in for Reducing Technical Debt

Successfully getting buy-in for larger projects that require more time and staffing to reduce technical debt requires two key ingredients. The first is making sure it is indeed impactful. The second is communicating the impact effectively to get buy-in. (coleadership.com)

Custom domains on GitHub Pages gain support for HTTPS (github.com)

Save valuable time with on-demand bug reproduction.

FullStory captures every customer session on your site and replays it like a DVR, complete with the JavaScript console log and all underlying code. FullStory makes it easier than ever to diagnose problems without time-consuming repros or email exchanges. Get started with a free trial today. (fullstory.com)


A Guide To The State Of Print Stylesheets In 2018

Rachel Andrew looks into the state of browser support, and how to best test our print styles. She also shares some advice on what to do when a print stylesheet isn’t enough for your printing needs. (smashingmagazine.com)

Things Salesforce Discovered When It Studied Colour

A study which proved to be a humble reminder for the designers at Salesforce. The main takeaway being, despite thinking they knew what was best for design and performance, data should be used as a guide to make informed decisions. (fastcodesign.com)

Moving Fast and Securing Things at Slack

An overview of how Slack has implemented their Security Development Lifecycle, the lessons learned, and a glimpse into the tool they built to makes it all possible. (slack.engineering)

Microcopy – Small Text that Will Increase Your Conversions

In this article, you’ll discover what is microcopy, great examples from successful stores, and practical ways to implement it in your online store. (proteusthemes.com)

Solved With CSS – Dropdown Menus (css-tricks.com)

Tools / Resources


MDX is a JSX in Markdown loader, parser, and renderer for ambitious projects. It combines the readability of Markdown with the expressivity of JSX. The best of both worlds. (github.com)

Scrolling if Needed

A package that polyfills new features in the Element.scrollIntoView API. (scroll-into-view-if-needed.netlify.com)

You Don’t Need Redux, MobX, RxJS, Cerebral

For state management, try this simple pattern instead of a library. (medium.com)

Name That Script – Trent Walton’s slide deck (speakerdeck.com)

Convert SVG icons into React components (github.com)

Github Contributions Chart Generator (github-contributions.now.sh)

HTML5 Boilerplate 6.1.0 Released (github.com)


Design Systems with Diana Mounter and Brent Jackson (spec.fm)

The Panic Report (panic.com)


Product Engineer at Zapier

We’re looking for a Product Engineer to join the engineering team at Zapier. Want to help engineer a simple product that allows anyone to do complex, incredible things with the world’s APIs? (zapier.com)

Front-end Engineer at Help Scout

We’re looking for someone who’s really smart, and humble, and thorough, and meticulous, and self-motivated, and kind, and a little funny, and tenacious, and did I say self-motivated? Well, that’s because we’re a remote company. (helpscout.com)

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

Last but not least…

Next level CSS Portrait (diana-adrianne.com)