I read a lot, and yet the text that often grabs me when I first glance at a page is not the headline, but the pull quote. This is a small blurb pulled out of the body copy and made to stand out in some way. I have gone through magazine articles reading only the pull quotes. But many web designers don't use them. And they are a great way to add visual interest to a page that is otherwise dry and boring text. Plus, like headlines, pull quotes stand out and bring a reader through an article. By creating effective and dynamic pull quotes you can help your readers along and keep them interested in your site. This article explores how to style pull quotes in more exciting ways. And none of the methods use cutting edge CSS! So why not consider using a pull quote in your next web article?
Related Articles
- Create a Pull Quote with HTML and CSS - Use Blockquote and CSS Styles In We...
- Advanced Pull Quotes - Using Blockquote to Create Fancy Pull Quotes on Web ...
- Quotes - Free Signature Tool Review - About Email
- Simple Scrapbooks:Quote for Every Occasion by Molly Newman Page 1
- Pull Up Exercise for Upper Body Strength - Using a Chin Up Bar
Explore Web Design / HTML
Must Reads
Most Popular
©2012 About.com. All rights reserved.
A part of The New York Times Company.
I hate pull quotes because they interfere with scripts in which ‘, ” and all other possibilities are used as in PHP to begin and end sign of commands.
When exports are done to XML feeds it leads to all kinds of errors.
Especially on sites where users enter texts themselves. Often they use Microsoft Word etc to make such texts and copy them to a HTML form etc. In some way they always manage to find special Microsoft Word characters which are not sifted out by scripts that are there to get out all illegal characters for XML.
@niek: I think you’re confusing pull quotes with curly quotes. Pull quotes are a design feature that pulls out a portion of the body copy and makes it stand out in some way. in fact, many pull quotes (including all of my examples in the article listed above) don’t even use the quotation marks that you’re talking about that interfere with scripts and make XML choke.
Superb article! Provides great building blocks to go forth and style in so many ways. With CSS3 we can also use box shadow, corner radius and other superb new styles which only add to this web page enhancer. (Oh, sorry IE…ahem)
As as veteran of DTP with all those feature rich tools, the ability to get similar page versatility in design onto a web page seemed like a game of catch up. With such effects as opacity, border controls, font-manipulation and shadows now in our hands mean that features like pull quotes are no longer Zzzzzzz.
I also love pull quote…
Pull quotes make great headers to break up those huge blocks of text the clients insist on handing over… getting them to agree to using pull quotes as headers to break up text and facilitate scanning is much easier than getting them to cut back the verbiage, in my experience.