[{"data":1,"prerenderedAt":137},["ShallowReactive",2],{"maker-chinchang":3},[4,34,57,77,98,119],{"id":5,"name":6,"line":7,"ai":8,"cat":9,"year":10,"points":11,"comments":12,"rec":13,"s":14,"top":15,"kw":16,"maker":21,"domain":22,"tier":23,"attempts":24,"strip":25,"url":26,"mix":27,"praise":31,"objection":32,"sub":33},9170571,"PerfAudit","Performance audit of caniuse.com",false,"dev_tools",2015,38,12,"curious",0.18,30,[17,18,19,20],"performance audit","web performance","page speed","frontend performance","chinchang","perfaudit.com","shown",0,"303150533053","http:\u002F\u002Fperfaudit.com\u002Fcase-study\u002Fcaniuse.com\u002F",[28,29,24,30],3,5,1,"Good idea to audit websites for performance","Perfmonkey requires write access to public repositories, which one commenter refused","performance auditing",{"id":35,"name":36,"line":37,"ai":8,"cat":38,"year":10,"points":39,"comments":40,"rec":41,"s":42,"top":43,"kw":44,"maker":21,"domain":49,"tier":23,"attempts":24,"strip":50,"url":51,"mix":52,"praise":54,"objection":55,"sub":56},9289061,"cta.js","Animate your 'action-to-effect' paths","creative",32,15,"roasted",-0.09,34,[45,46,47,48],"javascript animation","ui motion","css animation","cross browser","kushagragour.in","101010551055100","http:\u002F\u002Fkushagragour.in\u002Flab\u002Fctajs\u002F",[53,24,24,29],4,"Motion for guiding attention, not decoration, is a good idea","Only worked in Chrome, not cross-browser","animation library",{"id":58,"name":59,"line":60,"ai":8,"cat":9,"year":10,"points":61,"comments":62,"rec":63,"s":64,"top":65,"kw":66,"maker":21,"domain":49,"tier":23,"attempts":24,"strip":71,"url":72,"mix":73,"praise":75,"objection":76,"sub":67},10072472,"Kalu","Calculator concept for long and inter-linked calculations",17,18,"loved",0.27,55,[67,68,69,70],"calculator","javascript calculator","linked calculations","math notebook","000553503050103500","http:\u002F\u002Fkushagragour.in\u002Flab\u002Fkalu\u002F",[29,74,30,30],2,"Useful idea and clean concept","Math.x functions and function definitions did not work for one commenter",{"id":78,"name":79,"line":80,"ai":8,"cat":9,"year":10,"points":81,"comments":82,"rec":83,"s":84,"top":85,"kw":86,"maker":21,"domain":91,"tier":23,"attempts":24,"strip":92,"url":93,"mix":94,"praise":95,"objection":96,"sub":97},10614014,"Screenlog.js","use console.log without opening the console",25,8,"mixed",0.25,41,[87,88,89,90],"console.log","javascript debugging","mobile debugging","browser console","github.com","51003055","https:\u002F\u002Fgithub.com\u002Fchinchang\u002Fscreenlog.js",[28,30,24,30],"Useful for debugging on devices without console access","Doubt that bugs disappear when the console is open, as the issue is usually the opposite","javascript debugging library",{"id":99,"name":100,"line":101,"ai":8,"cat":9,"year":102,"points":103,"comments":104,"rec":83,"s":105,"top":29,"kw":106,"maker":21,"domain":49,"tier":112,"attempts":74,"strip":113,"url":114,"mix":115,"praise":116,"objection":117,"sub":118},11011420,"Hint.css v2.0","Pure CSS tooltip library",2016,253,62,-0.17,[107,108,109,110,111],"css tooltip","pure css","tooltip library","data-hint","css only tooltips","legend","5351113000111100000001301553335531331333","http:\u002F\u002Fkushagragour.in\u002Flab\u002Fhint\u002F",[82,40,28,40],"Clever use of CSS attr() to build tooltips without JavaScript","Not accessible to screen readers or keyboard users","css tooltip library",{"id":120,"name":121,"line":122,"ai":8,"cat":9,"year":123,"points":81,"comments":29,"rec":124,"s":125,"top":126,"kw":127,"maker":21,"domain":91,"tier":23,"attempts":24,"strip":132,"url":133,"mix":134,"praise":135,"objection":136,"sub":129},13356480,"Web Maker","Blazing fast & open-source Codepen like playground",2017,"quiet",null,50,[128,129,130,131],"codepen alternative","web playground","html css js editor","open source","33055","https:\u002F\u002Fgithub.com\u002Fchinchang\u002Fweb-maker",[74,30,30,24],"Commenters like it as an offline fiddle alternative","Replacing the new tab without asking is annoying",1793991203557]