Smooth and Fast HTML5/CSS3 Mobile Examples
Every once and while I cruise around on my phone (Nexus 5 currently) and test out some web demos. Sometimes I’ve very pleasantly surprised with the experience. I’ve decided to keep a record of these findings here on my blog. Enjoy!
A library to help with simple CSS3 animations like bounces, fades and pulses. The demo on the site has always been quite smooth for me on the devices I’ve tested on.
Modal window pops, fades, slides and zooms. These are surprinsgly smooth in my experience.
Note: At this time Matter.js is in alpha and isn’t meant for production use.
“No WebGL. No Canvas. Just pure DOM.” Watch this animation of circle particles floating around and blurrying in/out. It looks really good and runs great for me. This demo also seems to determine the amount of circles it will animate based on capability. My MacBook rendered 175 while my phone rendered 40.
You have to love the stuff coming from tympanus.net. This multi-level responsive (hamburger style) menu looks and works great on mobile. I’m surprised I haven’t seen it on more sites.
I’ve got more but this article is getting long. Stay tuned for a Part Two!