37signals, 40hz, 2008, 2010, 05401, 05403, 05446, 05462, 05482, 05673, 05701, aardman animations, ac propulsion, adium, ads, aim, airport, al franken, algorithm, amazon, andy hertzfeld, animation, apache, apple, applescript, architecture, archive, art, article id, asterisk, at&t, atom, automobile, away message, backpack, badge, barack obama, basecamp, bash, beos, bernie sanders, bicycling, bill atkinson, billboard, blacklisting, blog, blogroll, blogzot, bluetooth, blunt, bluray, book, bookmarklet, bot-net, brad bird, browser, btv, bug, build, bungie, bunny, burlington, call of duty, camera, camping, can-spam, cars, centralized, channel camp, chocolate, classic, classic mac workshop, clipcat, clothing, cms, collection, color classic, comedy, comedy central, comic, computer, concert, conversion, cookbook, corrosion, cowards way out, crack, crashing, creature comforts, criticism, daring fireball, darwin, dashboard, david byrne, dcl, death, delicious, derbi, design, development, digg, dilemma, discussion, disney, domain, download, drivers, dvd, dynetk, e-mail, e3, easter, ebox, eckhart, eckhart koppen, eckhart köppen, eddie izzard, edward gorey, einstein, eject, election, electric motorcycle, electric motorsport, electric vehicle, electronics research laboratory, elmo, emate, emulator, encryption, environment, environmental impact, erin mckeown, escale, exploit, express 530t, expressionengine, feature, feed, feedburner, filtering, finance, firmware, fixdavsvn, flickr, flynn center, focus, font, food, ford, for sale, free, freeverse, freezing, fresh air, frog design, front row, fusion, games, gears of war, geek, geek technique, geocities, git, github, gmail, google, gpr, grammar, grant hutchinson, graylisting, gtd, hack, haiku, halo, hayao miyazaki, health, higher ground, highrise, hiking, hiroshi noguchi, history, hope, hotspot, html, html5, hulu, humor, hybrid, hybrid technologies, hypercard, intel, internet, interview, ipad, iphone, ipod touch, isao takahata, itunes, jabber, japan, javascript, jetblue, jfk, john gruber, john oliver, jon stewart, kid koala, launchd, layover, leopard, liberal, long trail, lorem ipsum, mac, macbook pro, mac mini, macpaint, mac pro, macworld, maczot, magazine, mail, maine, makkintosshu, marathon, marketing, mark hoekstra, matthias melcher, media, mesagepad, messagepad, microbus, microsoft, mobileme, model s, modern warfare, money, monitoring, moon river, motorola, movie, movies, mrtg, multitasking, music, mwsf07, mystic, nascar, ncx, nda, netflix, network, newt/0, newton, newton os, newton press, newtonscript, newtontalk, newton x press, nick park, nitch, npr, on point, openpbx, open source, operation ivy, optimization, organic, os 6, os 8, os9, osheaga, osx, os x, owc, package, palm, password, patch, paul guyot, pbx, pdf, pesticides, photography, pico card, pilot, pixar, playstation, plist, plug-in, pod jungle, politics, productivity, ps3, psp, pump-and-dump, quickdraw, quicksilver, racism, rack-n-roll, radio, ratatouille, realpath, rebooting, recycling, regex, regular expressions, remake, required reading, restoration, retrochallenge, review, roadster, room without a window, rss, scion, screencast, script, search, security, server, sesame street, seven days, shame, shelburne, shelburne museum, shirt, shoppinging cart, signature, simon bell, small dog electronics, snow leopard, social, software, solution, sony, spam, spam haus, startup item, statistics, status, stefano paris, stephen colbert, steve jobs, steven colbert, steven frank, studio 360, studio ghibli, subethaedit, subversion, susan kare, swiss, swuser, sync, syndication, sysmon, tablet, tags, tax, technorati, ted talk, television, terry gross, tesla motors, textpatter, textpattern, the colbert report, the daily show, the flaming lips, the gashleycrumb tinies, the radiator, the world, times argus, titles, tkip, todd kollins, tom gage, tools-osx, trailer, trash, travel, tree, trends, troubleshooting, truetype, twitter, typography, tzero, unicel, universal access, unna, update, upgrade, url title, user interface, v710, venue, verizon wireless, vermont, victor rehorst, video, virtualization, vmware, volkswagen, volvo 122, vpr, vw, wait wait don't tell me, wall-e, wallace & gromit, wavelan, web, web 2.0, webkit, web site, whitepaper, wifi, wikipedia, windows, winter warm-up, wireless, wpa, writing, wwdc, wwnc, xbox 360, xbox live, xhtml, xserve, yahoo, ze frank, zero emission

