2016
2014
How Businessweek Is Reinventing the Magazine Cover
by sbrothier
Chances are a Bloomberg Businessweek cover has stopped you in your tracks at some point: Maybe it was the brilliant cat hurricane GIF, or airplanes humping mid-air, or the most anti-Apple typography ever slapped over Tim Cook's face. But behind the provocative graphic design is a smart strategy that's changing the way publications are made, both online and off.
10 Fonts for Code - Typecast
by sbrothier & 2 others
Our web design community loves to share tips and tricks, and often this means showing what’s happening under the hood. So this month, Jake Giltsoff has found 10 typefaces that will make your code snippets look great in everything from personal how-to blogs to tech pub tutorials.
Webflow - Create Website Interactions With 0 Lines of Code
by sbrothier
Now in Webflow you can create beautiful interactions for your responsive website without writing a line of code. Learn More or Start Designing.
2012
Just My Type
by sbrothier
A collection of nice font stacks. Inspired by Typestacks. Fonts from Typekit.
Stacks with a price label indicate that certain fonts are only available on one of Typekit’s paid plans. If you ask me, it’s worth every penny. Go sign up.
Applying Macrotypography For A More Readable Web Page | Smashing Magazine
by sbrothier
Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability.
Viewport Sized Typography | CSS-Tricks
by sbrothier
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough.
Home | Design in the browser with web fonts and real content — Typecast
by sbrothier & 1 other
The web’s most beautiful typefaces
Try typefaces from the web’s best known web font services.
Design with real content
Kiss goodbye to Lorum Ipsum. Get real web content in place, fast.
Create HTML & CSS in the browser
Quickly get to a working, standards-compliant prototype.
2011
Kern Type, the kerning game
by sbrothier & 4 others, 2 comments
Instructions
Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to typographer's solution, and you will be given a score depending on how close you nailed it. Good luck!
2010
Typographic Web Design
by sbrothier
How to think like a typographer in HTML and CSS
An interactive e-book by LAURA FRANZ, University of Massachusetts Dartmouth
Fighting the @font-face FOUT « Paul Irish
by sbrothier & 4 others (via)
I really don't like the text upgrade FOUT, so I personally prefer webkit's technique. But either way, we want the font loaded ASAP, so let's speed it up!
Apple - HTML5
by sbrothier & 3 others
The demos below show how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. But soon other modern browsers will take advantage of these same web standards — and the amazing things they enable web designers to do.
