rop Cap is the first letter of a paragraph that is enlarged to drop down a couple of lines. A common fixture in print publishing from novels to magazines to beautifully illustrated childrens’ books, drop caps are slowly gaining momentum in the online word. Typography websites and blogs, especially those using minimal designs and themes are truly exploring the aesthetic value of the drop cap. My interest in drop caps got piqued after I was introduced to the Daily Drop Cap Project by illustrator and typographer Jessica Hische. On that website, Jessica strives to offer a uniquely beautiful drop cap alongwith the code to embed it in your pages everyday. Jon Phillips of Spyre Studios shows you how to add a drop cap easily and effortlessly via Css.
There are the drop caps haters and then there are the drop caps lovers. I fall in the latter category of designers. I find drop caps very alluring in web design. They are different, sparingly used and hence quite unique. Using drop caps you can add an old wordly charm to your writing or present your ramblings in a bold, modern artistic style. Plain, minimalistic drop caps are great, but fancy ones add a touch of flair. Some of the most common sightings of drop caps are in picture books, fairy tales, on magazine websites, on minimalistic typography websites, in exquisite wedding invites, on design studio blogs and that one off quirky website of a designer leaning towards the whimsy. There is so much you can do with a drop cap. Understanding of typography again lies at the root of its usage. I have a list of excellent drop cap practices for your visual pleasure followed by another list of articles and resources that might be useful to the drop cap afficionado.
Some interesting Drop Caps articles and resources
1. Drop Caps – An iPhone Game
An interesting typographic experiment by Jason Franzen
2. Drop Caps 101 – Website Design
Summarizes everything neatly.
3. Multiple Fancy Drop Caps – Learning jQuery
Applying drop caps to every paragraph in a div.
4. Make A Newspaper Style Drop Cap – Blogspot Tutorial
A couple of nifty tricks for cool drop caps.
9. Pseudo Drop Caps – Jack Osbourne
Jack talks about how to rectify a problem with css that arises when you redevelop your site and dont want to upload the old drop cap images.
Subscribe Via Rss
Never miss a freebie or some creative inspiration!