PeepCode

Typography

The redesign of this site uses several experimental typographical features that you won’t see on many other websites.

But feel free to loot these ideas for your own site!

Fancy Ampersands

Ampersand

Most typefaces don’t have an interesting ampersand (& vs &), but you can specify a better one in titles. I use a technique made popular by Dan Cederholm where he wraps them in a special span that is styled with an interesting italic ampersand.

A custom Rails helper method does the automatic span wrapping on selected elements.

span.amp {
  font-family: "Palatino", serif;
  font-size: 110%;
  font-style: italic;
}

Consistent Baselines

Baselines

Graphic designers know that layouts with a consistent baseline will look much better than inconsistent ones.

Even if you are not a graphic designer, this is an easy way to make your text look tidy.

Our free Baseline Rhythm Calculator can be used to generate a basic stylesheet with the proper calculations.

Click see the link under “Fun and Games” for an example used to debug this site.

If you want to calculate it yourself, the steps are straightforward:

Or, let the Baseline Rhythm Calculator do this for you.

Elements that can stomp on your rhythm:

Rails101

Free Samples

What People Are Saying About PeepCode

“PeepCode is awesome!” Tim O'Reilly, O'Reilly Media
“These things are fantastic and the price is a steal. I strongly urge you to support this effort and buy the episodes. What a terrific way to learn!” Scott Barron, Rails Core Committer
“Your screencasts are one of the best things you can buy on the Internet so far.” Liutauras Diu, developer
“I think the Peepcode Unlimited package is the single most useful tool in my box right now - when I look at time spent on research paired to benefit gained.” Seth Crosby, developer
“I'm usually a traditional dead-tree book learner, but this time I decided to try the PeepCode approach. I had heard good things about them and I can now tell you that reputation is well deserved.” James Edward Gray II

More Reviews

Rspec

Have a Coupon?

Login or signup and enter the code on your account page. If it is still valid you will be able to browse the list of products and redeem an episode.