Skip to main content

Get the best research tool on the web today,and free!
Connect with people with common interests!

Play Webslides

Perry Branch's Bookmarks tagged typography → View Popular

You are here: Diigo Home > Perry Branch's Bookmarks

Expand All 1 - 20 of 24 Next ›

1Expand

DummyTextGenerator

Tags: css, design, development, online, prototyping, testing, tools, typography, web, data, generator on 2008-06-22 and saved by20 people -All Annotations (0) -About

more fromwww.blindtextgenerator.com

The Incredible Em & Elastic Layouts with CSS — Jon Tan 陳

Tags: css, design, howto, layouts, typography, web on 2008-03-24 and saved by17 people -All Annotations (0) -About

more fromjontangerine.com

Pixels to Ems Conversion Table for CSS — Jon Tan 陳

Useful for calculating grids and other pixel/em related items.

Tags: design, layout, typography, web on 2008-03-24 and saved by4 people -All Annotations (0) -About

more fromjontangerine.com

1Expand

Eric's Archived Thoughts: Unitless line-heights

Tags: css, line-height, typography on 2008-03-06 and saved by4 people -All Annotations (0) -About

more frommeyerweb.com

A Guide to Web Typography | i love typography, the typography blog

Tags: 101, design, typography, web on 2008-03-03 and saved by15 people -All Annotations (0) -About

in list: Default HTML and CSS

more fromilovetypography.com

HTML Characters, Alpha Codes

Tags: alpha-codes, character-codes, cheatsheet, html, typography on 2008-02-24 and saved by2 people -All Annotations (0) -About

more fromwww.visibone.com

1Expand

Lorem Ipsum - All the facts - Lipsum generator

Tags: data, design, development, online, prototype, testing, tools, typography, web on 2008-02-20 and saved by215 people -All Annotations (0) -About

more fromwww.lipsum.com

A List Apart: Articles: Setting Type on the Web to a Baseline Grid

Tags: css, design, dm3105, html, layout, tutorial, typography, web on 2008-02-14 and saved by24 people -All Annotations (0) -About

more fromwww.alistapart.com

maratz.com » archive » How to set leading with ems in CSS

Tags: css, dm3105, typography on 2008-02-13 -All Annotations (0) -About

more fromwww.maratz.com

CSS tips and tricks at The Blog Herald

Tags: css, design, development, style-guide, tips, typography, web on 2008-02-12 and saved by39 people -All Annotations (0) -About

more fromwww.blogherald.com

1Expand

Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks

Tags: cheatsheet, design, dm3105, font, reference, typography, web on 2008-02-11 and saved by43 people -All Annotations (0) -About

more fromwww.ampsoft.net

5Expand

Mike Davidson - sIFR

Tags: css, design, development, flash, javascript, typography, web, xhtml on 2008-02-11 and saved by88 people -All Annotations (0) -About

more fromwww.mikeindustries.com

8Expand

A List Apart: Articles: How to Size Text in CSS

Tags: comparison, css, design, development, theory, typography, web on 2008-01-25 and saved by41 people -All Annotations (0) -About

more fromwww.alistapart.com

Frequently asserted is the notion that good typography requires accurate control of font size and line-height. But this is the web: it’s a special medium where the reader can have as much control as the designer—the implication being that text on the web, while bending to the designer’s will, must also be reliably resizable across browsers and platforms.
it’s safe to say that IE6 is still used by many people. So setting text in pixels would leave many people no means of resizing it. There’s also an argument that says IE7 users should be able to resize text without being forced to use the zoom control.
across all browsers, text at the medium browser setting is rendered identically to text set in pixels. It also demonstrates that text sized in ems can be resized across all browsers.
A fix to the exaggerated text resizing of IE6 and IE7 is to size the body using a percentage.
good typography requires a vertical grid, that is to say a solid vertical rhythm achieved with a consistent, measured line-height. The key implication is that line-height should be the same regardless of the size of the text (so that line-height, or the vertical grid, remains consistent, regardless of font size)
Safari renders monospace text much smaller than the surrounding text. The inconsistency appears to stem from Safari’s default text sizes, which are 16px for “standard fonts” and 13px for “fixed-width fonts.” Safari 3α on OS X does not appear to suffer from this problem.
Sizing text and line-height in ems, with a percentage specified on the body (and an optional caveat for Safari 2), was shown to provide accurate, resizable text across all browsers in common use today. This is a technique you can put in your kit bag and use as a best practice for sizing text in CSS that satisfies both designers and readers.
This more complex example and its accompanying style sheet demonstrate how to size nested elements using the body as the starting point.

Table of Contents | The Elements of Typographic Style Applied to the Web

Provides a more traditional look at web typography conventions. Doesn't contain much code, mostly rules of thumb.

Tags: design, reference, typography, web on 2008-01-25 and saved by6 people -All Annotations (0) -About

more fromwww.webtypography.net

Holiday > Halloween fonts | dafont.com

Tags: directory, font, free, typography on 2008-01-20 -All Annotations (0) -About

more fromwww.dafont.com

Typetester – Compare fonts for the screen

Tags: css, design, essential, online, tools, typography, web on 2007-12-22 and saved by331 people -All Annotations (0) -About

more fromtypetester.maratz.com

sane css typography

Tags: browsers, bugs, css, design, samples, typography, web on 2007-11-29 and saved by9 people -All Annotations (0) -About

more fromwww.thenoodleincident.com

Incremental leading : Journal : Mark Boulton

Tags: css, dm3105, typography on 2007-11-05 and saved by8 people -All Annotations (0) -About

more fromwww.markboulton.co.uk

Table of Contents | The Elements of Typographic Style Applied to the Web

Tags: example, site-home, tips, typography on 2007-11-05 and saved by39 people -All Annotations (0) -About

more fromwebtypography.net

1Expand

Choose a comfortable measure | The Elements of Typographic Style Applied to the Web

Tags: design, opinion, theory, typography, web on 2007-11-05 and saved by2 people -All Annotations (0) -About

more fromwebtypography.net

1 - 20 of 24 Next ›

List 20 50 100

Notation: * = Private bookmark and comment|… = Clipping [?] | … = Public highlight [?]

Perry Branch's Related Tags

Selected tags

typography

Related tags

See More Top Contributors

Will Bolton Dobromir Hadzhiev dingodingo Ryan C Matthew Heinrich 0nm8

Related Groups on Diigo

Valtech ID

Members (5)

bookmarks (183)
CSS Evangelist

Members (221)

bookmarks (396)
IPPteachers

Members (5)

bookmarks (40)