Hacker News new | ask | show | jobs
by paulirish 1703 days ago
Aside: This article is a decent usecase for the esoteric `image-rendering: pixelated;` css property.
3 comments

I used it to make this PWA work well on iPhones: http://dmitry.gr/89
I 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.

Designed 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 :)
Ha - that’s a fantastically nerdy little project. I love it!
My 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.
Great tip. I've never come across this before. I updated the post and the scaled up icons look much sharper now.