The Surprising History of the Infographic

The idea of visualizing data is old: After all, that’s what a map is—a representation of geographic information—and we’ve had maps for about 8,000 years. But it was rare to graph anything other than geography. Only a few examples exist: Around the 11th century, a now-anonymous scribe created a chart of how the planets moved …

Game of Thrones: Journeys made in Season 6

The folks at The Verge: In Game of Thrones, movement is life. If you linger too long in the Sept of Baelor, for instance, chances are you won’t be around long enough for afternoon prayer. That’s why many of the characters in Westeros are constantly in transit, traversing from the North to the Riverlands or …

Decorative CSS Text Underline

Decorative Text Underline uses a combination of box-shadow and text-shadow to form a modest underline that preserves the element color and weaves between text descenders. Neat, yet very intensive and only works with text that is rendered onto a fixed background color (no gradients or images!). I sure do hope we can get this natively …

Relative Positioning Inside an SVG

Sara Soueidan, who else, has written an extensive article on how to mimic relative positioning in an SVG. The gist: nest your SVGs. Whilst her examples are – as per usual – very extensive and complete, I took the liberty on simplifying her final example: See the Pen Relative Positioning in SVG by Bramus! (@bramus) …

Boston Dynamics’ SpotMini

SpotMini is a new smaller version of the Spot robot, weighing 55 lbs dripping wet (65 lbs if you include its arm.) SpotMini is all-electric (no hydraulics) and runs for about 90 minutes on a charge, depending on what it is doing. SpotMini is one of the quietest robots we have ever built. It has …

15 Ways to Write Self-documenting JavaScript

A few handy pointers to keeping your code readable: Some programmers include comments as part of self-documenting code. In this article, we’ll only focus on code. Comments are important, but they’re a large topic to be covered separately. We can split the techniques for self-documenting code into three broad categories: structural, where the structure of …