Modal Dialog Box implemented as pure HTML5/CSS3 solution

  •        72

Modal dialog box (a.k.a. modal pop-up or "dark-box") implemented exclusively via HTML5/CSS3 features without any Javasript. Could run in any modern browser even with client scripting disabled.

http://darkbox.codeplex.com/

Tags
Implementation
License
Platform

   




Related Projects

ember-modal-dialog - An ember-cli addon for implementing modal dialogs


An ember-cli addon for implementing modal dialogs

Cosmo-Modal-Windows - Create persistent modal windows and dialogs in your web browser


Create persistent modal windows and dialogs in your web browser

SAY IT WITH CSS! Slide Show implemented as pure CSS3 / HTML 5 solution


The solution demonstrates CSS3 coding technique, which allows to implement online slide show with "darkbox" (or "lightbox") effects using pure CSS3 and HTML5; it does not require any Javascript/jQuery coding.

angular_devise_modal


```bashbower install --save angular-devise-modal```You can then use the main file at`angular-devise-modal/lib/devise-modal-min.js`.Usage-----Just register `DeviseModal` as a dependency for your module.Then, if a `401 Unauthorized` response is received, a modal will pop upasking for the user's login credentials. After the user logs in, theoriginal request will be retried and will be fulfilled with the retry'spromise. If the user decides to dismiss the modal, the original requestwill be rejected w

bootstrap-dialogs - Twitter Bootstrap Modal Dialogs


Twitter Bootstrap Modal Dialogs



HTML5-Desktop-Notifications - Desktop notifications plugin for Chrome, Safari, Firefox and IE9+


Desktop notifications plugin for Chrome, Safari, Firefox and IE9+

pop.js - Handling in-page popup modal dialogs


Handling in-page popup modal dialogs

jodal - modal dialogs with jquery


modal dialogs with jquery

jquery.modalmsg - Creates an easy API interface for using modal dialogs (requires jQuery UI).


Creates an easy API interface for using modal dialogs (requires jQuery UI).

jquery-ui-modals - jQuery UI Modal dialogs for - alert, confirm and prompt


jQuery UI Modal dialogs for - alert, confirm and prompt

app-alert - a simple light weight jquery plugin for modal dialogs


a simple light weight jquery plugin for modal dialogs

dialog - modal dialogs for mobile web apps


modal dialogs for mobile web apps

veneer - Modal dialogs in JavaScript.


Modal dialogs in JavaScript.

CSS3-Overlay - A CSS3 Overlay system for modal dialogs.


A CSS3 Overlay system for modal dialogs.

beedesk-dialogs


Minimalistic Html5 Dialogs Templates -- the bare essentials for building a single html webapp. It supports modal dialog like the one in jquery-ui, but with less than 2k minified.

party-mode - An experimental music visualizer using d3.js and the web audio api.


a somewhat-technical overview===========================Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a [good tutorial](http://www.developphp.com/view.php?tid=1348) on how to do this. Then, using `requestAnimationFrame` (with a little [frame limiting](http://codetheory.in/controlling-the-frame-rate-with-requestanimationframe/) for performance reasons) I'm updating that array as the music change

css-modal - A modal build out of pure CSS


A modal build out of pure CSS

css-modal - The CSS-powered, flexible, fluid, responsive modal.


The CSS-powered, flexible, fluid, responsive modal.

CSS3-Modal - A pure HTML5/CSS3 responsive modal


A pure HTML5/CSS3 responsive modal

less-than-ie9 - Modal for Internet Explorer Users with Version < 9


Modal for Internet Explorer Users with Version < 9