ZURB – Interaction Design and Design Strategy

Welcome to the ZURBplayground where we share creative interaction design tools and experiments from the design and engineering teams here at ZURB. We create tools, implementation examples, and other interesting projects that help people design for people. via ZURB – Interaction Design and Design Strategy. Lots of fun and useful tools for web developers to … Keep reading 

New Twitter feature lets you embed tweets in your blog posts with original formatting

Updated: Thanks to Mitch Cohen for this comment pointing to a one-click bookmarklet – even easier!

Blackbird Pie (kind of a gruesome name, if you’ve grown attached to the Twitter icon) is a new Twitter service that lets you post individual tweets to your blog or web site – keeping that good ol’ Twitter formatting intact, while picking up elements of your site’s design (such as the typeface) as well.

Blackbird Pie screen capture

Now, because of certain style overrides we have on SocialSignal.com, the result isn’t quite as picturesque as we might like:

Finally! A tool for blogging tweets about the new tool for blogging tweets! http://media.twitter.com/blackbird-pie/less than a minute ago via TweetDeckRob Cottingham
RobCottingham

There’s a certain amount of overlap and such. But it’s still pretty sweet, especially since our workflow used to be:

  1. Load tweet in browser.
  2. Capture screen. (We use Skitch, so we don’t have to…)
  3. Crop screen capture image and save.
  4. Upload image file to our site.
  5. Paste a link to the image file in our blog editor.
  6. Add alt text with the contents of the tweet.

With Blackbird Pie, the workflow is:

  1. Copy tweet URL.
  2. Paste into Blackbird Pie, and copy resulting embed code.
  3. Paste embed code into blog editor.

So much easier. And now the text is selectable by others – not a minor issue from an SEO standpoint, either. And it preserves hyperlinks to the original tweet, the Twitter client and the originating Twitter profile.

I like that for a number of reasons, not the least of which is making it easy for people to see the larger context of a tweet: a conversation, for instance, or the user’s Twitter stream. And if you’re trying to blog about a longer Twitter conversation, citing several tweets, this could save you a whole lot of time.

There are plenty of caveats – among other things, it doesn’t work on Tumblr yet, and I keep having to fight the urge to call it “Blackberry Pie” – but it’s a handy tool to have.

 

Help for the born follower

TweepML is a handy service that lets you compile lists of a few, a few dozen or a few hundred folks on Twitter – lists that anyone can follow en masse with a click. With a little help from poliTwitter.ca, I whipped up a list of all the NDP Members of Parliament...
Mastodon