Mr Branding: Web Design Weekly #254

Monday, October 3, 2016

Web Design Weekly #254

Headlines

SVG has more potential

Mike Riethmuller has done it again. His ability to dive deep into a current technology and find new creative ways to achive things is astounding. Make time for this. (madebymike.com.au)

Early bird discount ends today Sign up and get some of the best web development screencasts you’ll find on the web. Two episodes every month on browsers, performance, tooling & techniques. (frontend.center)

Articles

How React Do?

Jeff Fowler writes an in-depth account of his experience learning React. It’s written with a lot curiosity, which is super refreshing. Great read. (blog.jfo.click)

Loading Polyfills Only When Needed

Have you ever just dumped your polyfills in with your main scripts? I know I’m guilty. In this post Philip Walton shares his approach to help us ship better code. (philipwalton.com)

A Case Study On Progressive Enhancement

Through this case study on redesigning the Building Social website, Marko Dugonjić shares some simple yet often overlooked front-end techniques that defer the use of JavaScript as much as possible, while providing some neat JavaScript enhancements too. (smashingmagazine.com)

Embracing Constraint with CSS Modules

Matt Seccafien explains how his team embraced the constraints of CSS Modules and shares a few things he wished he had known before refactoring a large codebase to use CSS Modules. (medium.com)

How Twitter deploys its widgets JavaScript

Aravind Ramanathan shares the technical details about the process of updating the core widgets.js file that millions of people rely on. Great insight into the inner workings of their deployment process. (blog.twitter.com)

Space in Design Systems (medium.com)

Tools / Resources

Figma

This awesome looking tool was opened up to the public this week. Figma is the first interface design tool with real-time collaboration keeping everyone on the same page. Oh and it is built with React, which is pretty cool. (figma.com)

The New System Font Stack?

Ire Aderinokun looks at some of the major sites (WordPress, Medium, Ghost and Github) that have adopted the new system fonts stack and how they differ. She also shares some nice pointers for those that are keen to go down the system font path. (bitsofco.de)

JavaScript for Web Designers

A new book from A Book Apart written by Mat Marquis that offers a detailed and approachable tour around JavaScript. (abookapart.com)

WordPress Page builder plugins: a critical review

The well known WordPress plugin developer Pippin Williamson went on a little tweet rant last week, which fuelled this epic post that looks at the major page builders currently in market. (pippinsplugins.com)

Stop iOS10 safari auto-locking (thecssninja.com)

Tilted Angles in Sass (sitepoint.com)

Oh shit, git! (ohshitgit.com)

Inspiration

How we used Atomic Design Principles while redesigning BrowserStack (blog.prototypr.io)

Primer on Japanese typography (medium.com)

Maciej Ceglowski – Barely succeed! It’s easier! (youtube.com)

Jobs

Marketing Designer & Front-end Developer at Wildbit

Are you passionate about design and web technologies? Are you constantly striving to stay current with the latest industry best practices? Are you able to switch easily between visual design and front-end development? Do you think deeply about your CSS class names? If so, please reach out. (wildbit.com)

Senior Communication Designer

Slack is hiring a Senior Communication Designer to help design the future of Slack’s digital brand presence. Designers serve a vital role here: from the craft and finish of every detail on our high-traffic public-facing websites, to creating the experience vision for landing pages for national ad campaigns. (slack.com)

Mr Branding