Web Design Weekly #209


Object-Oriented UX

Quite an epic case study by Sophia Voychehovski that looks into how she went about designing a responsive experience for CNN. (alistapart.com)

ES6 Overview in 350 Bullet Points (ponyfoo.com)

Infographic Mega Bundle

If you create infographics, you’ll find yourself saving tons of time with this incredibly massive mega bundle. Packed with a combination of 5 Infographic Bundles, you’re getting 1000s of graphic elements to put together the perfect infographic faster and easier than ever. Check it out. (mightydeals.com)


The struggles of publishing a JavaScript library

An insightful and entertaining read by Nolan Lawson. Throughout the article he looks into the current JavaScript module ecosystem and how one would go about distributing code to the masses. (nolanlawson.com)

Web Performance Today

A nice post by Jeffery Zeldman that takes a trip down “Web Performance” memory lane that ends with a very solid take away: “The principles of standards-based design will never change, no matter how complex our web becomes. And as it becomes more complex (and, arguably, much richer), it behooves us to squeeze every byte of performance we can.” (zeldman.com)

Things You Should Know About WebAssembly

This post by Sebastián Peyrott explores seven key facts about WebAssembly, one of the biggest changes the web will experience in the coming years. (auth0.com)

Reverse Text Color Based on Background Color

Robin Rendle combines some simple CSS animation with the magic of mix-blend-mode to create a fun little loading effect all with CSS. (css-tricks.com)

Ideas for Achieving Clarity in Data Visualisation (medium.com)

Tools / Resources

Front-end Developer Handbook

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it. (frontendmasters.gitbooks.io)

RightFont for Mac

Preview, sync, install and manage fonts on your Mac or Dropbox/Google Drive with ease. Also, it has the ability to add font organisation functionality to Adobe Photoshop, Illustrator, Sketch, etc. (rightfontapp.com)

Trix – A rich text editor for everyday writing

Basecamp, the creators of Ruby on Rails have a big release coming up and they have decided to release a WYSIWYG editor that actually looks pretty good. (trix-editor.org)


An open IDE for web and native mobile development, built on top of Atom, built by the talented Facebook developers. (nuclide.io)

Font Blast

Converts any icon-font into individual SVG files for each icon. (github.com)

A few small tips about Critical Path CSS (youtube.com)

A Quick Look at Modernizr 3.0 (tutsplus.com)

State of Web Type (stateofwebtype.com)

React Style Guide (github.com)

Simple Icons (simpleicons.org)


Histography – Timeline of History (histography.io)

Design Insights From LEGO (medium.com)

SVG Plant Generator (codepen.io)


Art Director at Atlassian

As the Art Director on our marketing team, you’ll partner with the Executive Creative Director and key stakeholders to bring the Atlassian vision to life in bold, unexpected ways. (atlassian.com)

Web Engineer at Vine

Vine is building the world’s most influential mobile video platform. We’re a small team, headquartered in NYC, that ships products affecting hundreds of millions of people around the world. We genuinely love what we do and are looking for others who share this passion. (vine.co)

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

Last but not least…

Using Git to Manage Todos (jezenthomas.com)

If one hit a week isn’t enough, follow WDW on Twitter (twitter.com)