[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"project-23896856":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":26,"sentiment":27,"stance_mix":28,"scored_comments":33,"aspects":34,"strip":44,"post_text":46,"what":47,"said":63,"maker_in_thread":180,"shape":192,"grid":195,"attempts":434,"same_week":435,"maker_shows":32,"maker_hidden":463,"reader_version":464,"card":465},"23896856","3D Book Image CSS Generator","title","Show HN: 3D Book Image CSS Generator","https:\u002F\u002F3d-book-css.netlify.app\u002F","3d-book-css.netlify.app","scastiel",1595245898,2020,638,87,23,3028,1,"legend","dev_tools","css generator","web_app",[23,24,20,25],"css 3d book","book mockup css","book cover css","mixed",0.123,{"positive":29,"neutral":30,"mixed":31,"critical":32},20,17,3,12,52,{"idea":35,"performance":38,"execution":39,"design":42,"docs":43},{"positive":36,"critical":37},9,0,{"positive":37,"critical":17},{"positive":40,"critical":41},5,10,{"positive":31,"critical":37},{"positive":37,"critical":17},[40,31,17,31,37,17,17,37,37,37,31,17,40,31,40,40,40,45,31,17,17,31,31,40,31,31,31,40,31,31,40,40,31,40,31,40,40,17,40,17],4,null,{"problem":46,"audience":48,"pricing":46,"motivation":46,"time_to_build":46,"stack":60,"openness":61,"stage":62,"team_size":61},{"value":49,"source":50,"evidence":51},"Self-published authors and publishers wanting book images for websites","commenter",[52,56],{"id":53,"by":54,"text":55},"23897342","zxcvbn4038","Impressive! I know a number of people who self publish who will love this.",{"id":57,"by":58,"text":59},"23898936","dandigangi","My mom runs an e-book company in the health space. She's love this! I have to put it on her website by tonight. Haha Great tool!!",[],"unknown","launched",{"praise":64,"objections":92,"requests":134,"questions":164,"alternatives":172},[65,80],{"value":66,"source":50,"evidence":67},"Impressive, nicely done 3D book effect",[68,72,76],{"id":69,"by":70,"text":71},"23897546","sharanm","This is really impressive",{"id":73,"by":74,"text":75},"23897096","vms20591","Wow, that's really cool, nice work!",{"id":77,"by":78,"text":79},"23899948","solrac9","Some of the other controls have to do with hover effects.",{"value":81,"source":50,"evidence":82},"Easy to use and useful for authors' websites",[83,87,88],{"id":84,"by":85,"text":86},"23897116","iworkfromhome","This is a WOW thing! Very cool. Easy to use. Success for you.",{"id":53,"by":54,"text":55},{"id":89,"by":90,"text":91},"23898192","martyz","I love this so hard. Love the ability to adjust width as well. Great work!",[93,112,127],{"value":94,"source":50,"evidence":95},"Width slider breaks layout and overflows the screen on several browsers",[96,100,104,108],{"id":97,"by":98,"text":99},"23897068","njsubedi","For some reason the Width parameter is working weirdly in Firefox on Android. Dragging the slider halfway resizes the book to become larger than the whole screen. Screenshot:…",{"id":101,"by":102,"text":103},"23897179","Deukhoofd","Same for Firefox on desktop. The book gets too wide to fit in its row, and moves down. This causes the controls to change their size as well, which then starts breaking things.",{"id":105,"by":106,"text":107},"23899631","exikyut","My current favorite feature: you can manually override the maximum thickness :] 160px thick book ftw The only comment I have is that the width slider tends to make an…",{"id":109,"by":110,"text":111},"23899144","atum47","seems to break when you fiddle with the width slider, but it's a nice work never the less",{"value":113,"source":50,"evidence":114},"Border radius not applied correctly in Firefox and Safari",[115,119,123],{"id":116,"by":117,"text":118},"23898436","LoSboccacc","radius only apply to the back cover in firfox https:\u002F\u002Fi.imgur.com\u002Fnv6locC.png (works as expected in chrome) excellent work otherwise",{"id":120,"by":121,"text":122},"23899099","rgovostes","Likewise on Safari. But it's really nice even with that small issue.",{"id":124,"by":125,"text":126},"23903158","keithnz","radius on front cover doesn't work in firefox",{"value":128,"source":50,"evidence":129},"Book thickness not corrected for rotation angle",[130],{"id":131,"by":132,"text":133},"23899278","TheHideout","Nice work. It looks like the book thickness isn't corrected for rotation angle. If you made the horizontal width of the inside pages = thickness * sin(rotation angle) it'll be…",[135,150,157],{"value":136,"source":50,"evidence":137},"Calculate thickness from page count",[138,142,146],{"id":139,"by":140,"text":141},"23897145","itcrowd","Cool, very nicely done. Would it be possible to add a different set of parameters that describe the physical book instead? What I mean is specifying the page size in some…",{"id":143,"by":144,"text":145},"23897571","__ka","Very cool :) Feature request: can the thickness be a function of the number of pages?",{"id":147,"by":148,"text":149},"23897163","lpellis","Do you know the number of pages for each book? Then you could adjust the thickness automatically :)",{"value":151,"source":50,"evidence":152},"Download the resulting image",[153],{"id":154,"by":155,"text":156},"23897281","edent","That's brilliant! Is there any way of downloading the resultant image?",{"value":158,"source":50,"evidence":159},"Paperback appearance option",[160],{"id":161,"by":162,"text":163},"23898948","slimsag","Very nice, I shared this with my sister who will love this, is it possible to make the book have a paperback appearance?",[165],{"value":166,"source":50,"evidence":167},"Is it available as a library?",[168],{"id":169,"by":170,"text":171},"23900261","kreetx","Did you ever make it available as a library?",[173],{"value":174,"source":50,"evidence":175},"diybookcovers.com 3D mockups",[176],{"id":177,"by":178,"text":179},"23898284","swyx","another in this category for multiple devices: https:\u002F\u002Fdiybookcovers.com\u002F3Dmockups\u002F i love collecting little tools like this, lmk if anyone has one for mocking phones, tablets…",{"comments":181,"answered":31,"key":182},22,[183,186,189],{"id":184,"text":185},"23900085","The gradient is a fantastic idea, thanks!",{"id":187,"text":188},"23899673","Good to know, thanks :)",{"id":190,"text":191},"23898362","Haha good idea ^^",{"commenters":193,"max_depth":40,"maker_replies":181,"first_comment_mins":194,"lifespan_hours":33},58,25,[196,200,202,204,207,211,213,215,220,221,225,229,231,232,233,235,238,240,242,244,247,249,250,253,256,258,262,264,269,274,275,277,279,281,285,288,291,293,297,299,301,304,306,308,310,311,313,315,318,322,325,326,328,333,335,339,341,345,348,352,355,358,363,365,366,369,373,377,381,385,389,391,393,397,399,403,407,409,411,415,417,419,421,425,427,429,433],[197,37,40,198,199,37],"23900023","project\u002Fpositive\u002Fidea","svl",[184,37,37,201,10,17],"commenter\u002Fpositive\u002Fidea",[169,37,31,203,170,37],"project\u002Fneutral\u002Fnone",[205,37,31,203,206,37],"23903247","coopsmgoops",[208,37,37,209,210,37],"23907356","commenter\u002Fneutral\u002Fnone","Gabriel_Martin",[131,17,17,212,132,37],"project\u002Fcritical\u002Fperformance",[187,17,37,214,10,17],"maker\u002Fneutral\u002Fexecution",[216,217,31,218,219,37],"23898356",2,"project\u002Fneutral\u002Fidea","LeonB",[190,217,37,209,10,17],[222,217,37,223,224,37],"23898466","other\u002Fneutral\u002Fnone","zxienin",[226,31,17,227,228,37],"23897020","project\u002Fcritical\u002Fexecution","_Microft",[230,31,37,214,10,17],"23897040",[97,45,17,227,98,37],[101,45,17,227,102,37],[234,45,37,214,10,17],"23897184",[236,45,37,209,237,37],"23898213","XCSme",[239,45,37,209,98,37],"23903670",[241,45,37,209,237,37],"23907268",[243,45,37,209,237,37],"23907283",[245,45,37,209,246,37],"23900576","BrandoElFollito",[248,45,37,209,98,37],"23903678",[139,40,31,218,140,37],[251,40,37,252,10,17],"23897154","maker\u002Fpositive\u002Fidea",[254,40,31,218,255,37],"23899127","ARandomerDude",[105,257,17,227,106,37],6,[259,257,37,260,261,37],"23900223","commenter\u002Fpositive\u002Fdesign","roudaki",[263,257,37,214,10,17],"23900238",[265,266,40,267,268,37],"23902678",7,"maker\u002Fpositive\u002Fnone","codetrotter",[270,271,37,272,273,37],"23897059",8,"commenter\u002Fpositive\u002Fnone","janvdberg",[147,271,31,218,148,37],[276,271,40,198,273,37],"23910461",[278,271,37,267,10,17],"23897172",[280,271,40,198,273,37],"23910436",[282,271,40,283,284,37],"23897291","project\u002Fpositive\u002Fdesign","SwiftyBug",[286,271,40,283,287,37],"23897378","gppk",[289,271,37,209,290,37],"23898839","ocdtrekkie",[53,36,40,292,54,37],"project\u002Fpositive\u002Fnone",[294,41,31,295,296,37],"23897388","project\u002Fmixed\u002Fexecution","ChrisMarshallNY",[143,298,31,218,144,37],11,[300,298,37,252,10,17],"23897663",[302,298,31,218,303,37],"23901798","dubcanada",[305,32,17,227,148,37],"23896991",[307,32,37,214,10,17],"23896999",[116,309,17,227,117,37],13,[120,309,31,295,121,37],[161,312,31,218,162,37],14,[177,314,37,223,178,37],15,[316,314,37,317,10,17],"23898325","maker\u002Fneutral\u002Fnone",[319,320,31,218,321,37],"23897407",16,"runawaybottle",[323,320,37,324,10,17],"23897640","maker\u002Fneutral\u002Fidea",[89,30,40,283,90,37],[327,30,37,267,10,17],"23898196",[329,330,31,331,332,37],"23898407",18,"project\u002Fneutral\u002Fdesign","de6u99er",[334,330,37,252,10,17],"23898429",[336,337,31,218,338,37],"23898543",19,"xwdv",[340,337,37,324,10,17],"23898574",[342,29,31,343,344,37],"23897287","project\u002Fmixed\u002Fdesign","flareback",[346,29,37,347,10,17],"23897320","maker\u002Fneutral\u002Fdesign",[349,350,40,292,351,37],"23900045",21,"vibesngrooves",[353,181,37,223,354,37],"23907856","andykais",[356,15,40,198,357,37],"23901584","shahinrostami",[359,360,17,361,362,37],"23899006",24,"project\u002Fcritical\u002Fdocs","chrismorgan",[364,360,37,317,10,17],"23899077",[154,194,31,218,155,37],[367,194,37,368,10,17],"23897333","project\u002Fneutral\u002Fexecution",[370,371,40,372,357,37],"23901647",26,"project\u002Fpositive\u002Fexecution",[374,375,40,198,376,37],"23900782",27,"bilinualcom",[378,379,40,198,380,37],"23897380",28,"arpitbatra123",[382,383,31,203,384,37],"23897713",29,"YoungWeb",[386,387,17,227,388,37],"23898838",30,"masukomi",[57,390,40,198,58,37],31,[392,390,37,317,10,17],"23899081",[394,395,40,198,396,37],"23903423",32,"blisseyGo",[109,398,17,227,110,37],33,[400,401,40,198,402,37],"23918636",34,"kalbfled",[404,405,31,331,406,37],"23904016",35,"neetrain",[69,408,40,372,70,37],36,[410,408,37,317,10,17],"23897635",[412,413,31,331,414,37],"23902077",37,"omarchowdhury",[73,416,40,372,74,37],38,[418,416,37,317,10,17],"23897186",[124,420,17,227,125,37],39,[422,423,40,372,424,37],"23898944",40,"dmcclurg",[84,426,40,372,85,37],41,[428,426,37,317,10,17],"23897131",[430,431,17,227,432,37],"23899262",42,"staycoolboy",[77,431,31,368,78,37],[],[436,441,446,450,455,459],{"id":437,"name":438,"points":439,"category":440},"23920987","css-sweeper",390,"games",{"id":442,"name":443,"points":444,"category":445},"23880071","Simple Ops",280,"infrastructure",{"id":447,"name":448,"points":449,"category":19},"23865900","css-media-vars",248,{"id":451,"name":452,"points":453,"category":454},"23921478","React Guitar",242,"languages",{"id":456,"name":457,"points":458,"category":19},"23895540","uuid-readable",154,{"id":460,"name":461,"points":462,"category":19},"23916842","UI Playbook",145,false,"v2",{"id":466,"name":5,"line":5,"ai":463,"cat":19,"year":12,"points":13,"comments":14,"rec":26,"s":467,"top":17,"kw":468,"maker":10,"domain":9,"tier":18,"attempts":37,"strip":469,"url":8,"mix":470,"praise":66,"objection":94,"sub":20},23896856,0.12,[23,24,20,25],"5313011000315355543113353335335535355151",[29,30,31,32],1793991013257]