Twitter Flickr Tumblr Pinterest Dribbble

Posts Tagged with “widows”

8 Simple Ways to Improve Typography In Your Designs

I wrote this arti­cle for Smash­ing Mag­a­zine and it was pub­lished last Fri­day on their site. I’m re-publishing it here for your read­ing plea­sure. Enjoy.

Many peo­ple, design­ers included, think that typog­ra­phy con­sists of only select­ing a type­face, choos­ing a font size and whether it should be reg­u­lar or bold. For most peo­ple it ends there. But there is much more to achiev­ing good typog­ra­phy and it’s in the details that design­ers often neglect.

These details give the designer total con­trol, allow­ing them to cre­ate beau­ti­ful and con­sis­tent typog­ra­phy in their designs. While these details can be applied across dif­fer­ent types of media, in this arti­cles we’re going to focus on how to apply them to web design using CSS. Here are 8 sim­ple ways you can use CSS to improve your typog­ra­phy and hence the over­all usabil­ity of your designs. Read More »

NetNewsWire Style 2.5

netnewswirestyle25.jpg

Ver­sion 2.5 of my Net­NewsWire style is now avail­able. The design is sim­ple and clean with a great deal of focus on typog­ra­phy and leg­i­bil­ity. In this new ver­sion I’ve made some improve­ments that will enhance the read­ing experience.

Another enhance­ment that I was hop­ing to imple­ment was a con­sis­tent ver­ti­cal base­line. But because of incon­sis­ten­cies within RSS feeds it was very dif­fi­cult to accom­plish, prob­a­bly even impos­si­ble. For exam­ple in cer­tain feeds blocks of copy are not wrapped in the para­graph tag, instead just use the break tag. For this rea­son it’s hard to con­trol the text and ele­ments like images.

Any­how, I’m very exited about the fea­tures I was able to add.

New Fea­tures in Ver­sion 2.5

  • Wid­ows
    Pre­ven­tion of typo­graphic wid­ows in titles and body copy via jQWidon’t.

  • Cap­i­tal­iza­tion
    All words in title are capitalized.

  • Image Resize
    Images wider than 600px are resized to fit the fixed width of the style.

Spe­cial thanks to Oliver Boer­mans for help­ing me with some bugs.

To install just dou­ble click the file.

Down­load NNW Style 2.5