Web Design Weekly #255


Chasing Tools

A thought provoking post by Tim Kadlec that highlights some interesting points about tools and why and when we should move to another or just stick it out and learn the inner workings of them. This post is a great segway into the post below. (timkadlec.com)

How it feels to learn JavaScript in 2016

Well as JavaScript continues to dominate our industry it’s probably a good time to sit back and have a bit of a chuckle at what we have got ourselves into. (hackernoon.com)


Avoiding Accidental Complexity When Structuring Your App State

If you have worked on a JavaScript app I’m sure this post will be of interest. Managing state is hard. Tal Kol lists some practical tips of how to model app state to keep yourself sane. (hackernoon.com)

Web performance secrets from the BBC

Jamie Knight reveals the techniques the BBC uses to speed up its site and help users flow from one page to the next. (medium.com)

Web Font Optimization

If you are keen to get into the nitty gritty of web front optimization this post by Ilya Grigorik is just for you. It’s pretty epic and offers loads of good tips. (developers.google.com)

Flex-grow 9999 Hack

Joren Van Hee explains how to make a flex item behave like it has two flex grow values without the use of media queries. (joren.co)

My thoughts on Inline Styles (medium.com)

Tools / Resources


The smart team at Walmart Labs has open sourced the React + Node-based platform that powers the main Walmart site. It focuses on performance, component reusability and simple deployment. Looks pretty good. (electrode.io)

The State of HTML Mobile Frameworks in 2016

Can’t really say I have paid close attention to the mobile frameworks landscape but this post is a good overview of what is currently trending. (agingcoder.com)

Learn Grid Layout Video Series

7 videos put together by Rachel Andrew that look into how Grid Layout works and some of its features. (gridbyexample.com)

Angular 2 lazy loading with Webpack

David Den Toom explains in a clear and concise manner how to setup lazy loading in Angular 2 using Webpack. (medium.com)

Text Spinners

A small project that mimics command line spinners and brings them to the web. (tawian.io)

Pre-render d3 visualizations (github.com)

Modern JavaScript Stack Training (github.com)

Greyprint (bjango.com)

Vue 2.0 (medium.com)


Spotify – How the team designs holistic experiences (wayswework.io)

Things you can learn from redesigns (uxdesign.cc)

Meetup’s Brand New Brand (medium.com)


Product Designer at Flexport

If you are interested in solving complex problems in an antiquated industry with cutting-edge design solutions, work with designers, product managers and engineers to build the future of global trade, we want to hear from you today. (flexport.com)

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)

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

Last but not least…

Paper Planes

A mind boggling site that is executed extremely well. It also uses some pretty hot tech like Service Workers, Web Push and can work offline. (paperplanes.world)