Comments on: View Source Tutorial: Sticky Notes With HTML5 and CSS3

By: FofR

FofR — Mon, 19 Oct 2009 10:03:51 +0000

Small usability issue, trying to select text within the notes is incredibly painful, as instead of selecting the text, the note moves.

By: brianharper

brianharper — Thu, 15 Oct 2009 00:56:20 +0000

Word of warning: If you’re using FF 3.5 and you click in the demo area, you’ll get some truly funky behavior. After encountering an error message with a spinner that wouldn’t stop until I tried the escape key, I now see a “ghosted” image of the two sticky notes in the middle of my browser. It doesn’t go away when I switch tabs or navigate to other sites, it’s like it’s permanently etched into the browser window. So now I have to restart my browser to be able to use it again effectively.

I’d highly recommend implementing some old-fashioned browser detection here, or at least moving the warning up to somewhere before the demo box itself. Maybe at one point the demo degraded gracefully, but it sure doesn’t do so in FF 3.5.

By: adardesign

adardesign — Wed, 14 Oct 2009 20:31:00 +0000

what is the Yiddish coming in here?

By: AnM8tR

AnM8tR — Wed, 14 Oct 2009 18:58:29 +0000

A lot of work went into that article. Thanks Brad!

By: someguynameddylan

someguynameddylan — Wed, 14 Oct 2009 16:58:12 +0000

I love these informative posts, please keep ‘em coming :)

By: MrPaipai

MrPaipai — Wed, 14 Oct 2009 16:21:06 +0000

Great article ! great webkit !
Thanks.

By: smith

smith — Wed, 14 Oct 2009 14:19:15 +0000

This is a nice article and series, with lots of useful illustrations of these techniques. Can’t wait for more.

Here’s another take on the stickies idea: http://websticki.es/