web posts

Subscribe to just web posts via RSS.

Building a JavaScript-Free Slide-Over Menu

on in web8 min read

Slide-over menus on the web are a pretty common design pattern, especially on mobile. Unfortunately, they seem to generally be accompanied by massive, bloated web apps pulling in megabytes of JavaScript for the simplest of functionality. But fear not, even if you’re building a JavaScript-free web app, or simply prefer to fail gracefully in the event the user has disabled JavaScript, it’s still possible to use this technique by (ab)using HTML form and label elements.