Archive for the ‘modal’ Category

Considerations for Styling a Modal

Posted on: No Comments
A modal. A small box that pops up to tell you something important. How hard can it be? Wellllll. Medium hard, I'd say. There's quite a few considerations and a few tricky things to get just right. Let us count the ways. Where in the DOM? I typically p...


Posted on: No Comments
Modaal is a WCAG 2.0 Level AA accessible modal window plugin. Modals seem so hard to get right from an accessibility perspective, I'm not proud to say I've never tried. Something like moving focus to the modal when it opens and moving focus back to whe...

CSS Overlay Techniques

Posted on: No Comments
Design patterns, a set of best practices and techniques that aim to solve some of the most common design “problems”, are usually presented in the context of design principles. One of these design principles is the “Stay On Page” principle. ...