Technorati Chart for 'badge'

Articles Tagged "badge":

Twitter Statuses Badge 0.7.2 Released and a Few Words on its Future ¬

2012-10-13

In mid-August, Twitter announced there would be big changes coming in v1.1 of their API which they then released at the beginning of September (officially deprecating the v1.0 of their API). Well, three days ago my Twitter Statuses JavaScript Badge stopped working on all my sites and everyone else’s that uses it too.

Back when I first started its development in 2007, there was no official, versioned API and it’s managed to continue working this entire time. Clearly, Twitter decided that with v1.0 of the API deprecated, that anything using older calls than that would no longer need to be supported. So, I’ve updated to the v1.0 API calls and all is working again… for now (more on that in a sec).

Go download v0.7.2 now (the source code is also on GitHub), or you can just change the following line in your HTML:

<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/morgant.json?skip_user=true&callback=makkintosshu.twitterStatuses.twitterCallback"></script>

To the following (replacing “morgant” with the appropriate Twitter username for your use, of course):

<script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=morgant&callback=makkintosshu.twitterStatuses.twitterCallback"></script>

A Few Words on the Future

Now, v0.7.2 of my Twitter Statuses JavaScript Badge only brings us up to v1.0 of the Twitter API which is now deprecated and will be discontinued in roughly six months. Why not go straight to v1.1 of the Twitter API? Well, there are two major changes in v1.1 that would have a major impact on the JavaScript badge: requiring OAuth for all API requests and the display guidelines will become display requirements.

The latter, requiring the JavaScript badge’s display to conform to the specific display requirements, would require some minor CSS changes and is not too big a deal. That said, since the primary goal of the JavaScript badge is to allow customization of the styling, esp. integrating with a site’s theme, it could not enforce that only certain styling rules would be modifiable and so it’d be up to the developer using it to ensure that they too were meeting the requirements. This might be acceptable, but there’s also a chance that Twitter would object.

The former, requiring OAuth authentication for all API requests, is unfortunately a show stopper. OAuth requires registering an application with Twitter (easy) and using secret access tokens as authorization to the API (the problem). The reason this is a problem is that JavaScript runs client-side and can be fully inspected by any user, so the secret access tokens are not very “secret” and could easily be reused by someone else for nefarious purposes.

The OAuth issues could be worked around by implementing the badge server-side in PHP or another language, but then it would not be the same paste-in solution it currently is. I could create a web service that acted as the middle-man, allowing one to create badges that would be populated using a small amount of JavaScript and allowed me to control the majority of the CSS styling with hooks for specific theming, but then you might as well just use the official Twitter Embedded Timelines badges.

So, the future for my Twitter Statuses JavaScript Badge looks bleak. It’s highly likely that this is its last six months, which is too bad as I still had features planned. I’m not going to call it quits yet as I’ve got a number of months to consider my options, but discontinuing it is definitely on the table.

Twitter Statuses Badge 0.7.1 Released ¬

2011-08-16

Or, this should’ve been done nine months ago.

