[{"data":1,"prerenderedAt":255},["ShallowReactive",2],{"project-20952552":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":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":39,"post_text":41,"what":42,"said":57,"maker_in_thread":123,"shape":125,"grid":127,"attempts":218,"same_week":219,"maker_shows":30,"maker_hidden":247,"reader_version":248,"card":249},"20952552","Laptop.css","title","Show HN: Laptop.css","https:\u002F\u002Fjjkaufman.github.io\u002Flaptop.css\u002Findex.html","jjkaufman.github.io","jjkaufman",1568302027,2019,92,36,528,2195,25,"notable","dev_tools","css library","library",[23,24,25,26],"css","ascii art","laptop mockup","pure css","mixed",0.143,{"positive":30,"neutral":30,"mixed":31,"critical":32},3,1,2,9,{"docs":35,"idea":37,"design":38},{"positive":36,"critical":31},0,{"positive":32,"critical":31},{"positive":31,"critical":36},[36,36,36,36,31,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,36,40,30,30,36,40,30,40,31,30,36],5,null,{"problem":41,"audience":41,"pricing":41,"motivation":41,"time_to_build":41,"stack":43,"openness":56,"stage":56,"team_size":56},[44],{"value":45,"source":46,"evidence":47},"CSS","inferred",[48,52],{"id":49,"by":50,"text":51},"20953231","jolmg","``` :root { --laptop-content: ... ``` Huh. Interesting that I never noticed that CSS supported variables like this. I haven't worked on a Web front-end for some time, but I see…",{"id":53,"by":54,"text":55},"20953333","j79","Wow, the simplicity of this is blowing my mind. I don't think I have ever even considered using `white-space: pre` with generated content. Really fun, really cool!","unknown",{"praise":58,"objections":76,"requests":89,"questions":97,"alternatives":101},[59],{"value":60,"source":61,"evidence":62},"Simple and clever use of CSS, fun to look at","commenter",[63,64,68,72],{"id":53,"by":54,"text":55},{"id":65,"by":66,"text":67},"20953097","albydarned","Possibly the best *.github.io page i've ever seen. Great work!",{"id":69,"by":70,"text":71},"20952903","thismyrealone","I love it. Not sure if I'd ever have a reason to use it...but I love it!",{"id":73,"by":74,"text":75},"20953108","btown","Jokes aside - and I absolutely love this - is there actually a good (S)CSS library, with freely-licensed configurable template imagery, that lets you say \"I want this image to be…",[77],{"value":78,"source":61,"evidence":79},"Unclear practical use; ASCII laptop unlikely to go on real sites",[80,84,88],{"id":81,"by":82,"text":83},"20955591","Tagbert","What is the purpose of this?",{"id":85,"by":86,"text":87},"20955799","rubenhak","This is quite useful, but frankly I doubt many would be willing to put the ASCII style laptop on their web site. Literally a week ago we had to design a bootstrap carousel inside…",{"id":69,"by":70,"text":71},[90],{"value":91,"source":61,"evidence":92},"Add more device styles such as MacBook, iMac, PCs, tablets and phones",[93,94],{"id":85,"by":86,"text":87},{"id":95,"by":86,"text":96},"20955836","and most important, don't forget the iWatch 5 :)",[98],{"value":83,"source":61,"evidence":99},[100],{"id":81,"by":82,"text":83},[102,109,116],{"value":103,"source":61,"evidence":104},"devices.css",[105],{"id":106,"by":107,"text":108},"20954792","philipkiely","This is great! If you're looking for some more realistic looking (and resizable) phone or laptop devices, check out https:\u002F\u002Fgithub.com\u002Fphilipkiely\u002Fdevices.css",{"value":110,"source":61,"evidence":111},"Screely",[112],{"id":113,"by":114,"text":115},"20953775","IMAYousaf","This doesn't answer your question with regards to devices, but for screenshots involving browsers, I believe that Screely is the best\u002Ffastest\u002Feasiest thing out there to use.…",{"value":117,"source":61,"evidence":118},"Facebook device frames",[119],{"id":120,"by":121,"text":122},"20953244","samfrost","https:\u002F\u002Fwww.facebook.design\u002Fdevices",{"comments":36,"answered":36,"key":124},[],{"commenters":126,"max_depth":33,"maker_replies":36,"first_comment_mins":17,"lifespan_hours":40},23,[128,130,132,135,136,140,144,145,148,151,153,155,157,159,162,165,168,171,173,176,178,180,182,184,187,190,192,194,196,198,200,202,207,209,212,215],[73,36,36,129,74,36],"commenter\u002Fneutral\u002Fnone",[120,36,36,131,121,36],"other\u002Fneutral\u002Fnone",[133,36,36,131,134,36],"20953661","AlphaWeaver",[113,36,36,131,114,36],[137,36,31,138,139,36],"20953965","project\u002Fcritical\u002Fdocs","anamexis",[141,36,36,142,143,36],"20954171","other\u002Fneutral\u002Fdocs","topoftheforts",[49,31,36,131,50,36],[146,31,36,131,147,36],"20953264","nicoburns",[149,31,36,131,150,36],"20953554","eitland",[152,31,36,131,50,36],"20953964",[154,31,36,131,150,36],"20954367",[156,31,36,129,50,36],"20954739",[158,31,36,129,150,36],"20955163",[160,31,36,131,161,36],"20953842","acdha",[163,31,36,131,164,36],"20953302","dmix",[166,31,36,131,167,36],"20953331","_bxg1",[169,31,36,170,50,36],"20953384","other\u002Fneutral\u002Fperformance",[172,31,36,129,167,36],"20954680",[174,31,36,175,50,36],"20954784","commenter\u002Fneutral\u002Fperformance",[177,31,36,129,167,36],"20954907",[179,31,36,129,50,36],"20955136",[181,31,36,129,167,36],"20955251",[183,31,36,129,50,36],"20955502",[185,31,36,131,186,36],"20953379","Cyberdog",[188,31,36,131,189,36],"20953768","skinnymuch",[191,31,36,129,161,36],"20953816",[53,32,40,193,54,36],"project\u002Fpositive\u002Fidea",[85,30,30,195,86,36],"project\u002Fmixed\u002Fidea",[95,30,30,197,86,36],"project\u002Fneutral\u002Fidea",[106,199,36,131,107,36],4,[65,40,40,201,66,36],"project\u002Fpositive\u002Fdesign",[203,204,30,205,206,36],"20953123",6,"project\u002Fneutral\u002Fdesign","soperj",[69,208,40,193,70,36],7,[81,210,31,211,82,36],8,"project\u002Fcritical\u002Fidea",[213,33,30,197,214,36],"20953375","xrd",[216,33,36,131,217,36],"20953866","ghostbrainalpha",[],[220,225,230,234,238,243],{"id":221,"name":222,"points":223,"category":224},"20982161","Doka image editor",425,"creative",{"id":226,"name":227,"points":228,"category":229},"21005790","nocsok",343,"web_saas",{"id":231,"name":232,"points":233,"category":229},"20971392","RemoteMore",334,{"id":235,"name":236,"points":237,"category":19},"20985429","Darklang",326,{"id":239,"name":240,"points":241,"category":242},"20995056","ByteVitae",265,"productivity",{"id":244,"name":245,"points":246,"category":229},"21004039","Publisheet",188,false,"v2",{"id":250,"name":5,"line":5,"ai":247,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":251,"top":17,"kw":252,"maker":10,"domain":9,"tier":18,"attempts":36,"strip":253,"url":8,"mix":254,"praise":60,"objection":78,"sub":20},20952552,0.14,[23,24,25,26],"000010000000000000000000005330535130",[30,30,31,32],1793990994575]