Posts tagged 'Web'

A List Of Weird Song-Site Memes

trololololololololololo.com has been making the rounds around Twitter the past couple days. The site shows a Russian man singing a cheery song in what I assume to be Russian. How could you not listen to it over and over? Justin Erik Halldór Smith has a good write-up about the background of this video on his blog if you want to read all about its history.

Seeing this site reminded me of a few other wacky-song memes that made their way across the Internet. If you like trololololololololololo.com, you’ll like these similiar sites. All of them are songs and most of them loop infinitely. Enjoy!

http://www.lalalalalalalalalalalalalalalalalala.com/

http://www.iiiiiiii.com/

http://www.ooooiiii.com/

http://www.dabadabadab.com/

http://www.lalalaa.com/

http://www.leekspin.com/

http://www.manamanadoodoodoodoodoo.com/

http://breadfish.co.uk/

http://www.getonmyhorse.com/ & http://shutupwomangetonmyhorse.com/

All of these sites descend from badgerbadgerbadger.com which first launched in September, 2003.

Dummyimage.com Sees A Surge In Interest

Way back in August of 2007 I built a simple PHP tool that generates place-holder images at different size by simply changing the URL. The idea came to me when I was working on a redesign for USNews.com. I hated opening up Photoshop, creating a new document,  filling the background layer, and exporting for web just to make a simple placeholder image. That is why I made dummyimage.com.

I figured it would be useful to other people which is why I also released the complete source code, documented and including instructions for setting it up on your own server. But like most new things, few gave it any notice.

The other day my friend Charlie Park (founder of Pear Budget) found it when doing some in-browser wire-framing and sent out a tweet to all of his followers. But he didn’t stop there. Charlie also posted it to Hacker News, a simple news aggregator aimed at geeks. It was obvious that my little tool was resonating with other developers with the tagline “Lorem ipsom for images.” In 24 hours, the Hacker News story got 161 votes with 77 comments, 513 people bookmarked it on del.icio.us, and 337 tweets.

What really struck me was how dummyimage.com was crossing the language barrier. I saw tweets mentioning in SpanishJapanese, Russian, German, Dutch, even Latvian. I’m glad my idea was simple enough that foreign speakers could easily pick it up without any translation help.

All of this sudden attention also produced helpful feedback and new feature ideas. I started working on an update this past December for a few additions I wanted to see but this recent surge of interest has lit a fire under my butt to continue developing. As is the nature of opensource software, people don’t have to wait for me; they can adapt the code to their own needs. Here are some iterations that have already been made:

And somewhere down the line I would like to give it an attractive homepage. Hooray for side projects!

AOL Goes MTV With Latest Rebranding

Aol rebranding logos

AOL offered a glimpse into their re-branding today and most of the web was left dazed and confused (55% of the respondents to a RedWriteWeb poll hated it). AOL simply decapitalized the “O” and the “L” and added a dot at the end. While the logo itself will stay the same, the background will change continuously foregoing a traditional mark.

It’s certainly an off-kilter strategy but a good fit for a company trying to reinvent itself. I’m a fan of the new look.

The dot part wasn’t really explained well in the media coverage. Aol. plans to brand their various properties like Aol.Shopping and Aol.Mapquest. It’s meant to tie all of Aol.’s vast content together.

As for the random background images, I think it is fun and keeps things interesting. Bing is doing the same thing with their background images on the main search page and Google’s doodle logos are in a similiar vein. MTV, a company outside of the Internet space, is famous for the many variations of it’s logo. Aol.’s re-branding strategy certainly isn’t anything new and in fact feels more like the front end of a trend.

Various MTV logos

While Aol.’s re-branding efforts are modern and edgy now, I doubt it will have the lasting power of their previous branding.  It’s not perfect but it’s just what the company needs as it prepares to go alone as it spins off from Time Warner. Besides, look how many people are talking about the company after so many years of media obscurity.

Grooveshark 2.0 Keeps Getting Better

My favorite online streaming music service just keeps on getting better. Today Grooveshark gave their VIP members a peek at their new 2.0 release.

Grooveshark 2.0 Screenshot

According to their blog post these are a few of the major enhancements.

  1. A brand new interface: almost everything has changed in the visual look and feel
  2. Add any song on Grooveshark to your library without uploading
  3. Sorting: You can now sort lists by Song Name, Artist Name or Album Name
  4. Drag-and-drop playlist editing
  5. Themes: Make Grooveshark look the way you want
  6. Improved player: more room for your songs
  7. Better caching: back and next should be much faster now
  8. Seeking: now you can skip to your favorite part of a song with the click of a mouse.

Seeking in Grooveshark 2.0
The seek bar lets you jump to any point in a song.

Left side navigation Grooveshark 2.0
The left side navigation lets you seperate different groups of music for easy access.

Bigger album art Grooveshark 2.0
Bigger album art puts the current playlist front and center.

The new interface is a joy to use. The new sorting options and the ability to jump around to any point in the song make Grooveshark like an online version of iTunes that has an Internet-wide shared library. Bigger album art is a nice upgrade over the thumbnails used in the old interface. It used to be a pain going through your favorite songs but now you can add them to your library (which has much more robust sorting options) with the click of the music note icon. New themes are interesting to keep things fresh. I imagine there will be dozens more added over the next few months.

One of the new features I stumbled on that wasn’t mentioned everywhere were RSS feeds. Right now there are three: Songs I Favorite, Songs I Listen to, My Zeitgeist (which is empty at the moment). It would be nice to see Grooveshark automatically send song info to your Last.fm account.

The only other feature really missing from Grooveshark is a hook in the player for controlling it with global shortcuts. I would really love to set up a key combo to play/pause, skip tracks, and favorite tracks without ever bringing the app into focus. The best part is how Grooveshark listens to their community through Get Satisfaction.

I’m confident this is only the beginning of improvements and I’m glad I plunked down my $30 for a year of VIP membership.

Perhaps The Greatest T-Shirt Ever Made

Threadless.com, the user submitted/public chosen t-shirt store, is my favorite source for shirts. I’ve built up quite a collection over the years; 19 to be exact. But this shirt tops them all…


Three Keyboard Cat Moon T-shirt from Threadless.com

Now if you’re not up to date with the latest Internet meme’s you might be a bit perplexed right about now. Allow me to explain. This shirt is a combination of two viral Internet sensations.

The first is a YouTube video of a cat playing the electronic keyboard dubbed “Keyboard Cat

The video has nearly two-million views and has become even more popular by people splicing it to the end of blooper clips as if to “play” that person offstage after a goof or follie. These have become known as Play Him Off, Keyboard Cat videos and PlayHimOffKeyboardCat.com has the best collection of all of them.

The second meme in this shirt is from the Three Wolf Moon t-shirt

Three Wolf Moon T-shirt

The shirt became popular for it’s sarcastic reviews promoting the great things that have happened to the people who bought the shirt. Hundres of comments were posted like this one, making the shirt an Amazon best seller

“I admit it, I’m a ladies’ man. And when you put this shirt on a ladies’ man, it’s like giving an AK-47 to a ninja.”
– T. Huynh “photo bum”, Amazon reviewer

The shirt managed to get over 9,000 diggs and a dedicated song thanks to CollegeHumor.com.

So now you can see how that is one of the best t-shirts ever made. But this shirt also made history of it’s own by being the fastest trending t-shirt in Threadless.com’s 9 years of operation.

“This design was submitted, and before we even noticed we saw it start to trend on Reddit. We put it up for scoring and it started gathering up 5’s faster than we could ever imagine. Over just one weekend Three Keyboard Cat Moon accumulated more scores than any other design in 9 years of Threadless history and the highest average score to boot. We listened and put it up for sale immediately. This is the first time we’ve actually ended scoring early in favor of printing the design.”
– Jake Nickell, Threadless founder

The shirt is $20 and I just ordered mine using a gift certificate from a former colleague. Don’t be surprised if they sell out faster than the keyboard cat can play you off. Satirical irony FTW!

Move Over Pandora, Hello Grooveshark

I’ve been a long time fan of Pandora, an automated music recommendation and Internet radio service. Users enter a song or artist that they like, and Pandora responds by playing similiar music. The recommendations come from the Music Genome Project, a complex mathematical algorithm to organize songs using more than 400 attributes. You can give a song a thumbs up or thumbs down to help tweak the station to your liking. Pandora has been my sole source of music while at work. Programs like PandoraBoy for the Mac and Open Pandora for Windows turn the web player into a standalone desktop app complete with keyboard shortcuts. Pandora offers it’s own standalone application with higher quality sound and no ads for $36 a year.

While the musical recommendations have been very good, my radio stations quickly become stale. The same songs keep coming up again and again and the only way to rectify it is to create a new station. You also can’t search out a song and play it on demand. You give Pandora a song or artist to use as a seed for generating similiar songs that make up your station.

Compare this with Grooveshark which provides the ability to listen to single songs from the 7-million song catalog on demand, save playlists, and embed both on other sites; all for free. The user interface borrows heavily from the iPhone with sliding menus and a minimalist design. The application is a cinch to use.

Grooveshark interface screenshot

Hovering over a song brings up four small icons: play, add to queue, more info, and embed. The more info menu brings up more options like browsing the artist or song, adding it to a playlist or your favorite list that you can recall later, and a list of similiar songs. After you get tired of looking up every song you can think of, make use of the autoplay feature which keeps the songs coming based on your listening history. You can also like/dislike songs which Grooveshark suggests to further tune your song list. You can see it in action below thanks to ben westermann-clark:

Grooveshark is reminiscent of the golden age of Napster where nearly every song was available at your fingertips only without downloading anything. What’s the legality of Grooveshark? I’m not really sure, but the company claims to have license agreements with a long list of record labels. It doesn’t really matter since you can use the site without signing up, which you only have to do if you want to save songs or playlists.

The only thing Grooveshark is missing is a desktop client with keyboard shortcuts though it sounds like that is coming sometime real soon. In the meantime I’ll just use Fluid or Mozilla Prism with a nice custom icon to complete the effect. It seems crazy to use any other online or offline music client now that I’ve gotten to know Grooveshark.

Seesmic Desktop Takes Twhirl To The Next Level

Screenshot of Seesmic Desktop Preview with columns.

Twhirl has been my favorite Twitter client until today when the Seesmic Desktop preview launched. Seesmic, who bought the Twhirl client a year ago, has taken the product to the next level. Taking a few hints from Tweetdeck, this update brings the ability to create groups for who you follow as well as display multiple columns to help cut through the stream of noise. The grouping feature is a nice addition but is a little bit clunky without a way to see all the people you are following in one place so you can easily sort people into groups. The only way to add someone is clicking an icon over their avatar. In addition to people you can also add columns for search terms. People with multiple Twitter accounts will be happy to know that you can manage different usernames from one interface with the option to view them combined or separate.

URL shortners include bit.ly, digg.com (with their new DiggBar), is.gd, snurl.com, tr.im, and twurl.nl. You can also post pictures but the only service available is the dominant TwitPic.

Like any new release, there are a few things that can be improved. Customization features are sparse. Things missing are the ability to adjust font size and styling (important when you want to optimize scanability) as well as colors of the interface. The notification pop-up (my favorite part of Twhirl) no longer shows a preview of the incoming tweets but merely indicates what type of tweet has arrived (reply, direct message, or “friend update”) and for which account that tweet was sent to. I hope in future releases they add this functionality.

Seesmic Desktop Preview application in a single column mode.

For people who use Twitter as an information fire hose, the Seesmic Desktop client will be a handy tool for managing the information overload. I always liked Twhirl for it’s lightweight memory usage which really turned me off to the sluggish Tweetdeck. We’ll see how well this tool performs after a couple days of usage. And I’ll continue to follow the developments as Seesmic brings their video-conversation service into the mix with Twitter updates. Just imagine how cool that would be to view and respond to video comments Twitter style in a dedicated application like this!

DiggBar Brings Digg Features To Any Page

A screenshot of DiggBar in action.

Finally, a toolbar I might actually use. Digg unveiled their new toolbar/URL shortner today, though it’s not a toolbar in the traditional sense. Instead of downloading an add-on all you have to do is add digg.com/ to the front of the URL you’re currently viewing. How clever is that? The service will take you to a shortened URL, suitable for sharing on Twitter, as well as bringing all the goodness of Digg into a subtle, compact toolbar above the page. From there you can digg or submit a story, view comments from other diggers, bury the story, see related stories or peruse random stories that have already made the front page of Digg.com. Your Facebook and Twitter friends don’t have to be out of the loop since share buttons for the two services are also included. Check out the video below for a demo:

I really like this new feature which aims to take on Stumbleupon and tinyURL at the same time. To make it even easier to use I wrote a bookmarklet that you can use to add digg.com/ to the front of any URL with the click of a button. Just like a real toolbar! To use it drag the link below to your bookmark toolbar.
Update: Nevermind, you’re probably better off using the official DiggBar bookmarklet.

Digg Toolbar

Twouble In The Twitterverse

If you’ve heard of Twitter and haven’t seen this video I pity you.

Now go follow me.

Mozilla Needs Your Feedback For Their Redesign

What does an open-source company do when they need to re-design their site? Open up the decisions to their community. Mozilla has reached out to Happy Cog Studios, noted for their WordPress interface revamp, to give Mozilla.org a makeover. Round 1 of the project is up at RedesignMozilla.org with three mock-ups ready for a critique from anyone who can fill in a comment form.

None of the designs really jump out at me. The 2nd concept tickles my fancy the most but the header is too big and lacks the focus on Mozilla’s projects which is what the Mozilla Foundation is all about. I guess what I like the most about concept2 is the colors. Concept3 seems a little too gimicky/amateur and concept1 is too bland.

Blue and orange grunge concept for Mozilla.org redesign.

Open-source is all about sharing and listening to feedback. When it comes to a redesign, the more feedback you can get the better. I wish we could do a community-involved redesign at work. I wonder what people would come up with?

(via Daniel Mall)