When I released v0.7 of my Twitter Statuses JavaScript Badge back in November of last year, it was right around the time that Twitter was rolling out their new ‘snowflake’ status ID generator which was going to have some implications for languages such as JavaScript. Unfortunately, I didn’t become aware of this until I started seeing random issues with status IDs a couple months later. More unfortunately, I’m only getting around to applying the minor tweak to fix this, and a minor issue with applying the ‘last’ class when there’s only one LI element, now.

Without further ado, I present v0.7.1! Please accept my apologies for sitting on this issue for so long and let me know if you have any questions, comments, or feature requests. Also, the source code is on GitHub.

FYI – I started developing a major update back in March, including a few frequently requested features. Hopefully I’ll get that polished up sometime this year.

Twitter Statuses Badge V0.7 Released ¬

2010-11-10

I’ve just released Twitter Statuses JavaScript Badge v0.7 which includes the following improvements:

  1. Support for searches as or the usual individual user’s statuses.
  2. Now using John Gruber’s Improved Liberal, Accurate Regex Pattern for Matching URLs
  3. More flexible adding of classes (incl. a new ‘reply’ class).
  4. The examples (yes, there’s a new one for search) use purely CSS rendering (no images).

And, here’s the search example:

Drop me a line if you have any questions, comments, improvements, or feature requests. I have a few more features planned for the next release.

Twitter Statuses Badge V0.6.1 Released ¬

2010-05-27

As usual, a couple days after the latest release of my Twitter Statuses JavaScript Badge and I’ve already discovered important changes that need to be released. Unlike last time, I’m not going to wait another year.

It’s my pleasure to introduce Twitter Statuses JavaScript Badge v0.6.1.

There are only two changes in this release: clickable hashtag links (I don’t know how I missed that feature all these years) and tuned the JSON request to get smaller responses.

Drop me a line if you have any questions, comments, improvements, or feature requests.

Twitter Statuses Badge v0.6 Released ¬

2010-05-24

Just over a year ago (as my schedule seems to be) I released an update to my Twitter Statuses JavaScript Badge. Within two days I had further updates, including variables to override the name of the DIV element, hide the user’s icon, etc., ready to go, but I put it on the back burner as I was unhappy with the poor name-spacing.

About a month ago I rediscovered the postponed release, so this weekend I completely revamped my name-spacing. You know what that means? I better release v0.6 before I delay it again!

So, without further ado: Twitter Statuses JavaScript Badge v0.6

And the release notes are as follows:

Further namespacing improvements plus variables for defaults/settings. Re-implemented @reply filtering, limiting tweet count, and added changing of the element ID and disabling the icon.

This release really solidifies the base I’ve built up over the past few years and gives me something to build upon for the features I have in store.

Please let me know if you have any questions or feature requests.

Multiple Twitter Statuses Badges ¬

2009-04-06

I’ve been getting an increasing number of questions about my JavaScript Twitter Statuses Badge as of late and this past week the most prominent questions have been regarding using multiple Twitter badges on the same page. Here’s an except from one of my answers via email:

As it stands, due to the way the Twitter API works, it will only display one per page. That said, it is definitely possible to make it work with the following hacks:

1. In the mtaTwitterStatuses.js file, you can duplicate the mtaTwitterCallback() function and name it something like mtaTwitterCallback2().

