Grow your CSS skills. Land your dream job.

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

    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:

    http://css-tricks.com/better-pull-quotes/

    # 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

    Totally agree with you :)

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".