Skip to content

Commit 29c7d97

Browse files
committed
README edits
1 parent 34ebcaa commit 29c7d97

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

README.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# jQuery Lettering.js
1+
# Lettering.js, a jQuery plugin for Web Typography
22
We developed a lightweight, easy to use Javascript `span` injector, we're calling it "Lettering Dot JS", and we're releasing it today for free over on the Github. Let me demo it for you: `</stevejobs>`
33

44
## Individual Letter Control with Lettering.js
@@ -59,8 +59,7 @@ Which will generate:
5959
<span class="word4">heart.</span>
6060
</p>
6161

62-
You can then style each word using the .word# class.
63-
62+
You can then style each word using the `.word#` class.
6463

6564
## Wrap Lines with Lettering.js
6665
Once word wrapping was complete, noticed the need for yet another method, one that would break lines up mid-sentence. We struggled for a semantic way to do this, but then remembered `<br>` tag which a semantic way to say "break this line". Similar to the above examples where lines of text are broken up by either non-breaking spaces or individual letters, the `lettering('lines')` method will create breakpoints at `<br>` tags:
@@ -75,12 +74,14 @@ Once word wrapping was complete, noticed the need for yet another method, one th
7574

7675
Resulting code:
7776

78-
<p class="word_split">
77+
<p class="line_split">
7978
<span class="line1">Are you</span>
8079
<span class="line2">ready to</span>
8180
<span class="line3">RUMmMmMMBBLE!</span>
8281
</p>
8382

83+
As expected it uses the `.line#` ordinal pattern. You'll also notice the `<br>`'s have been destructively ripped out. In your CSS, you'll want to declare something like `.line_split span { display:block; }` if you need them to behave as a `<br>` element.
84+
8485
## Best Practices &amp; Kerning
8586
There's no real rules, but we've found this to be a pretty quick and elegant solution to create typographical CSS3 posters. We've found it to be a great solution for really custom type headings, while keeping the text selectable.
8687

0 commit comments

Comments
 (0)