2. Also in mtaTwitterStatuses.js, you’d then have to modify the last line of your new function, mtaTwitterCallback2(), to replace document.getElementById('mtaTwitter').innerHTML with document.getElementById('mtaTwitter2').innerHTML (note the change to ‘mtaTwitter2’.

3. Then, in your HTML, you’d want to put <div id="mtaTwitter"></div> where you want your first badge, <div id="mtaTwitter2"></div> (note the same change to “mtaTwitter2”) where you want your second badge.

4. Also in your HTML, you’d want to put the following just before the </body> tag:

<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/morgant.json?callback=mtaTwitterCallback&amp;count=1"></script>
<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/slottedpiginfo.json?callback=mtaTwitterCallback2&amp;count=1"></script>

Note the “mtaTwitterCallback” & “mtaTwitterCallback2” in the above, in addition to the two different twitter account names (“morgant” & “slottedpiginfo”, in this case).

I’m currently considering my options for implementing better support for multiple badges on the same page for a future release, but I hope this helps in the meantime.

Twitter Statuses Badge v0.4 ¬

2009-02-12

I’ve got a new version of my JavaScript Twitter Statuses Badge out for you all.

This version, 0.4, includes some minor modifications to the regular expression for @replies to fix some formatting & issues when they were abutting punctuation.

I’ve also further reduced the amount of HTML you need to include down to a single DIV element (plus the JavaScript include & call, naturally). You’ll have to replace the HTML and probably tweak your CSS (only slightly) to handle the changes, but I don’t intend to change the HTML again for quite some time.

As always, the latest version can be downloaded from the development page.

Update: I’ve released version 0.4.1 with a README file containing an overview, basic instructions, and change log. There are no other changes, so if you don’t need the README, you don’t have to worry about updating.

Another Twitter Statuses Badge Update ¬

2009-01-12

First I wait nearly two years for an update and then only a matter of days. I had actually intended to release this update nearly immediately after the last update, but twitter was having some issues when I was attempting to complete my testing. This weekend’s testing was successful, so here’s the latest update to my Twitter Statuses Badge.

Version 0.3 now includes clickable @replies and links. Many thanks to René van Meurs for the regular expressions.

As always, the latest version can be downloaded from the development page.

Updated Twitter Statuses Badge ¬

2009-01-07

I’ve updated my Twitter Statuses Badge to include Jon Aquino’s IE date parse fix, some function name changes to reduce the possibility of namespace clashes, and tweaked the CSS a tad.

It’s a tiny update to a nearly two year old hack, but hopefully it’s still helpful to many of you. Version 0.2 is now available from the development page.

Twitter Statuses Badge ¬

2007-05-07

A couple weeks ago, my friend Jimmy saw a modification of the Twitter JavaScript badge that I had whipped up for the coming site redesign and liked what he saw. He decided to integrate it into his site, but wanted a few more features: most notably, the ability to display more than once recent tweet.

So last week I took an hour to clean it up and improve it. The end result is as follows:

The main features of this modification are:

  • The twitterer’s icon, which links to their twitter page.
  • One or more of the twitterer’s recent tweets.
  • Tweet date-stamp that links to that tweet’s permalink.
  • More CSS hooks for more advanced styling, including: ‘first’, ‘last’, ‘even’, and ‘odd’ classes on the list item tags.

You can download following package which contains a stand-alone copy of the JavaScript, plus an example theme (CSS) for it that mimics much of the Twitter look (as seen above):

twitter_statuses_badge

Please note that the included example CSS stylesheet does not render exactly as intended in Firefox and has not been tested in Internet Explorer for Windows. It was hacked together pretty quickly and tested in Safari, but does fail fairly gracefully in IE for Mac1. I’ll leave those fixes as an exercise for the reader.

I’d highly suggest also taking a peek at Jon Aquino’s modifications as well, because he’s got a fix for date parsing in IE (it doesn’t appear to work in IE for the Mac, though) and provides a similar hack with no additional CSS hooks and such.

I do intend to release additional features that I’m currently developing for my site so check the development page for the latest release.

I hope you all find it useful! I also am interested to hear if anyone wants it wrapped into a Textpattern plug-in.

Update: There were some errors in the gzipped-tarball that have been fixed and I now also provide a zip archive alternative.

Another Update: Version 0.2 0.3 0.4 0.5 0.6 0.6.1 0.7 0.7.1 0.7.2 has been released and is available from the development page.

1 If I didn’t personally have a collection of Classic Macs, I probably wouldn’t even bother testing it anymore.