Web Design Weekly #251


Autoprefixing, with CSS variables

Lea Verou is back to her old tricks in finding creative ways to utilise the power of CSS. In this short post she explains a neat trick using CSS variables. (lea.verou.me)

Communicate Your Efforts

When working in a team, Matt Zabriskie reminds us that it is important to market your individual contribution, as it is unlikely anyone else will. Communication appears to be the key to making sure your efforts are recognised. (mattzabriskie.com)

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


The inaccessible web: how we got into this mess

Whatever your needs or preferences, there’s almost certainly a way to access the web, theoretically. But, in reality, the web is as a mess, and is a human right issue in respect of disabled people accessing it. This post explores how we got into this mess and ways we can fix it. (uxdesign.cc)

Refactoring CSS

Harry Roberts shares an approach to refactoring CSS (or any language), which has been called The Three I’s: Identify, Isolate, Implement. (csswizardry.com)

Welcoming Bots to the Design Team

Matt Cooper-Wright shares with us how automation helped his design team dig into their data and add magic to their prototypes. (medium.com)

Destructured Objects as Parameters

After attending a workshop, Sarah Drasner found herself particularly interested in a practical piece of ES6 that she previously had not noticed: Destructured Objects as Parameters. She shares her newfound interest with us. (css-tricks.com)

How To Scale React Applications (smashingmagazine.com)

Tools / Resources

Webpack: The Missing Tutorial

Webpack is gaining traction everyday and with Webpack 2 just around the corner now is a better time than ever to take the time learn why it is such a great tool. (github.com)

Current Color: The First CSS Variable

The second episode from Front End Center that looks into the currentColor keyword. The talk covers the core CSS concepts that underpin it, what currentColor the keyword actually means and then looks in-depth at a demo using a bunch of related CSS techniques. Make time for this. (youtube.com)

Using real sample data to make great designs

Here is one to help you create a customised JSON file to generate product related content. (medium.com)

Google Webfonts Helper

A hassle-free way to self-host Google fonts. (google-webfonts-helper.herokuapp.com)

Awesome React Components (github.com)

React Basics Course (teamtreehouse.com)

Apple Pay on the Web (stripe.com)


How Writing Regularly Can Improve Your Creativity and Clarity (helpscout.net)

Sam Saccone dropping some Perf knowledge (twitter.com)

How I designed a website in 8 days (envato.com)


Senior Product Designer at DuckDuckGo

We are a diverse team from around the world working together on a mission to make DuckDuckGo the world’s most trusted search engine and we want your help! Join us as a Senior Product Designer and become part of the team leading the transformation of the DuckDuckGo user experience. (duckduckgo.com)

Frontend Developer at X-Team

X-Team is an international company founded in Melbourne, Australia that helps companies scale their development teams by providing them with extraordinary developers from around the world. If you are keen on a 100% remote gig with a large about of variety we want to hear from you. (x-team.com)

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

Last but not least…

Designers Guide to Web Performance Optimisation (jonyablonski.com)