Keeping Tabs / by Becca Barton

It's the end of the week, which means it's time for the weekly Chrome tab closing purge. From my browser to yours, here are the tabs that caught my eye this week.

Every character of Hack, painstakingly laid out for you.

Every character of Hack, painstakingly laid out for you.


A prettier font for Sublime.

If you also spend a Cinderella-esque amount of time trying to find the perfect typeface fit for your Sublime, Hack Typeface by Chris Simpkins is worth checking out. I've only had it up for a day, but it's a nice fit and easy on the eyes, especially when paired with the Material Theme. Another typeface favorite is Monoid— go ahead and spring for the fancy dotted 0's.

More on fonts.

If Hack or Monoid aren't quite working for you, check out Simpkin's comprehensive list of source code typefaces at Codeface. Think an alphabetized list of every typeface possibility, complete with real, coded examples of each one. Never deal with an unpleasant x-height in Sublime again. 

What could have been: Google's JavaScript.

Did you know Google decided a few years back that JavaScript's shortcomings were irreparable, and so they made their own version? They did, and it's called Dart. It's up and running, and you can learn more about it here. Although it's still pretty similar to JavaScript, some notable differences are the declarations required when passing parameters and using variables, which A. make your code easier to understand, and B. give added functionality based on the type specified. For example, functions that are event handlers are passed an parameters like this: function (Event e), instead of the usual function (e). It's a little clearer inside the code, but also may get a little cluttered with multiple arguments. Try out their demo for yourself here. (Also worth noting: it may still be in development?)

Part of the Parallax tour.

Part of the Parallax tour.


Yes, another Parallax site.

But this one's really, really cool. Dave Gamache created a Parallax Demo to go along with his post of the same topic to demonstrate one that transitions smoothly and effectively. Parallax is one of those things that looks so simple, but it can be made or broken in its nuances. To learn more about what makes it so effective, read his blog post about it here.

Grids! In! CSS!

Seriously. CSS has now implemented its own Bootstrap-like grid system, built in. Although it's not widely supported in browsers yet, get excited, because this thing is happening. Patrick Brosset gives a pretty good rundown of it here in his post CSS Grid System. Let's all vow to spend some time checking it out this week.

Hanging punctuation: It's where the magic happens.

Hanging punctuation: It's where the magic happens.


Problem Solving in Character Animation

Khan Academy and Pixar recently teamed up to create Pixar in a Box, a free class that details how the team at Pixar uses problem solving in various ways to tackle the challenges in animation. Their creation of subdivision is particularly interesting: seeing a need to create complex curves through simple means, they created a way of adding points and shifting them along a square to create a shape that moves fluidly, but that still only needs to be manipulated through a few points. The class is broken down into each step of the creation process, so it's also (thankfully) pretty comprehensive. 

Hang your punctuation.

You know when you see non-hanging punctuation in the browser, and you start twitching? Now there's a library for that. Typeset.js pre-processes your HTML to give you such beautiful and much-needed features as hanging punctuation, optical margins, and small-caps conversion. You can finally rest at night knowing you've left all your quotation marks outside the margin, where they belong

Designing for news.

Okay, to be fair, this has been around for awhile, but if you also haven't heard... Francesco Franchi, of the infographic and news design fame, released a book on news design under the apt title Designing News. Designing for news, particularly today, is a changing medium facing a lot of challenges, and this book addresses these and outlines his thoughts on how they might be overcome in the future. Had the opportunity to see him at SND this year, so I'm excited to dive a little deeper into his thoughts on this topic. Read more about it here.