[{"data":1,"prerenderedAt":422},["ShallowReactive",2],{"project-6251671":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":43,"post_text":45,"what":46,"said":73,"maker_in_thread":203,"shape":216,"grid":220,"attempts":381,"same_week":386,"maker_shows":18,"maker_hidden":415,"reader_version":416,"card":417},"6251671","Tridiv","CSS 3D Editor","title","Show HN: Tridiv - CSS 3D Editor","http:\u002F\u002Ftridiv.com","tridiv.com","JulianGarnier",1377104174,2013,277,59,41,1739,3,"legend","dev_tools","css 3d editor","web_app",[24,25,26,27],"css 3d","css transforms","3d editor","html css","mixed",0.21,{"positive":31,"neutral":32,"mixed":33,"critical":34},19,15,2,10,46,{"execution":37,"design":39,"performance":41,"idea":42},{"positive":38,"critical":34},1,{"positive":18,"critical":40},0,{"positive":38,"critical":40},{"positive":40,"critical":40},[44,18,40,44,40,38,18,44,40,18,38,18,38,44,44,44,44,44,18,40,44,44,44,18,18,18,44,44,38,38,44,18,18,38,38,18,18,44,38,44],5,null,{"problem":47,"audience":45,"pricing":45,"motivation":59,"time_to_build":66,"stack":70,"openness":71,"stage":71,"team_size":72},{"value":48,"source":49,"evidence":50},"Creating CSS 3D transform effects without writing the code by hand","inferred",[51,55],{"id":52,"by":53,"text":54},"6252204","arscan","I don't often say \"wow\", but this is just amazing. And I was actually struggling this week to get the appropriate css transforms together for some simple 3d effects on a website…",{"id":56,"by":57,"text":58},"6253002","kemist","I really love the hero unit. It's a great example of an animation that tells a short story, and gives you a feel for the app. First you see a flat rectangle with drag handles,…",{"value":60,"source":61,"evidence":62},"Side project built in spare time","maker",[63],{"id":64,"by":11,"text":65},"6256274","Hard to say, it was a side project I did in my spare time. All I know is that I started working on it 4 months ago, and spend my whole summer vacations working on it.",{"value":67,"source":61,"evidence":68},"About four months of spare time and summer vacations",[69],{"id":64,"by":11,"text":65},[],"unknown","solo",{"praise":74,"objections":106,"requests":144,"questions":167,"alternatives":186},[75,91,99],{"value":76,"source":77,"evidence":78},"Impressive, smooth interface and user experience","commenter",[79,83,87],{"id":80,"by":81,"text":82},"6255166","moeamaya","With the plethora of webGL, canvas, css3d apps out there, the exceptional feature of this app is the user experience and interface. Every click feels intuitive and snappy and if…",{"id":84,"by":85,"text":86},"6252344","SchizoDuckie","Wow. just. wow. So smooth. It has the features you expect for editing and easy cloning, very impressive. I've been looking in to using some 3d css to spice up my resumé timeline,…",{"id":88,"by":89,"text":90},"6252561","crazygringo","Holy hell, that's amazing. (Just repeating everyone else, but it deserves it.) Is there an \"About\" page? How was it built? What are future plans? This is so crazy impressive I…",{"value":92,"source":77,"evidence":93},"Animated hero unit tells a clear story",[94,95],{"id":56,"by":57,"text":58},{"id":96,"by":97,"text":98},"6253115","Timothee","I had totally missed the fact that it ends as two angle brackets! Very smart logo and indeed very good way to introduce the product.",{"value":100,"source":77,"evidence":101},"Shows what is possible with CSS3 in browsers",[102,105],{"id":103,"by":85,"text":104},"6252554","Holy moly. I'm going to throw this at anyone that doubts the capabilities of HTML5\u002FCSS3",{"id":52,"by":53,"text":54},[107,122,137],{"value":108,"source":77,"evidence":109},"Does not work in Firefox",[110,114,118],{"id":111,"by":112,"text":113},"6252202","Sandman","Not compatible with Firefox. Too bad.",{"id":115,"by":116,"text":117},"6252700","ergo14","Not compatible with firefox...bye!",{"id":119,"by":120,"text":121},"6253036","smallarmsdealer","Doesn't work with Firefox. Damned kids and their damned monoculture. Make it work with my shit!",{"value":123,"source":77,"evidence":124},"Broken or flat on Chromium and Chrome in some setups",[125,129,133],{"id":126,"by":127,"text":128},"6252300","cdekok","It's flat on chromium 28",{"id":130,"by":131,"text":132},"6253143","solox3","It is severely broken on Chromium. Ironically, his app works completely fine on Firefox (Canary), the browser he tried so hard to block.",{"id":134,"by":135,"text":136},"6253451","michaelbuddy","can't seem to figure it out on chrome 29 on windows7. maybe I have a conflict or need bleeding edge chrome.",{"value":138,"source":77,"evidence":139},"Browser whitelist blocks browsers that would otherwise work",[140],{"id":141,"by":142,"text":143},"6256638","trycatch","Seriously, it's just ridiculous. There is no legitimate reason whatsoever to make hard browser whitelist like that in 2013 -- without button like \"use anyway\" or something. It…",[145,149,156],{"value":146,"source":77,"evidence":147},"Support for more browsers",[148],{"id":52,"by":53,"text":54},{"value":150,"source":77,"evidence":151},"Open source or plans for the project",[152],{"id":153,"by":154,"text":155},"6252163","carlosdp","This is amazing, what's the plan for it? Open-source?",{"value":157,"source":77,"evidence":158},"Import and export options",[159,163],{"id":160,"by":161,"text":162},"6252319","tcdent","Are there any options (or plans) for import\u002Fexport?",{"id":164,"by":165,"text":166},"6253001","renownedmedia","I'd love to see a high quality 2d image renderer or a common 3d format exporter.",[168,172,179],{"value":169,"source":77,"evidence":170},"Would it be open source",[171],{"id":153,"by":154,"text":155},{"value":173,"source":77,"evidence":174},"How rendering speed compares to WebGL",[175],{"id":176,"by":177,"text":178},"6253374","jbmartin","In terms of rendering speed, how efficient is CSS compared to webGL or other related 3D technologies?",{"value":180,"source":77,"evidence":181},"Why not use WebGL",[182],{"id":183,"by":184,"text":185},"6252336","amasad","This is really cool. Wondering why not WebGL?",[187,192],{"value":188,"source":77,"evidence":189},"WebGL",[190,191],{"id":183,"by":184,"text":185},{"id":176,"by":177,"text":178},{"value":193,"source":77,"evidence":194},"VRML",[195,199],{"id":196,"by":197,"text":198},"6255868","captainmuon","This is really amazing... however we had something like that 15 years ago called VRML, and it probably was 1000 times faster. This is an incredible abuse of css, nevertheless…",{"id":200,"by":201,"text":202},"6253118","agumonkey","I just had a VRML flash.",{"comments":204,"answered":205,"key":206},8,4,[207,210,213],{"id":208,"text":209},"6256227","In theory every browsers that support the CSS property \"transform-style: preserve-3d;\" can run the app. But in practice it's not that simple, for example Firefox has some serious…",{"id":211,"text":212},"6251831","A codepen demo I made to introduce Tridiv capabilities : http:\u002F\u002Fcodepen.io\u002Fjuliangarnier\u002Fpen\u002FhzDAF",{"id":214,"text":215},"6256244","Thanks! Actually I wasn't sure people will understand all the ideas I have put in this animation. But you have perfectly described what I wanted to tell, I'm impressed!",{"commenters":217,"max_depth":205,"maker_replies":204,"first_comment_mins":218,"lifespan_hours":219},44,16,104,[221,223,227,229,231,233,237,241,244,246,248,249,253,255,256,257,260,262,263,266,267,269,272,276,279,281,286,288,292,295,299,301,304,308,312,313,317,319,321,325,329,330,332,336,340,345,347,348,352,355,357,359,360,363,365,369,373,375,377],[52,40,44,222,53,40],"project\u002Fpositive\u002Fexecution",[224,40,18,225,226,40],"6253225","project\u002Fneutral\u002Fexecution","walid",[208,40,40,228,11,38],"project\u002Fneutral\u002Fperformance",[211,38,40,230,11,38],"project\u002Fneutral\u002Fnone",[103,38,44,232,85,40],"project\u002Fpositive\u002Fnone",[234,38,40,235,236,40],"6253694","other\u002Fneutral\u002Fnone","nickstinemates",[238,38,40,239,240,40],"6266039","commenter\u002Fneutral\u002Fnone","skopp",[242,38,38,243,240,40],"6264784","project\u002Fcritical\u002Fexecution",[245,38,38,243,240,40],"6264762",[56,33,44,247,57,40],"project\u002Fpositive\u002Fdesign",[96,33,44,247,97,40],[250,33,40,251,252,40],"6257352","commenter\u002Fneutral\u002Fdesign","blktiger",[214,33,40,254,11,38],"maker\u002Fpositive\u002Fidea",[153,18,18,230,154,40],[111,205,38,243,112,40],[258,205,18,225,259,40],"6252225","smickie",[261,205,18,230,226,40],"6253238",[141,205,38,243,142,40],[264,205,40,239,265,40],"6265534","adizam",[84,44,44,232,85,40],[88,268,44,232,89,40],6,[270,268,40,271,11,38],"6256230","maker\u002Fneutral\u002Fnone",[273,274,44,232,275,40],"6252269",7,"swalsh",[277,204,44,232,278,40],"6251782","fadomire",[280,204,40,271,11,38],"6251939",[282,283,44,284,285,40],"6252840",9,"maker\u002Fpositive\u002Fnone","transphorm",[287,283,18,271,226,40],"6253257",[289,34,18,290,291,40],"6252507","project\u002Fmixed\u002Fperformance","aroman",[293,34,40,294,197,40],"6255961","other\u002Fcritical\u002Fnone",[296,297,44,232,298,40],"6252190",11,"capnjngl",[80,300,44,247,81,40],12,[302,300,40,303,11,38],"6256268","maker\u002Fpositive\u002Fdesign",[305,306,44,284,307,40],"6252577",13,"juretriglav",[309,310,18,271,311,40],"6252317",14,"coffeeyesplease",[64,310,40,271,11,38],[314,32,18,315,316,40],"6255465","project\u002Fneutral\u002Fdesign","andersnolsen",[318,32,40,230,11,38],"6256256",[196,218,18,320,197,40],"project\u002Fmixed\u002Fidea",[322,323,44,232,324,40],"6252357",17,"kin",[326,327,44,284,328,40],"6255336",18,"ronreiter",[176,31,18,228,177,40],[119,331,38,243,120,40],20,[333,334,18,271,335,40],"6253553",21,"epo",[337,338,38,243,339,40],"6253155",22,"program",[341,342,44,343,344,40],"6252800",23,"project\u002Fpositive\u002Fperformance","chinchang",[160,346,18,230,161,40],24,[164,346,18,230,165,40],[349,350,18,230,351,40],"6252962",25,"miniatureape",[183,353,18,354,184,40],26,"project\u002Fneutral\u002Fidea",[134,356,38,243,135,40],27,[126,358,38,243,127,40],28,[130,358,38,243,131,40],[361,362,44,284,285,40],"6252799",29,[200,364,18,230,201,40],30,[366,367,44,232,368,40],"6274589",31,"shaimoom",[370,371,44,232,372,40],"6254780",32,"ymow",[115,374,38,243,116,40],33,[376,374,18,230,226,40],"6253265",[378,379,44,232,380,40],"6257511",34,"maxlibin",[382,383],{"id":4,"t":12,"points":14,"comments":15},{"id":384,"t":385,"points":38,"comments":40},"7173026",1391457301,[387,392,397,402,407,411],{"id":388,"name":389,"points":390,"category":391},"6219354","Arc",281,"infrastructure",{"id":393,"name":394,"points":395,"category":396},"6226607","noteZilla",275,"learning_science",{"id":398,"name":399,"points":400,"category":401},"6221602","PriceMed",171,"data",{"id":403,"name":404,"points":405,"category":406},"6250112","ngProgress",142,"web_saas",{"id":408,"name":409,"points":410,"category":20},"6232339","Xpressive",84,{"id":412,"name":413,"points":414,"category":406},"6219546","angular-invoicing",56,false,"v2",{"id":418,"name":5,"line":6,"ai":415,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":419,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":420,"url":9,"mix":421,"praise":76,"objection":108,"sub":21},6251671,[24,25,26,27],"5305013503131555553055533355115331133515",[31,32,33,34],1794036508973]