public marks

PUBLIC MARKS from sbrothier with tags webdesign & typography


How Businessweek Is Reinventing the Magazine Cover

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 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

Now in Webflow you can create beautiful interactions for your responsive website without writing a line of code. Learn More or Start Designing.


Just My Type

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

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

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 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.


Kern Type, the kerning game

by 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!


Typographic Web Design

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 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 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.

Simon Collison | Colly | Journal | Redesigning the undesigned

For two years—and with much embarrassment, I have been apologising for my undesigned blog. Well, no more shall I blush. To mark this fourth redesign and rebuild, I’ve decided to detail my inspiration, ideas, processes, type and design choices—and hopefully explain what this miscellany thing is all about.

Best of 2009 –

The hottest new music based on your scrobbles


Carver & Veen {39} Typekit - Podcast Episodes - CreativeXpert Design Interviews

Typekit Makes Sites Pretty. That should be enough, but there’s so much more! In this episode, Ryan Carver and Greg Veen join us from Small Batch Inc., the makers of Typekit. Typekit aims to solve all of the problems that currently prevent web designers from using commercial typefaces in their designs. Every major desktop browser will support linking to custom fonts from within your site’s CSS using @font-face. You can then use these fonts on your web site without users having to install the fonts on their system beforehand. => This really is going to change web design


by 4 others
Suprb is Andreas Pihlstrom, born and raised in Stockholm / Sweden. Specialised in typography, code, movable and static shapes since 1978.

Nice Web Type Likes: Graublau Sans with Lucida sanserif

If your web browser is up to snuff, you’ll see Graublau Sans Web for headings, subheads, and appropriate examples in this specimen page. If not, refer to CSS @font-face support. Please note: IE supports @font-face via fonts converted to .EOT, but because conversion is a hassle I have skipped it in this example. ↩

Small Batch Inc. Announces Typekit Funding « The Typekit Blog

“Typography is the last missing piece of great web design,” said Jeffrey Veen, Small Batch co-founder and CEO. “We’re working closely with type designers to create a new market for their work.”


Seed Conference | Chicago | 6 June 2008

magnifique mise en page typo html 1.0

Aviary - Creation on the fly

by 2 others
Aviary is a suite of web-based applications (RIAs) for people who create. From image editing to typography to music to 3D to video, we have a tool for artists of all genres.

James Whittaker - Em based layouts - Vertical rhythm calculator

by 1 other
Typography on the web has become a point of focus for standards based developers recently. The pioneering work by Mark Boulton and Richard Rutter has highlighted the importance of good web typography. With the advent of more standards compliant browsers and a better understanding of the capabilities of CSS, more developers are spending the extra time and effort in pursuit of typography excellence within their designs.


15 Excellent Examples of Web Typography. Part 1 | i love typography

by 8 others
I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.