Powered by GoodBarry

“Ninja Training for Web Designers”

12 Examples of Paragraph Typography

Sunday, July 20, 2008 - Lawrence Hsu | BC

This is really nice. Check it out if you're into typography.

Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one of the cornerstones of good typography. This is a brief inquiry into paragraph style for the Web.

12 Examples of Paragraph Typography from Jon Tan

I'll Have That Typeface on the Menu

Sunday, July 20, 2008 - Lawrence Hsu | BC

It's no secret that the cost of a restaurant dish tends to mirror its complexity. That's why a menu item that says "medley of berry conserves and pureedpindas " is likely to cost five times what it would if it were just called peanut butter and jelly. But it turns out that obscure menu terminology may be just half the game. A new study suggests that typography also plays a role in influencing diners.

I'll Have That Typeface on the Menu from TIME

10 Examples of Beautiful CSS Typography and how they did it…

Thursday, June 26, 2008 - Lawrence Hsu | BC

There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. I have seen a few sites that have ripped off the design elements of these sites and it is awful.

10 Examples of Beautiful CSS Typography and how they did it… by Ross Johnson

List of Web Safe Fonts

Saturday, June 14, 2008 - Lawrence Hsu | BC

Here is the list of websafe fonts that I use in my own personal web development. Websafe (or "web safe", "safe for the web") fonts are supposedly fonts that are common among all versions of Windows, Mac, Linux, etc. Fonts that you expect everyone viewing your webpage to have.

List of Web Safe Fonts from Font Tester

The Showcase Of BIG Typography - Second Edition

Sunday, June 08, 2008 - Lawrence Hsu | BC

In Web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.

The Showcase Of BIG Typography - Second Edition from Smashing Magazine

Sexy, Bold And Experimental Typography

Wednesday, June 04, 2008 - Lawrence Hsu | BC

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we’re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Sexy, Bold And Experimental Typography from Smashing Magazine

5 Principles And Ideas Of Setting Type On The Web

Saturday, May 31, 2008 - Lawrence Hsu | BC

There are many ways to approach Web typography in order to create effective and expressive results. Let’s take a closer look at some principles, rules and ideas for approaching Web typography decisions — you can use them as a starting point for learning how to achieve effective type setting on the Web.

5 Principles And Ideas Of Setting Type On The Web from Smashing Magazine

8 Fonts Your Probably Don't Use in CSS But Should

Wednesday, May 28, 2008 - Lawrence Hsu | BC

CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn’t on the viewers computer it won’t render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.

8 Fonts Your Probably Don't Use in CSS But Should by Ross Johnson

15 Great Examples of Web Typography

Tuesday, May 27, 2008 - Lawrence Hsu | BC

It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!

15 Great Examples of Web Typography from I Love Typography

This is How You Get SIFR to Work

Monday, May 19, 2008 - Lawrence Hsu | BC

The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site.After following this tutorial you will have a basic understanding of how sIFR works and will be able to expand into more advanced areas.

This is How You Get SIFR to Work from Design Intellection

Fawnt - Top Free Fonts

Wednesday, May 14, 2008 - Lawrence Hsu | BC

Fawnt is a font resource for designers, developers, and anyone that appreciates the web's highest quality fonts.


FontStruct - Build, Share and Download Fonts

Tuesday, April 29, 2008 - Lawrence Hsu | BC

This is sweet.

FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop.

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

You create ‘FontStructions’ using the ‘FontStructor’ font editor.

Once you're done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

You can keep your creations to yourself, but we encourage users to share their "FontStructions". Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations.

You can also use the FontStruct widget to show your FontStructions on your own website or blog.

FontStruct by FontShop

On Choosing Type

Thursday, April 24, 2008 - Lawrence Hsu | BC

Typography is not a science. Typography is an art. There are those who’d like to ‘scientificize’; those who believe that a large enough sample of data will somehow elicit good typography. However, this sausage-machine mentality will only ever produce sausages. That typography and choosing type is not a science trammeled by axioms and rules is a cause to rejoice.

On Choosing Type from I Love Typography

Sweet Web Typography

Sunday, April 20, 2008 - Lawrence Hsu | BC

I'm totally loving this at the moment; not thinking about usability :p.

Ten Typographic Mistakes Everyone Makes

Friday, April 18, 2008 - Lawrence Hsu | BC

Such typographic faux pas are not as potentially dangerous as grammatical fuckups – there's little chance that using a period instead of an interpunct will obscure or confuse your meaning – but they are nevertheless wrong, at least for the time being. The large-type heading for each section contains an example of a typographic mistake; if you can see what's wrong in each one before reading the explanation below, give yourself a pat on the back. Then examine your life priorities.

Ten Typographic Mistakes Everyone Makes by Christopher Phin

63 Must Have Grunge Fonts

Wednesday, April 09, 2008 - Lawrence Hsu | BC

Collect these Grunge fonts in case they become trendy again :p.

63 Must Have Grunge Fonts from Outlaw Design Blog

Type Tips: OSF, LF, and TF Explained

Tuesday, April 08, 2008 - Lawrence Hsu | BC

Numerals (or figures) can take various forms. The figure style you choose ought to be appropriate to the project you are working on. Readability is key. But which style is best for which purpose? There are two main forms, oldstyle figures (OSF) and lining figures (LF).

Figuring It Out: OSF, LF, and TF Explained from The FontFeed

The Importance of Typographical Style

Sunday, April 06, 2008 - Lawrence Hsu | BC

Many designers have waxed admiringly about Barack Obama’s sophisticated typographical design scheme, particularly the consistent use in much of his graphic material of the typeface Gotham, designed by Tobias Frere-Jones. So I called Brian Collins, an expert on branding, to get his thoughts on what this “good design” means for the candidate.

To the Letter Born from New York Times

Create Your Own Font

Wednesday, April 02, 2008 - Lawrence Hsu | BC

Not a detailed tutorial but it gives you an overview of the font making process.

Create Your Own Font from Wired

Videos That Keep Your Typographic Juices Flowin'

Friday, March 28, 2008 - Lawrence Hsu | BC

Type is saying things to us all the time. Typefaces express a mood, an atmosphere, they give words a certain coloring.

Great Scenes from TV and Film, Told Using Only Typography (and Sound) from Always Watching

Recent Posts



    Back to Top