Laptop.css
Dev tools
css library
SHOW HN2019
92points
36comments
#528of 2,195 in 2019
Top 25%of 2019 by points
How HN took it
MixedNo clear lean
3 positive, 3 neutral or asking, 1 mixed, 2 critical, out of 9 comments about the project. Thread score +0.14.
Idea: 2 for, 1 againstDocs: 0 for, 1 againstDesign: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Simple and clever use of CSS, fun to look at
From 4 comments
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!
j79 on HNPossibly the best *.github.io page i've ever seen. Great work!
albydarned on HNI love it. Not sure if I'd ever have a reason to use it...but I love it!
thismyrealone on HNJokes 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…
btown on HN
Objections
Unclear practical use; ASCII laptop unlikely to go on real sites
From 3 comments
What is the purpose of this?
Tagbert on HNThis 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…
rubenhak on HNI love it. Not sure if I'd ever have a reason to use it...but I love it!
thismyrealone on HN
Requests
Add more device styles such as MacBook, iMac, PCs, tablets and phones
From 2 comments
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…
rubenhak on HNand most important, don't forget the iWatch 5 :)
rubenhak on HN
Questions
What is the purpose of this?
From 1 comment
What is the purpose of this?
Tagbert on HN
Alternatives named
devices.css
From 1 comment
This is great! If you're looking for some more realistic looking (and resizable) phone or laptop devices, check out https://github.com/philipkiely/devices.css
philipkiely on HN
Screely
From 1 comment
This doesn't answer your question with regards to devices, but for screenshots involving browsers, I believe that Screely is the best/fastest/easiest thing out there to use.…
IMAYousaf on HN
Facebook device frames
From 1 comment
https://www.facebook.design/devices
samfrost on HN