Web Design Weekly #221


Making A Service Worker

Lyza Gardner explains what service workers are and how to go about creating your own. She has even created a nice example file to help get the ball rolling quicker. (smashingmagazine.com)

HTTP/2 is here, now let’s make it easy (thedotpost.com)

Responsive Email Designer App

Creating responsive emails is a huge plus for individuals and companies today. With more than 50% of emails initially being opened and read on smartphones and tablets, a solid responsive design is pretty much a necessity. Check it out today. (mightydeals.com)


CSS Variables: Why Should You Care?

As CSS Variables (aka CSS custom properties) are starting to land in a few browsers, Rod Dodson explains why you should be getting excited and how they differ from CSS preprocessor variables like SASS or LESS. (developers.google.com)

Why Mobile First Is Outdated

I feel this article won’t align to everyones views, but Paul Adams does have some interesting points that are worth considering. (medium.com)

Advice and Mistakes about Web Performance

A selection of top web developers share their advice and common mistakes that they see people making when it comes to web performance. (keycdn.com)

How do you learn d3.js?

Ian Johnson questioned a selection of d3 experts to find out the best way to learn the ins and outs of the powerful library. (medium.com)

The Art of the Commit (alistapart.com)

Tools / Resources

Editing Images in CSS

Una Kravets explores three CSS features: filters, blend modes and gradients both individually and in combination to create great image effects. (thedotpost.com)

Differences in Font Rendering Today

Rob Dodson explains the new `font-display` property that lets us decide how web fonts will render (or fallback), depending on how long it is taking them to load. (developers.google.com)

Extending Sass with PostCSS

Ashley Nolan explains why you would use PostCSS with Sass to add additional features that Sass doesn’t provide out of the box. (ashleynolan.co.uk)


An interesting tool that analyses CSS selectors by complexity and performance. Once your CSS is parsed it builds a collection of insightful results to help you create better CSS. (testmycss.com)

Craft – Sketch and Photoshop plugin

Craft is a plugin for Sketch and Photoshop that lets you design with real data in mind. (invisionapp.com)

GitHub Pages now faster and simpler with Jekyll 3.0 (github.com)

Things every React.js beginner should know (camjackson.net)

Pure CSS masonry layouts (medium.com)


How we “CSS” at BigCommerce

An insight into how BigCommerce deal with their CSS. If you work on a large team with lots of legacy code I’m sure you will find this post helpful. (bigeng.io)

Why writing should be part of your design portfolio (invisionapp.com)

Design Details – Episode 100 with Daniel Burka (spec.fm)


Senior UX Designer at Campaign Monitor

We’re looking for a Product Designer who shares our vision for designing beautiful software that thousands of people people love to use. We’re looking for someone with a strong understanding of interaction design, and knows how to apply that to directly drive product growth. We’re hoping that might be you. (campaignmonitor.com)

Senior Product Designer at Stack Overflow

We’re looking for a talented senior designer to join our tight-knit team of designers, developers and product managers. The work you do here will directly affect millions of users around the world. (stackoverflow.com)

Have a web related job you need to fill?

Last but not least…

Designer Bio Generator (sulko.co)