Tinycon is a javascript library that allows easy manipulation of the favicon to include nice looking alert bubbles. This means that users can pin your site and still see when their attention is needed! It's been done before, but in my opinion not in a way aesthetically pleasing enough for production use. This library also falls back to the standard number in page title approach for browsers that do no support canvas…
> This library also falls back to the standard number in page title approach for browsers that do no support canvas / dynamic favicons. I use Opera and it used fallback although favicon notification works for me in GMail or Meebo. You might check that out.
Show HN: Favicon alert bubbles
41–50 of 65 posts
Re: Show HN: Favicon alert bubbles
#42Earlier quoted context omitted.
It's a neat project, but you should really use feature detection rather than UA string sniffing. Both IE9 and Opera have canvas support, but they are not supported. I am pretty sure Opera has dynamic favicon support as well, not sure about IE.
The library does use feature detection to detect canvas support, browser sniffing is only to fix some small rendering differences between browsers.
Re: Show HN: Favicon alert bubbles
#43This is cool, but why does it only work in some browsers?
Personally, I would have just implemented in PHP. I already have a pretty trivial PHP script I use to overlay a site logo on images that are direct linked instead of accessed on one of my image serving sites. Although browsers might cache the favicon excessively even with the proper caching headers, would have to test. But as far as browsers would be concerned it would just be another image (even if it is generated dynamically by PHP and image magick the first time and only copied to output from a file cache after).
Re: Show HN: Favicon alert bubbles
#44Re: Show HN: Favicon alert bubbles
#45This is cool, but why does it only work in some browsers?
JS for what is normally an image seems pretty far out there, wouldn't surprise me if not many browsers supported yet. And JS itself often needs to be tested and tweaked on many browsers before it works on all. Personally, I would have just implemented in PHP. I already have a pretty trivial PHP script I use to overlay a site logo on images that are direct linked instead of accessed on one of my image serving sites. A…
Re: Show HN: Favicon alert bubbles
#46Tinycon is a javascript library that allows easy manipulation of the favicon to include nice looking alert bubbles. This means that users can pin your site and still see when their attention is needed! It's been done before, but in my opinion not in a way aesthetically pleasing enough for production use. This library also falls back to the standard number in page title approach for browsers that do no support canvas…
It's a neat project, but you should really use feature detection rather than UA string sniffing. Both IE9 and Opera have canvas support, but they are not supported. I am pretty sure Opera has dynamic favicon support as well, not sure about IE.
Opera now works a treat :)
Re: Show HN: Favicon alert bubbles
#47Brilliant! One problem I've found is that it can't handle icons larger than 16x16 (it crops them).
Re: Show HN: Favicon alert bubbles
#48Re: Show HN: Favicon alert bubbles
#49Earlier quoted context omitted.
It's a neat project, but you should really use feature detection rather than UA string sniffing. Both IE9 and Opera have canvas support, but they are not supported. I am pretty sure Opera has dynamic favicon support as well, not sure about IE.
Ok, i've updated this so the only UA sniffing is to discount Safari as it appears to have all the required support but doesn't allow dynamic favicons. I'm quite sure there isn't a way to feature detect this. Opera now works a treat :)
Re: Show HN: Favicon alert bubbles
#50This is cool, but why does it only work in some browsers?
Which browsers do you want? :p