CSS Architecture for Design Systems

Excellent post by Brad Frost in which he explains how they’ve combined class prefixes with BEM. In addition to a global namespace, we added prefixes to each class to make it more apparent what job that class is doing. Here’s what class prefixes we landed on: c- for UI components, such as .cn-c-card or .cn-c-header …

Westworld’s multiple timeline theory

The HBO series Westworld is tricking fans into thinking the story takes in chronological order. However, a close look reveals that what we’re seeing is a nonlinear timeline. Two of the main storylines — the Man in Black in one, and William and Logan in the other — are actually separated by at least 30 …

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 …