Check if a browser supports ES6 ES2015

Great snippet by Benjamin De Cock: var supportsES6 = function() { try { new Function(“(a = 0) => a”); return true; } catch (err) { return false; } }(); The critical test is the a = 0. All browsers supporting default parameters have a fairly complete support of ES6 — for example, Edge 13 will …

Famous Artworks Ruined By Clients Who Think They Know Better

Designers often have to compromise with their clients, but sometimes it’s just too much. Inspired by a tweet and born out of frustration at client demands, Paris agency Graphéine decided to show what would happen if famous artworks were given to clients. “Make the logo bigger!”; “But my wife likes red.”; “That blue is not …

Plotly Academy: State Management with Redux

Learn how to handle application state in a centralized store with Redux, the most popular unidirectional data flow library! Wow, wish I had stumbled upon this magnificent tutorial when I was just getting started with Redux. Well written, with a very good example. State Management with Redux → This article forms a good addition to …

10 Career Mistakes I Wish I Had Never Made

Darius Foroux: In the last decade, I went from student to entrepreneur to freelancer to climbing the corporate ladder to blogger to teacher. Yes, that’s not a normal career path, and it’s also not what I ever expected. But life hardly turns out the way you expect. That’s because we’re only human. And humans make …

The flex-grow: 9999; hack

Imagine a flex container (display: flex) with two flex items in a row (flex-direction: row). Item A on the left, and item B on the right. I would like the flex items to be stacked on top of each other when necessary. Item B has to jump onto the second line, if there’s not enough …