4 ms·
Aside: This article is a decent usecase for the esoteric `image-rendering: pixelated;` css property.
by paulirish 5y ago
Aside: This article is a decent usecase for the esoteric `image-rendering: pixelated;` css property.
- philistine 5y agoMy website, gameboyessentials.com, would not exist without this esoteric CSS property. I wanted to show Game Boy images in their exact resolution (160 by 144). With image-rendering: pixelated; I have crisp pictures on my site whose sizes are counted in bytes.
- dmitrygr 5y agoI used it to make this PWA work well on iPhones: http://dmitry.gr/89 http://dmitry.gr/89
- mod 5y agoI loaded this up on a surface tablet--it renders larger than my viewport, but with no scrollbar. I was able to zoom out and see everything, but some people don't know (or wouldn't think of) that trick.
- dmitrygr 5y agoDesigned for personal use as a PWA specifically on my iPhone. I migrated from android where i had a TI-89 emulator app. No such thing exists for iOS. Usability by others was never a requirement :)
- lostgame 5y agoHa - that’s a fantastically nerdy little project. I love it!
- nkriege 5y agoGreat tip. I've never come across this before. I updated the post and the scaled up icons look much sharper now.