Web Design Weekly #229

April 04, 2016 - Jake Bresnehan

Headlines

CSS and Scalability

A great reflective piece by Adam Morse on how his experience and thoughts have evolved over that last few years whilst working with large CSS codebases. If you write CSS, this is a must read. (mrmrs.io)

Changes to npm’s unpublish policy (blog.npmjs.org)

Download Anything You Want for 7 Days on GraphicStock

GraphicStock is giving you 7 days to download anything you want. Access over 300,000 choices including high quality graphics, textures, backgrounds, photos, icons, vectors, layouts, and more. (graphicstock.com)

Articles

The Holy Grail Layout with CSS Grid

In this tutorial Ire Aderinokun creates the Holy Grail Layout to help understand the inner workings of the CSS Grid Layout which is quite complex. She looks into some of the 17 new properties and explores a lot of its new concepts. (bitsofco.de)

Houdini – Give developers the power to extend CSS

Houdini is a new W3C task force that plans to introduce a new set of APIs that will, for the first time, give developers the power to extend CSS itself and the tools to hook into the styling and layout process of a browser’s rendering engine. (smashingmagazine.com)

Why I don’t use CSS preprocessors

A refreshing post by Roger Johansson that explains why he doesn’t use CSS preprocessors but does use CSS processors. (456bereastreet.com)

Leveling Up with React: Redux

The final of a three-part React series by Brad Westfall over on CSS Tricks. Brad looks into managing state across an entire application efficiently and in a way that can scale without getting absurdly complex. (css-tricks.com)

Tools / Resources

FT Labs Performance Widget – Insights

Insights is a Chrome extension which runs a set of tests on any page visited by the user and places the results from these tests inside a widget on the page written in a contextualised manner to make the results easier to digest. (labs.ft.com)

Ember FastBoot

An Ember CLI addon that allows you to render and serve Ember.js apps on the server. Using FastBoot, you can serve rendered HTML to browsers and other clients without requiring them to download JavaScript assets. (ember-fastboot.com)

Dyslexia Style Guide

A short and concise style guide that gives some great pointers on making sure your work can be enjoyed by dyslexic users. (bdadyslexia.org.uk)

The Best Methods and Resources to Learn JavaScript:

A large list of books, courses and tips from some really talented developers to help take your JavaScript to the next level. (psdtowp.net)

Public APIs

A collective list of public JSON APIs for use in web development. (github.com)

Snapback Cache

A client side page cache for jQuery. (medium.com)

Need HTML5 Ads? Adobe Animate CC to the Rescue (blogs.adobe.com)

Introducing Safari Technology Preview (webkit.org)

AMA with the webpack Team (hashnode.com)

GitHub for Human Beings (ponyfoo.com)

Inspiration

d’Oh My Zsh

Robby Russell explains how he unexpectedly built a monster of an open source project. (medium.com)

Building the UI for the new The Times website (medium.com)

The Veil of Ignorance (mrmrs.io)

Jobs

Product Design Lead at Zendesk

We are looking for a Design Lead with a demonstrated track record of managing and building product design teams. You’re an empathetic and proven people manager that possesses the leadership abilities needed to hire, motivate and optimize a diverse team of talented product designers and user research professionals. (zendesk.com)

Senior Front End Developer at Shopify

At Shopify we have one of the largest front end architectures in the world, and our front end development team works on making our client side scalable, approachable, and an exceptional experience for hundreds of thousands of shop owners across the world. If you are keen for a massive challenge we would love to hear from you. (shopify.com)

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

Last but not least…

Commit Logs From Last Night (commitlogsfromlastnight.com)