[{"data":1,"prerenderedAt":398},["ShallowReactive",2],{"project-3560321":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":47,"post_text":48,"what":49,"said":75,"maker_in_thread":189,"shape":201,"grid":204,"attempts":361,"same_week":362,"maker_shows":45,"maker_hidden":390,"reader_version":391,"card":392},"3560321","Tinycon","Favicon alert bubbles","title","Show HN: Favicon alert bubbles","http:\u002F\u002Ftommoor.github.com\u002Ftinycon\u002F","tommoor.github.com","tommoor",1328585650,2012,271,63,48,1677,3,"legend","dev_tools","javascript library","library",[24,25,26,27],"favicon","notification badge","javascript","browser tab alerts","debated",-0.096,{"positive":31,"neutral":32,"mixed":33,"critical":34},10,18,0,12,40,{"design":37,"idea":39,"docs":42,"execution":43,"performance":46},{"positive":18,"critical":38},6,{"positive":40,"critical":41},4,1,{"positive":33,"critical":33},{"positive":44,"critical":45},2,5,{"positive":41,"critical":33},[33,41,33,33,33,18,45,18,18,41,18,33,45,18,18,41,18,45,45,18,41,33,18,45,41,41,18,45,41,33,18,41,41,41,41,41,18,45,18,45],"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!\n\nIt'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 \u002F dynamic favicons.\n\nThoughts welcome.",{"problem":50,"audience":56,"pricing":56,"motivation":57,"time_to_build":56,"stack":61,"openness":72,"stage":73,"team_size":74},{"value":51,"source":52,"evidence":53},"Showing alert counts when a site is pinned or tab title is hidden","maker",[54],{"id":55},"post",null,{"value":58,"source":52,"evidence":59},"Aesthetically nicer alert bubbles than existing approaches",[60],{"id":55},[62,66],{"value":63,"source":52,"evidence":64},"JavaScript",[65],{"id":55},{"value":67,"source":52,"evidence":68},"HTML canvas",[69],{"id":70,"by":11,"text":71},"3561258","The library does use feature detection to detect canvas support, browser sniffing is only to fix some small rendering differences between browsers.","open_source","launched","unknown",{"praise":76,"objections":104,"requests":133,"questions":156,"alternatives":170},[77,93],{"value":78,"source":79,"evidence":80},"Nice looking, useful for pinned tabs","commenter",[81,85,89],{"id":82,"by":83,"text":84},"3560633","mbrzuzy","I was just the other day thinking of whether something like this exists, and this library is very aesthetically pleasing indeed.",{"id":86,"by":87,"text":88},"3560660","josscrowcroft","Excellent stuff. I find the best javascript micro libs are built with one specific purpose in mind, like at work or on a startup, then extracted out and open-sourced :) I'd…",{"id":90,"by":91,"text":92},"3560698","paintAcquaint","This is very cool. Great job! I wonder how cpu intensive it'd be to generate a simple bounce animation.",{"value":94,"source":79,"evidence":95},"Dynamic counts and fixes made quickly",[96,100],{"id":97,"by":98,"text":99},"3561575","jacobr","Indeed it does, thanks!",{"id":101,"by":102,"text":103},"3561855","wilhelm","Opera. (c: This morning I got the fallback display, but now it works fine. Thanks! I'll definitely use this on one of my projects.",[105,112,119,126],{"value":106,"source":79,"evidence":107},"Numbers too small to read",[108],{"id":109,"by":110,"text":111},"3562294","rhplus","I found the numbers too small to be readable. I'd expect that two states (notify on, notify off) would be enough to serve the same purpose for most users, perhaps with the number…",{"value":113,"source":79,"evidence":114},"Title-count fallback works better than favicon styling",[115],{"id":116,"by":117,"text":118},"3560481","abcd_f","While I appreciate a good piece of code and the need to reinvent a wheel, I wouldn't call your implementation \"aesthetically pleasing\" either. IMO your fallback option is the…",{"value":120,"source":79,"evidence":121},"Favicon size limits constrain the design",[122],{"id":123,"by":124,"text":125},"3560651","artursapek","Changing the title bar is ineffective; you either make the title blink between two states which is a blaring annoyance and terribly distracting (GChat), or you just add a modest…",{"value":127,"source":79,"evidence":128},"Did not work in Firefox at first",[129],{"id":130,"by":131,"text":132},"3560460","simcop2387","Anyone else seeing this not work in firefox? In the javascript console i see several \"Tinycon not defined\" problems on firefox 10.",[134,142,149],{"value":135,"source":79,"evidence":136},"Cap large numbers with 99+ or 20+ style display",[137,138],{"id":86,"by":87,"text":88},{"id":139,"by":140,"text":141},"3560497","joshmanders","I see in the demo it stops at 99, does it not handle 3 digits very well? If it doesn't would it be good to make it do say 99+ like Gmail does?",{"value":143,"source":79,"evidence":144},"Support icons larger than 16x16",[145],{"id":146,"by":147,"text":148},"3560652","ScottMFisher","Brilliant! One problem I've found is that it can't handle icons larger than 16x16 (it crops them).",{"value":150,"source":79,"evidence":151},"Turn into a Chrome extension",[152],{"id":153,"by":154,"text":155},"3562060","twodayslate","This should be turned into a chrome plugin. Similar to http:\u002F\u002Fwww.howtogeek.com\u002F92562\u002Fadd-an-easy-to-view-notification-badge-to-tabs-in-firefox\u002F",[157,163],{"value":158,"source":79,"evidence":159},"Which browsers are supported",[160],{"id":161,"by":102,"text":162},"3561166","This is cool, but why does it only work in some browsers?",{"value":164,"source":79,"evidence":165},"What license it uses",[166],{"id":167,"by":168,"text":169},"3561446","sambenson","What license is this being released under?",[171,175,182],{"value":172,"source":79,"evidence":173},"Appending count to page title",[174],{"id":116,"by":117,"text":118},{"value":176,"source":79,"evidence":177},"Notificon library",[178],{"id":179,"by":180,"text":181},"3561362","rehashed","Have you seen: https:\u002F\u002Fgithub.com\u002Fmakeable\u002FNotificon",{"value":183,"source":79,"evidence":184},"Gmail unread count userscript",[185],{"id":186,"by":187,"text":188},"3561698","ericbogs","I would argue that the favicon styling used in this Gmail Unread Message Count userscript is a bit nicer looking? http:\u002F\u002Fuserscripts.org\u002Fscripts\u002Fshow\u002F39432",{"comments":190,"answered":45,"key":191},15,[192,195,198],{"id":193,"text":194},"3560333","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…",{"id":196,"text":197},"3560623","Hey, the number in title approach definitely has its place! (There's a reason why Facebook, Google use that approach right?) But if you have an audience skewed towards modern…",{"id":199,"text":200},"3560656","Great idea, something like this would be really nice to see integrated into the browser tabs themselves.",{"commenters":202,"max_depth":38,"maker_replies":190,"first_comment_mins":18,"lifespan_hours":203},38,22,[205,207,209,213,216,219,221,223,225,229,232,235,238,240,242,243,244,247,250,252,256,259,262,265,268,270,273,275,277,278,280,283,286,289,292,294,296,298,299,303,304,306,309,310,314,316,318,320,322,324,327,331,334,336,338,340,343,345,347,349,351,353,357],[193,33,33,206,11,41],"project\u002Fpositive\u002Fidea",[116,33,41,208,117,33],"project\u002Fcritical\u002Fdesign",[210,33,33,211,212,33],"3560515","commenter\u002Fneutral\u002Fnone","falling",[214,33,33,211,215,33],"3560642","the-cakeboss",[217,33,33,211,218,33],"3560675","Gigablah",[220,33,33,211,215,33],"3560727",[222,33,33,211,117,33],"3560781",[224,33,33,211,212,33],"3564497",[226,33,18,227,228,33],"3560525","project\u002Fneutral\u002Fidea","rjvir",[230,33,18,227,231,33],"3560595","jbri",[233,33,45,206,234,33],"3561160","rplnt",[236,33,18,227,237,33],"3560603","mooism2",[239,33,18,227,87,33],"3560662",[196,33,33,241,11,41],"maker\u002Fneutral\u002Fidea",[123,33,41,208,124,33],[199,33,33,206,11,41],[245,33,18,227,246,33],"3560659","kisielk",[248,33,33,249,124,33],"3560668","other\u002Fneutral\u002Fidea",[82,33,45,251,83,33],"project\u002Fpositive\u002Fdesign",[253,33,18,254,255,33],"3561084","maker\u002Fneutral\u002Fdocs","mikeburrelljr",[257,33,33,258,11,41],"3561100","maker\u002Fneutral\u002Fnone",[260,33,18,261,234,33],"3561163","project\u002Fneutral\u002Fnone",[263,33,18,261,264,33],"3561261","raphman",[266,33,41,267,98,33],"3561173","project\u002Fcritical\u002Fexecution",[70,33,33,269,11,41],"maker\u002Fneutral\u002Fexecution",[271,33,18,272,264,33],"3561264","project\u002Fneutral\u002Fexecution",[274,33,33,269,11,41],"3561402",[97,33,45,276,98,33],"maker\u002Fpositive\u002Fexecution",[86,41,45,206,87,33],[279,41,33,241,11,41],"3560711",[281,41,18,227,282,33],"3562569","pavel_lishin",[284,41,18,227,285,33],"3562744","donohoe",[287,44,41,208,288,33],"3560466","verelo",[290,44,33,291,11,41],"3561599","maker\u002Fneutral\u002Fdesign",[139,18,18,293,140,33],"project\u002Fneutral\u002Fdesign",[295,18,33,291,11,41],"3560632",[297,18,45,206,140,33],"3560650",[109,18,41,208,110,33],[300,40,33,301,302,33],"3560526","other\u002Fneutral\u002Fnone","paramaggarwal",[130,45,41,267,131,33],[305,45,33,269,11,41],"3560618",[307,45,18,272,308,33],"3561616","morturus",[90,38,45,251,91,33],[311,38,45,312,313,33],"3560813","project\u002Fpositive\u002Fperformance","zrgiu_",[146,315,41,267,147,33],7,[317,315,33,269,11,41],"3560978",[319,315,33,269,11,41],"3561430",[153,321,18,227,154,33],8,[186,323,41,208,187,33],9,[325,31,18,293,326,33],"3561902","pedalpete",[328,329,41,208,330,33],"3562396",11,"malandrew",[332,329,18,293,333,33],"3562423","ashconnor",[179,34,41,335,180,33],"project\u002Fcritical\u002Fidea",[337,34,33,258,11,41],"3561595",[161,339,41,267,102,33],13,[341,339,41,267,342,33],"3561353","lnanek",[344,339,18,272,102,33],"3561376",[346,339,33,269,11,41],"3561583",[101,339,45,348,102,33],"project\u002Fpositive\u002Fexecution",[167,350,18,261,168,33],14,[352,350,33,261,11,41],"3561592",[354,190,45,355,356,33],"3560365","maker\u002Fpositive\u002Fdesign","masonhensley",[358,359,45,206,360,33],"3560647",16,"drivebyacct2",[],[363,368,373,377,382,386],{"id":364,"name":365,"points":366,"category":367},"3557805","JobPoacher",182,"web_saas",{"id":369,"name":370,"points":371,"category":372},"3560750","Cron.io",153,"infrastructure",{"id":374,"name":375,"points":376,"category":20},"3546149","PageBlox",134,{"id":378,"name":379,"points":380,"category":381},"3553793","JavaScript Instagram-like Filters",127,"creative",{"id":383,"name":384,"points":385,"category":20},"3558466","Parallax.js",108,{"id":387,"name":388,"points":389,"category":20},"3541060","Hackerest",95,false,"v2",{"id":393,"name":5,"line":6,"ai":390,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":394,"top":18,"kw":395,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":396,"url":9,"mix":397,"praise":78,"objection":106,"sub":21},3560321,-0.1,[24,25,26,27],"0100035331305331355310351135103111113535",[31,32,33,34],1793990878671]