The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Pull Quotes

  • # June 6, 2008 at 8:36 pm

    Today I came by this example of good using of quotes and I found it very inspirational. This is the way magazines and newspapers are using it, but I’ve never seen it often this way on websites, but I think it’s a very good thing to do it this way. What do you think about it?

    # June 9, 2008 at 12:07 am

    This reply has been reported for inappropriate content.

    I really like pull quotes in general, but notice in they way there are doing it here that the pull quote text is repeated in the markup. In this case, it’s in a blockquote tag so even with CSS turned off there is some default styling that will set it off from the rest (or in the case of a feed reader). But if it were to use something like <p class="pullquote">, that would be a problem. For this reason, I like using jQuery and it’s ability to "clone" page elements:

    # June 9, 2008 at 5:20 am

    Chris’ one is good. It degrades gracefully and doesn’t repeat the markup. The same goes for the pullquotes Edwin linked to. There it really stands out, by putting it inside a <blockquote>. Then it’ll be easier to print, or for screenreaders to read it.

    Edit: Forgot I could use normal brackets instead of </>.

    # June 9, 2008 at 8:09 am

    This reply has been reported for inappropriate content.

    Totally agree with you :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed