Corkboard app, all in HTML/CSS/Javascript

[timothyjcoulter]

Hey! Go to http://corkboard.me instead of the link set by ycombinator. corkboard.me automatically gives each person their own personal corkboard, but it does this through a 302 redirect. I should probably change this in the future, but for now go directly to http://corkboard.me for your own. (Admins, if you could change the link I'd appreciate it. Thanks!) -- Tim

[canadaduane]

It seems to have been updated to the direct link now. Neat simple site.

[sili]

It would be nice to be able to zoom in and out to see more or less at a time. In general, this concept lands itself well for Google maps API where you model your board as a map and it handles scrolling and zooming for you.

Edit: something similar to this http://www.conwaylife.com/

[Timmy_C]

The zoom in my browser seems to work fine.

[Kilimanjaro]

Off topic as usual, but interesting from the developer and user point of view.

If you are going to give me a 10 char ID, please make it all lower case and without numbers, I hate hitting shift or having to move my eyes from the keyboard to the numpad and back.

So, aren't 26 lowercase chars enough?

26^10 = 141,167,095,653,376

A hundred and forty trillion options!

* Hey Tim, nice app btw.

[zach]

Neat app and one of the best examples of a keep-it-simple webapp I've seen.

But let's talk about the ID. Sure, it's a hundred and forty trillion, but it's also less than 48 bits. Note that every visit to the site's root URL generates a new ID, and compare with The Fridge which (very reasonably) uses a 128-bit-equivalent ID: 25 alphanumerics!

I'm not buying this "hard to type" argument. First, an app would ideally just allow you to get a more-typable version if you specifically request it. Second, how often are you typing in IDs? When the URL is on paper or on another device? I'm thinking it's not often enough to truly affect usability. Third, I use a keyboard that doesn't even have a numpad and somehow I get by.

Finally, let's say we spec out that we do want at least 47 bits of IDs. The site can get there by using 10 lowercase letters or 8 of all alphanumerics. Game over. Now the lowercase option comes down to adding two characters for the sake of better typability, which is a crummy trade. Not only for Twitter reasons but because the longer the URL is, the less shareable it looks.

[rudasn]

I see this type of ID everywhere and I'm curious as to how they are created and how "random" they are (the chances of generating two of the same). A python snippet would be great, of course :)

[GavinB]

Or better, give the option to change to a vanity id.

[wushupork]

I did a corkboard concept over a year ago but it was mostly a UI exercise that incorporated mouse gestures for input (there was no backend). http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkb... Flash-haters don't hate

[mike-cardwell]

Doesn't work with some character sets. I just entered:

これは、いくつかの日本です

Then went away and came back, and all the characters had turned to question marks.

[pshapiro]

I think you mean, "いくつかの日本語"... :)

[zach]

Obviously, you entered it on a non-Japanese-speaking corkboard.

[harisenbon]

That's strange, Japanese input worked for me. (Chrome / Japanese Win7)

Maybe they fixed it?

[golfga]

It would be nice if you allowed us to rename our corkboard (corkboard.me/[my_name_or_whatever]) to something more meaningful, then I can get to it from work or home without checking my delicious account.

[timothyjcoulter]

This is very easy to do. Will be in the next release. --Tim

[adovenmuehle]

Could you make it more obvious where to click and hold to drag?

I think you want to allow the user to select the text with the mouse without moving the note, but maybe some kind of styling at the bottom and top of the note to designate a "drag" zone.

[smokinn]

I agree. It would be much clearer if you used a hover css property and put cursor: move;

[Rygu]

Very cool! I need some more colors and other type of post-it (photos?) though before I seriously consider using it...

[arethuza]

If you paste an image URL into a note it shows the image

[timothyjcoulter]

One of the top requested features so far (colors). I have it on my list.

[snarfman]

Looks like a neat idea, but can you please add a Terms of Service page, even if it's just a brief one? That might set folks a bit more at ease for posting their TODOs and reminders.

[Robin_Message]

Looks really good. One small refinement: deleted notes could appear on a list in the corner say - maybe with a screwed up motif - so I can recover something I delete by accident :-)

[jollyjerry]

You could even build in a wastebasket paper toss game :)

Great simple app.

[pshapiro]

Very cool, well built.. but from a UX/UI perspective, it strikes me as a little bit odd that I would be sticking post-its to a cork board. Maybe a refrigerator or whiteboard texture would be more fitting. Or, so that you don't have to change your domain and branding, you can add thumbtack graphics.

[thetomreynolds]

Works nicely in iOS too. Well done.

[wushupork]

Very well done. It's nice and simple as software should be.

[kls]

This thing would be great for story-boarding if it supported images and other media types. IFrame would be cool to be able to bring in external content into one of the notes. With a few more features, you got yourself a winner here. Making the controls contextual to the note could keep it simple. Let me know if you do decide to add other media types, I would be an avid user.

[hugs]

It does support images. Paste an image url into a new note, then hit return. For example: http://corkboard.me/mTJPwxMRha

[jason_slack]

Kick Ass!. Plain and Simple.

Some refinements - Mac, 10.6.5, Firefox 3.6.12, Creating a new note only happens in the lower right corner. I have to drag it more to be able to use the note.

I would pay to use this on my small biz intranet. i.e license it.

[timothyjcoulter]

Thanks Jason! I thinking about ways of monetizing this. Send me your email or twitter handle and we can talk about getting you in as beta users (to tim [at] timothyjcoulter.com, free/low cost in exchange for feedback).

Bug noted. Will def check it out!

[dezwald]

Great Job - A month ago I had the thought of creating a similar cork board concept app myself, using html/js/css - today I open HN and I see your app - well done!

[lightopia]

It appears that two browsers (Firefox and Chrome) on the same machine can edit a board, but it can't be edited by two or more machines at the same time. Bummer.

[shapedbyregret]

Nicely done. I attempted doing something similar but it was not executed as cleanly as yours. Is there a way to pin items so I don't accidentally move them?

[snes]

Couple of bugs in Opera 11 beta.

New notes only appear in the middle of the entire board. When I close a note, it pops up a new one.

[joeag]

Would be cool to be able to draw lines and labels for columns, rows or squares to organize the post-its.