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.
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.
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.
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.
- Not sure when AIGA's blog underwent a redesign, but it's really caught my eye. (Get it?)
- Sometimes, we all need a good fucking piece of advice.
- This is weird. But maybe, also, kinda useful?
- Who knows what the hell this is, besides a great thing to get lost in for half an hour. Or two. Or three.