Web Design Weekly #215


Forgo JS packaging? Not so fast

With HTTP/2 gaining traction extremely fast the team at Khan Academy put to the test some of the hyped up advantages relating to JavaScript delivery and were greeted with some interesting results. If you are thinking about going all in with HTTP/2 this article is worth reading. (khanacademy.org)

Flexbox Froggy (flexboxfroggy.com)

Pixel-Perfect Vector Icons

If you need a slew of icons in a hurry, you can rest easy. You’re in good hands now! This iconic Mighty Deal features 1,075 pixel-perfect vector icons from Icons Solid, to make your life so much easier. Check them out. (mightydeals.com)


Building and Shipping Functional CSS

Cole Peters explains how a major refactor utilising an atomic CSS architecture resulted in major reductions to file size. If you happen to battle with large CSS files on a daily basis, make time for this. (colepeters.com)

Building for HTTP/2

An in depth look at HTTP/2 and what that means for how we build and deploy applications by Rebecca Murphey. (rmurphey.com)

Metadata markup

Jeremy Keith looks into the way a few big companies are implementing their own metadata standard and forcing us to fill the head of out documents with metacrap. (adactio.com)


Sara Soueidan does a head-to-head comparison of the two image formats under various circumstances. The outcome probably won’t surprise you but that doesn’t mean you shouldn’t take the time to read it. (sarasoueidan.com)

The Importance of Writing Code That Humans Can Read

Keeping your code readable and maintainable is something to keep in mind at every stage during development. In this post Tim Severien looks at tips and tricks to make your code more readable, as well as pitfalls to avoid. (sitepoint.com)

Flexbox’s Best-Kept Secret

Sam Provenza highlights that using auto margins with Flexbox is an effective way to get all of the flexibility of CSS floats, without the nastiness of breaking elements out of the document’s normal flow. She also explains how it can be applied horizontally or vertically and highlights how it gives us more control on flex items along the main axis. (medium.com)

Tools / Resources

Profiling Node.js apps

Travis Smith from Atlassian shares a couple of really interesting tips on how to detect bottlenecks in Node.js apps. (atlassian.com)

Enduring CSS

Quite an epic set of slides by Ben Frain. The slides look at “Enduring CSS” which is an approach to authoring and maintaining style sheets for rapidly changing, long-lived web projects. (ecss.io)

What Web Can Do Today

A handy site that gives an overview of the device integration HTML5 APIs available today. (whatwebcando.today)

Mosh – the mobile shell

A replacement for SSH. It claims to be more robust and responsive, especially over Wi-Fi, cellular and long-distance links. (mosh.mit.edu)


A small, modern, dependency-free, smooth scrolling library. (github.io)

Improved Illustrator SVG Export Settings (adobe.com)

Online Photo Editor by Canva (photo-editor.canva.com)

Say Yes to HTTPS (sayyestohttps.org)


The case for CSS modules (youtube.com)

The Lifting — JSFiddle Updates (medium.com)


Developer Evangelist at PubNub

As a developer evangelist for PubNub, your job is to inspire and equip developers to change the way the world communicates in realtime. Our primary vehicle for doing this is your service to local, national and international developer communities. (pubnub.com)

Software Developer at GetFeedback

We’re a small, dynamic team where every individual is expected to have a big impact. The right person for this role embraces the idea of working on a variety of high-visibility projects using a wide array of technologies. (getfeedback.com)

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

Last but not least…

Activate “Power Mode” to write your code in style. (atom.io)