Add Design Quotes to Your Site
Published by Chris Coyier
There is a much newer and nicer version of the Quotes on Design API now, check out the code over at the dedicated API page.
This will insert a quote on your page, inside the "quote" div, wherever that is on your page. The final markup looks like this:
<blockquote id="qod-quote"> <p class="qod-text"> Keep it simple, stupid! </p> <p class="qod-author"> <a href="http://quotesondesign.com/?p=194"> — Old Saying </a> </p> </blockquote>
Of course it won't always be that quote and that author, it is randomly pulled from the Quotes on Design database. The wrapping div with an ID of "quote" is required so the script knows where to put the quote.
Feel free to share any cool integrations you guys come up with. Next week we'll talk about how it was made! If you have one you'd like to see get added, suggest it here.