It’s always fun to (quickly) scroll through lists of old, nostalgic JS oddities. But here’s a list of a few current JS oddities; coder beware…
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
The layout and open/close works fine on my old HTC Desire with Android 2.3.5, but sadly the panel content does not scroll because
overflow: auto; is not supported on this device… But otherwise, looks really beautiful!
It should never be a question whether ARIA should get added to a site, and yet it still happens. Here’s a simple-to-follow tutorial on helping non-buttons look and act like real-buttons to those that might have trouble realizing it:
Most of this presentation is well beyond me, but the idea of combining these two and getting better performance is all I need to hear…
Snap.js (GitHub: jakiestfu / Snap.js, License: MIT) also by Jacob is another dependency-free UI component. This one is for creating mobile-style navigation menus that appear when clicking a button or dragging the entire view. It uses CSS3 transitions, and has an event-based API so it’s easy to hook it into existing interfaces.
With PageSpeed enabled, we shaved 1.57 seconds from our average page load (seen above), dropped our bounce rate 1%, and our exit percentage 2.5%.
While those numbers may not look like much, when you put them on an enterprise-level site, and start thinking of $$$, they start to look a little more impressive…