Web Design Weekly #224


The New Web Typography

Robin Rendle looks into how we should go about making rules for typesetting on the web. A well thought out post that is a great read. (robinrendle.com)

The current state of modular CSS (medium.com)

​Get multiple job offers from top companies with 1 application

​Web developers are in demand, so shouldn’t companies apply to you? On Hired, that’s exactly how it works. Get 5+ job offers from companies like Uber, Square, and Facebook with 1 application. Join Hired today and get a $1,000 bonus when you get a job! (hired.com)


The Conversational UI

The rise of applications no longer having a graphical user interface is an extremely interesting area that I’m sure becomes more common as tools like Slack continue to grow. In this post Matty Mariansky explores the current landscape. (alistapart.com)

Misconceptions of Tooling in JavaScript

Jack Franklin expresses his frustration with tooling getting in the way of learning the basics of JavaScript libraries and shares a simple React example. (javascriptplayground.com)

How to lint your Sass/CSS properly with Stylelint

Scotty Vernon talks about why we should lint our stylesheets and how to implement stylesheet linting into our build pipelines for both vanilla CSS and Sass. (creativenightly.com)

Managing Typography

Harry Roberts gives some great advice about managing typography headings across large and complex apps. (csswizardry.com)

Trends That Will Define Web Design in 2016 (sitepoint.com)

SVG Working Group Meeting Report (tavmjong.free.fr)

How we use Sass Maps (bigeng.io)

Tools / Resources

Vision API

The Google Cloud Vision API enables developers to understand the content of an image by encapsulating powerful machine learning models in an easy to use REST API. Pretty crazy stuff. (cloud.google.com)

Chainable BEM Modifiers

Jordan Lewis explains a variation of the popular BEM methodology that they currently use at Envato. Dubbed BEVM, it provides the ability to quickly and concisely configure HTML modules and keep their codebase under control. (youtube.com)


A simple library that models spring dynamics for the purpose of driving physical animations. (facebook.github.io)


A rich text editor framework for React projects. (facebook.github.io)

Screencasts on a (Performance) Budget (daverupert.com)

Speech Bubbles with SVG (thenewcode.com)

Firefox DevTools Reload(mozilla.org)


Logo Experiments

Bryan Braun explores ways to create a logo with modern front-end techniques. (sparkbox.github.io)

How and Why GitHub Switched to SVG for Its Icons (github.com)

The difference between a goldfish and a human (markboulton.co.uk)


Front End Developer at GIPHY

We’re a wildly creative and passionate group of GIF-obsessed individuals continuing to build out what we believe is the future of GIFs. We have big dreams and goals for 2016 and are looking for like-minded, talented people to join us. (giphy.com)

Application Engineer at Vimeo

Vimeo’s mission is to empower creators to make, share and sell amazing videos directly to viewers worldwide, in the highest quality possible and with no interruptive advertising. If you’re dying to help us take Vimeo to the next level, we’re dying to hear from you. (vimeo.com)

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

Last but not least…

Look Ma! No media queries! (codepen.io)

A love letter to jQuery (madebymike.com.au)