Wisdump

Dumping wisdom on design and the web

  • Design
  • Blogging
  • Designer Resources
  • Design Critiques
  • CSS
  • About
  • Advertise
  • Contact Us

Why do blogs screenshot tweets?

February 9, 2011 By Sophia Lucero

I’ve noticed this trend to screenshot tweets instead of copy-pasting their texts in blockquotes for some time now. On web design and technology blogs, no less. You’d think these sites who constantly write articles about HTML, CSS, web standards, usability, semantics would actually listen to their own advice.

What do people get out of doing it, though? Is Twitter really that much of a game-changer that you can now break the conventions of quoting people in articles on websites? Is it really that big of a deal to debate on how you should add tweets to articles—which is so obviously linkbait?

Are tweet pages designed so much prettier than your default blockquote designs that you feel compelled to use them instead (that’s definitely an “unsuccessful designer trend” isn’t it)? Though, consider the construction: large text, a clear indication of who said the tweet, and a fuzzy timestamp. Maybe that’s what blockquotes should aspire to be?

Are tweets such special data forms that you need specialized plugins and scripts like WP Quote, Twickie, QuoteURL to display them? Or do those exist to up one’s geek cred and feed the third-party Twitter apps machine?

Still, those aren’t as bad as web apps like tweetshots. Want to share a tweet on Tumblr? Use the Quote post type. WordPress is getting custom post types in its next major release too. But publishing platform or no publishing platform, that’s what the HTML tag <blockquote> is for.

Let me channel Steve Ballmer and say: Blockquotes, blockquotes, blockquotes, blockquotes, blockquotes. They’re not that hard to use, certainly not more than taking a screenshot and uploading it.

I understand why on some occasions using images instead of text and other data formats is preferred. They’re usually more portable when passed around in email, forums, social networks, and other communication platforms. More people know how to deal with images than URLs too. But for the purpose of quoting tweeple on websites, I see no excuse for displaying text as images.

I’ll spell it out for you in <strong> and <em>: display text as text, not as images, damn it!

Sure, screencapping tweets may not be as grave a sin as using tables for layouts, but back when that was the dominant method of creating websites, it was a pragmatic choice to make do with the technology available. The choice to use images for text is illogical today. It is confusing behavior that is inexplicably linked to Twitter’s success.

Filed Under: Ignoring the Hype Tagged With: blockquotes, communication, email, html, images, layouts, linkbait, publishing, screenshot, semantics, social media, Twitter, usability, web 2.0, web applications, web design, web standards, WordPress

Twitter tweet embedding finally arrives, but is it any better?

May 7, 2010 By Sophia Lucero

Blackbird Pie is Twitter’s very own tool for embedding tweets on webpages without the cumbersome, semantics-killing screenshot method. It still lacks the dead-simple interface Twitter is notorious for, since you have to enter the URL of the tweet to grab the embed code and it’s not even built into the system yet, but that’s because it’s a rough prototype at this point.

Since Twitter is an ecosystem of early adopters, it didn’t take long before a bookmarklet surfaced, which sports only a minor difference with the original code in the date format, and seems to display better on this site.

@robinwauters I made a bookmarklet for twitter blackbird: http://bit.ly/aL4QVG (3 steps instead of 9 to embed a tweet), could be useful 4 uWed May 05 07:18:34 via TweetieXavier Damman
xdamman

Note that this method inherits your websites styles, which means you may or may not have to tweak your CSS to accommodate it. Unfortunately it still looks bad in feed readers.

Has progress been achieved here?

I’m not sure this is any better than a screenshot. Putting aside the long-winded user flow of grabbing the code since that can be remedied once it’s built into the Twitter system, there’s an overflowing amount of inline CSS to copy and paste. The advantage to this static code, however, instead of a JavaScript embed is that the text is preserved even when the tweet is deleted.

The question remains: should people go through all this trouble to use tweets as quotes? Is there really that much more to be gained by preserving the tweet “format” over a simple blockquote? I still don’t think so.

Filed Under: Web Experience Tagged With: blockquotes, CSS, feed, html, javascript, review, screenshot, semantics, Twitter, usability, web 2.0, web applications, web design, web standards

Categories

Web Design Tools You Wish You Knew About When First Designing Your Website

It’s easy to have perfect vision in hindsight, but when designing a website a little planning ahead can give you a perfect vision from the get-go. Many web designers find themselves performing redundant tasks, or creating things with manual effort that could otherwise be automated. Check out these useful web design tools that you’ll be […]

Best Resources to Use for Web Design Ideas

Web designers may have their own ideas when creating a layout design for a website but similar to writers, they also experience the so-called mental block syndrome at certain times. Fortunately, the web has a wealth of information available and designers can always turn to it for inspiration. It may surprise you to know that […]

The “Horrible Web Design Client:” An Infographic Look

Web design is a new frontier in creative designing. It takes a special set of design skills to make an effective web site. A good web site is not just pretty to look at, or filled with a lot of cool Flash animations, it is also easily navigable, with well laid out elements that are […]

Pagelines PlatformPro 1.3 – The Upgrade

PlatformPro 1.3, the latest upgraded version of the successful PlatformPro Theme by PageLines, has finally hit the market. Packed with 20 or so new options and features, it has undergone some major changes; the most important of which are listed here: The new Web Typography tool provides direct integration with Google’s Font API. This provides […]

Design tip: use extraordinary imagery

Drawn.ca has posted 2 interesting sources of atypical imagery which, I realized, can be great design inspiration: First, Dogfoose uses close-up images of produce in his illustrations. The sample below uses broccoli as treetops for a kids magazine illustration: What an amusing way to channel the miniature look (achieved through tilt-shift photography) for infographics purposes! […]

iThemes Builder – Your one-stop WordPress Theme Builder

This revolutionary new theme is incredibly easy to install – simply upload it into the themes folder, click activate – that’s it! As with all their themes, iThemes have included a My Themes widget, providing links to special features within the theme itself, as well as relevant information for the configuration of WordPress. The layout […]