HTML5/CSS3 Modal Dialog Box

HTML5/CSS3 Modal Dialog Box

Alexander Bell, PhD Alexander Bell, PhD

Alexander Bell, PhD

Published Jun 24, 2015
+ Follow

HTML5 MODAL POP-UP BOX IMPLEMENTED AS PURE CSS3

Modal dialog boxes (aka modal pop-ups or "dark-boxes") represent quintessentially important component of modern GUI. Web apps typically implement such functionality via client-side JavaScript, but this option could be disabled on the client machine. As a good alternative, the modal pop-up dialog could be implemented as "pure" HTML5/CSS3, completely free of any need for Java scripting, thus providing a robust solution, which is invariant to the client's web browser settings.

The key concept is a use of "target" pseudo-class of modern HTML5/CSS3 as detailed in the article on Codeproject (link).

Category: Advanced HTML5/CSS3 coding technique - by Codeproject Legend DrABELL

To view or add a comment, sign in

More articles by Alexander Bell, PhD

  • NY City Bus Tracking Web App
    Jan 5, 2016

    NY City Bus Tracking Web App

    Real-time NYC MTA Bus Tracking on your Mobile This free web app allows real-time tracking of NY City MTA buses using…

  • SEMAFON™ SEMANTIC SEARCH ENGINE
    Nov 23, 2015

    SEMAFON™ SEMANTIC SEARCH ENGINE

    MULTILINGUAL SEMANTIC PHONE NUM-TO-TEXT SEARCH ENGINE Semafon™ web and Android apps are developed by Alexander Bell…

  • WATCH YOUR MOUSE! :)
    Jun 24, 2015

    WATCH YOUR MOUSE! :)

    PC MOUSE TRIPLE-CLICK IN MODERN GUI Computer mouse single-and double-clicks are widely used in desktop/web apps GUI…

Explore content categories