Web Design Weekly #210


Building For Emerging Markets

This new initiative by Facebook to give staff the opportunity to simulate a 2G connection for making better decisions is a genius idea. I feel developers have a good understanding of why performance matters, but enlightening other stakeholders is where the real wins can be made. (code.facebook.com)

Things to Avoid When Writing CSS

I’m sure many will not agree with all the point Heydon Pickering makes in this post but he makes some really good points and conveys them in an entertaining manner. (medium.com)

Sponsor Web Design Weekly and reach 24,113 developers


The Art of Debugging

Another great article by Remy Sharp that highlights why we should take the time to learn the tools that we use on a day-to-day basis inside out. (remysharp.com)

NPR.org Now Twice As Fast

Patrick Cooper and Justin Bachorik explain how they took NPR’s performance to the next level. (npr.org)

Applying Flexbox to the Video Player

Laura Kalbag explains in detail how she took the inflexibility of the old Ind.ie video player and applied some Flexbox to create a more robust adaptable player. (ind.ie)

Guide To Using WebP Images Today

The WebP image format has been around since 2010 and is extremely performant but hasn’t been widely adopted due to its browser support. Thankfully with the use of the WebP polyfill this can be fixed quite easy. (smashingmagazine.com)

How z-index Works (bitsofco.de)

Tools / Resources

PostCSS Time Machine

A nice little PostCSS plugin created by Jonathan Neal that aims to fix the mistakes in the design of CSS itself. If you are interested in the mistakes here is a small list maintained by the CSS Working Group. (github.com)


A large selection of CSS, jQuery and JavaScript responsive navigation examples, demos, and tutorials from all over the web. (navnav.co)


A CSS library by Una Kravets for recreating Instagram filters with CSS filters and blend modes. CSSgram simply uses pseudo-elements to create the filter effects and is less then 1kb. (una.im)

Unstock – Envato’s new stock photography site (envato.com)

Chrome Devtools Tips & Tricks (github.com)

Jekyll 3.0 Released (jekyllrb.com)

Babel 6.0 Released (babeljs.io)


Creative Typography with SVG (brennaobrien.com)

Redesigning The Toast (responsivewebdesign.com)


Product Designer at Salesforce

Join the award-winning Analytics UX team. As part of cross-functional and highly collaborative team of designers, researchers, and engineers, you’ll help shape Salesforce’s newest product line, the Analytics Cloud, powered by the Wave Platform. (salesforce.com)

Interactive Designer at Campaign Monitor

We are looking for a passionate Interactive Designer to join the Demand Generation team here at Campaign Monitor. You will execute cohesive, on brand communications across multiple channels and serve as one of the subject matter experts for best practices in demand generation design. (campaignmonitor.com)

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

Last but not least…

Delivering Responsibly (filamentgroup.com)