[{"data":1,"prerenderedAt":302},["ShallowReactive",2],{"project-3558466":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":44,"post_text":47,"what":48,"said":65,"maker_in_thread":161,"shape":172,"grid":176,"attempts":265,"same_week":266,"maker_shows":38,"maker_hidden":294,"reader_version":295,"card":296},"3558466","Parallax.js","My weekend project Parallax.js","title","Show HN: My weekend project Parallax.js","http:\u002F\u002Fstolksdorf.github.com\u002FParallaxjs\u002F","stolksdorf.github.com","Skaught",1328551865,2012,108,35,197,1677,12,"notable","dev_tools","javascript library","library",[24,25,26,27],"parallax","javascript","slideshow","scrolling effect","mixed",-0.217,{"positive":31,"neutral":32,"mixed":33,"critical":34},2,8,4,7,21,{"design":37,"execution":39,"performance":41,"docs":42,"idea":43},{"positive":38,"critical":31},1,{"positive":40,"critical":33},0,{"positive":40,"critical":38},{"positive":40,"critical":40},{"positive":38,"critical":40},[38,45,46,46,46,40,38,38,40,46,46,46,40,40,40,40,46,46,45,46,46,46,46,38,40,38,38,40,38,40,40,40,40,40,40],5,3,null,{"problem":47,"audience":47,"pricing":47,"motivation":47,"time_to_build":49,"stack":55,"openness":64,"stage":64,"team_size":64},{"value":50,"source":51,"evidence":52},"weekend project","maker",[53],{"id":54},"post",[56],{"value":57,"source":58,"evidence":59},"JavaScript","inferred",[60],{"id":61,"by":62,"text":63},"3559020","jQueryIsAwesome","It should allow continues clicking\u002Fsliding; right now you have to wait until the next slide is positioned. An also there is an extra comma in the line 96 and that is one of the…","unknown",{"praise":66,"objections":75,"requests":120,"questions":145,"alternatives":153},[67],{"value":68,"source":69,"evidence":70},"Useful idea for scrolling landscapes","commenter",[71],{"id":72,"by":73,"text":74},"3559136","arscan","Nice! I happened across a site yesterday that really could have used this (http:\u002F\u002Fwww.nofrks.com\u002F). Parallax looks great for scrolling landscapes -- a demo of something like that…",[76,91,105,113],{"value":77,"source":69,"evidence":78},"Parallax effect hard to see on the demo background",[79,83,87],{"id":80,"by":81,"text":82},"3558607","dangrossman","I would expect a demo for Parallax.js to demonstrate the parallax effect. If it's there, it's impossible to see with the dark repeating background.",{"id":84,"by":85,"text":86},"3558968","moe","Please use a higher contrast pattern for the demo! I didn't even notice there was a pattern in the background until I read it in a comment here...",{"id":88,"by":89,"text":90},"3558704","masukomi","First off, very nice. I'm working on an app this would be perfect for, assuming the performance is good on mobile devices. With that said, I have to agree with @dangrossman I…",{"value":92,"source":69,"evidence":93},"Does not work in Firefox",[94,98,102],{"id":95,"by":96,"text":97},"3558992","callmevlad","Is this limited to Webkit? Doesn't seem to work on Firefox 10.",{"id":99,"by":100,"text":101},"3559763","morsch","Are you sure? It doesn't display properly for me in either Firefox 10 (pretty clean Development profile) or 13 (not so much). The page basically works, but there is no parallax…",{"id":103,"by":100,"text":104},"3559775","I like the effect, don't like that it doesn't work in Firefox, I do like the subtle pattern (people, calibrate your displays), I don't like that it \"breaks\" the back button: for…",{"value":106,"source":69,"evidence":107},"Fails on IE8 due to a stray comma",[108,109],{"id":61,"by":62,"text":63},{"id":110,"by":111,"text":112},"3558927","powertower","If your website does not load correctly with IE8, which has the largest market share in the IE group and is also about 20%-30% of all internet browsers, this is a failure,…",{"value":114,"source":69,"evidence":115},"Transitions lag on mobile",[116],{"id":117,"by":118,"text":119},"3558630","dmvaldman","very nice! you may want to consider doing these transitions with CSS3 and falling back to javascript top\u002Fleft animations because they are optimized for mobile. The transitions…",[121,129,136,140],{"value":122,"source":69,"evidence":123},"Use CSS3 transitions for smoother animation",[124,125],{"id":117,"by":118,"text":119},{"id":126,"by":127,"text":128},"3559128","fuzionmonkey","Even on desktops, CSS3 transitions are much smoother than Javascript.",{"value":130,"source":69,"evidence":131},"Add a license file",[132],{"id":133,"by":134,"text":135},"3558731","jerfelix","Very cool. I'm not seeing a license file, or any mention of licensing. You might want to toss that in there, if you want to allow \u002F encourage people to use it.",{"value":137,"source":69,"evidence":138},"Support continuous clicking and sliding",[139],{"id":61,"by":62,"text":63},{"value":141,"source":69,"evidence":142},"Hook into browser back button",[143,144],{"id":72,"by":73,"text":74},{"id":103,"by":100,"text":104},[146],{"value":147,"source":69,"evidence":148},"Does it work on iPad?",[149],{"id":150,"by":151,"text":152},"3558644","g8oz","Does it work on the iPad though? Many of these parallax implementations don't.",[154],{"value":155,"source":69,"evidence":156},"stellar.js",[157],{"id":158,"by":159,"text":160},"3559760","aaronmoodie","A fellow Melbournite has done something similar with stellar.js http:\u002F\u002Fmarkdalgleish.com\u002Fprojects\u002Fstellar.js The iOS demo is especially awesome.",{"comments":46,"answered":40,"key":162},[163,166,169],{"id":164,"text":165},"3559003","Your suggestion for the CSS3 is great, I'll definitely toy around with it in the next few days. Secondly, Parallax.js can already do this. It simply moves around the divs you…",{"id":167,"text":168},"3559013","I tried a few really obvious backgrounds (Even a mario background for fun) and found a soft subtle background gave the best effect, although it looks like I went too far. It…",{"id":170,"text":171},"3559040","Thanks for the tip, I was just about to start debugging it for IE.",{"commenters":173,"max_depth":45,"maker_replies":46,"first_comment_mins":174,"lifespan_hours":175},27,33,23,[177,179,183,187,191,193,195,197,198,199,202,205,207,211,214,217,219,221,223,226,228,230,234,238,241,245,246,247,249,251,254,256,258,260,263],[80,40,38,178,81,40],"project\u002Fcritical\u002Fdesign",[180,40,45,181,182,40],"3558841","project\u002Fpositive\u002Fdesign","bradfriedman",[184,40,46,185,186,40],"3558855","project\u002Fneutral\u002Fexecution","romland",[188,40,46,189,190,40],"3559160","project\u002Fneutral\u002Fdesign","RandallBrown",[117,38,46,192,118,40],"project\u002Fmixed\u002Fperformance",[164,38,40,194,11,38],"maker\u002Fneutral\u002Fnone",[126,38,38,196,127,40],"project\u002Fcritical\u002Fperformance",[84,31,38,178,85,40],[167,31,40,189,11,38],[200,31,46,189,201,40],"3559375","farnsworth",[203,31,46,189,204,40],"3559608","tuhin",[133,46,46,206,134,40],"project\u002Fneutral\u002Fdocs",[208,46,40,209,210,40],"3559680","commenter\u002Fneutral\u002Fdocs","jasonkester",[212,46,40,209,213,40],"3559736","eCa",[215,46,40,209,216,40],"3559865","chc",[218,46,40,209,134,40],"3562537",[150,33,46,220,151,40],"project\u002Fneutral\u002Fperformance",[88,45,46,222,89,40],"project\u002Fmixed\u002Fdesign",[72,224,45,225,73,40],6,"project\u002Fpositive\u002Fidea",[103,34,46,227,100,40],"project\u002Fmixed\u002Fexecution",[158,32,46,229,159,40],"project\u002Fneutral\u002Fidea",[231,232,46,222,233,40],"3559083",9,"twelve45",[235,236,46,229,237,40],"3559959",10,"doomlaser",[95,239,38,240,96,40],11,"project\u002Fcritical\u002Fexecution",[242,239,40,243,244,40],"3559050","commenter\u002Fneutral\u002Fexecution","smspence",[99,239,38,240,100,40],[61,18,38,240,62,40],[170,18,40,248,11,38],"maker\u002Fneutral\u002Fexecution",[110,250,38,240,111,40],13,[252,250,40,243,253,40],"3558993","rnicholson",[255,250,40,243,244,40],"3559065",[257,250,40,243,111,40],"3559232",[259,250,40,243,213,40],"3559756",[261,250,40,243,262,40],"3560070","cheald",[264,250,40,243,111,40],"3560555",[],[267,271,276,281,285,290],{"id":268,"name":269,"points":270,"category":20},"3560321","Tinycon",271,{"id":272,"name":273,"points":274,"category":275},"3557805","JobPoacher",182,"web_saas",{"id":277,"name":278,"points":279,"category":280},"3560750","Cron.io",153,"infrastructure",{"id":282,"name":283,"points":284,"category":20},"3546149","PageBlox",134,{"id":286,"name":287,"points":288,"category":289},"3553793","JavaScript Instagram-like Filters",127,"creative",{"id":291,"name":292,"points":293,"category":20},"3541060","Hackerest",95,false,"v2",{"id":297,"name":5,"line":6,"ai":294,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":298,"top":18,"kw":299,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":300,"url":9,"mix":301,"praise":68,"objection":77,"sub":21},3558466,-0.22,[24,25,26,27],"15333011033300003353333101101000000",[31,32,33,34],1793990878616]