PUBLIC MARKS from sbrothier with tags typography & webdesign

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.

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.

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

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.

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.

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.

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.

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!

How to think like a typographer in HTML and CSS An interactive e-book by LAURA FRANZ, University of Massachusetts Dartmouth

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!

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.

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.

The hottest new music based on your scrobbles

tha & yugop

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

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

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

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

magnifique mise en page typo html 1.0

RBT

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.

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.

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.