css text effects and typography tips

Advanced

CSSTEXT EFFECTS

AND

TYPOGRAPHY TIPS

The best thing about these effects is

they can be achieved with pure CSS, no

more image replacements and image

heavy web designs.

Underlined words like this

are links, you can click on them.

http://www.1stwebdesigner.com/

Create a Letterpress Effect with CSS Text-Shadow

http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

Text Rotation with CSS

http://snook.ca/archives/html_and_css/css-text-rotation

Date Display Technique with Sprites

http://css-tricks.com/date-display-with-sprites/

CSS Gradient Text Effect

http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

CSS Text Gradients

http://cssglobe.com/lab/textgradient/

Add Grunge Effects to Text

http://www.jankoatwarpspeed.com/post/2008/08/09/Add-grunge-effect-to-text-using-simple-CSS.aspx

Create Text Embossing Effect

http://www.jankoatwarpspeed.com/post/2009/06/11/text-embossing-effect.aspx

Codename Rainbows

http://labs.dragoninteractive.com/rainbows.php

Text-Shadow Exposed

http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Background Gradients and CSS

http://www.tankedup-imaging.com/css_dev/css-gradient.html

CSS Text-Shadow

http://maettig.com/code/css/text-shadow.html

Text-overflow

http://www.css3.info/preview/text-overflow/

Advanced Typography Techniques

http://www.3point7designs.com/blog/2006/09/advanced-typography-techniques-using-css/

10 Examples of Beautiful CSS Typography

http://www.3point7designs.com/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/

Typographic Contrast and Flow

http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/

5 Principles And Ideas Of Setting Type on the Web

http://www.smashingmagazine.com/2008/04/23/5-principles-and-ideas-of-setting-type-on-the-web/

Check out Three Day Bootcamp!

https://1stwebdesigner.leadpages.net/three-day-bootcamp-trial/



Design