Drag and Drop Newsletter Builder using jQuery

Download Demo

A tutorial about how to create a drag and drop interface for a newsletter builder using jQuery.

jquery.modal – A simple jquery Modal boxes

Download Demo

jquery.modal is a simple jquery Modal boxes, alert, prompt, confirm, themes, buttons, animations, responsive and many other options included.

• type is type of Modal Box, can be : alert | confirm | prompt | success | warning | error | info | primary | inverted.
• title is title of modal, if is null – title div will disappear
• text is modal inner HTML content
• buttons is an array with buttons. Each button is in an object array and contais: text, val, addClass: Class for button(btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled), onClick(return){} callback(‘return’ contains is an object with keys: bObj – button clicked, bOpts – info abou clicked button from options, val – button value; methods: getContet, getTitle, getModal, setClosable, setContent, setTitle; if function returns false – modal will not disappear)
• center Center align?, can be true or false
• autoclose Autoclose Modal?, can be true or false,
• callback Callback function after modal close, it has a parameter with value and if function returns false, modal will not disappear
• onShow After modal appearing, it has a parameter with modal object
• closeClick On click near the modal box, close it
• closable Enable Modal closing
• animate Enable slide Animation
• theme Custom class for your modal (xenon | atlant | reseted)
• background Background Color of modal overlay
• zIndex Modal z-index
• buttonText Custom text for alert, confirm and prompt modals
• template Custom modal template
• _classes An object with each class name from modal box

Bootstrap Offcanvas Menu

Download Demo

Super simple, easy to use off-canvas navigation menu for Bootstrap.

It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly

animatedModal.js

Download Demo

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions byanimate.css or create yourself their transitions.

ProjectBlocker – jQuery Blocking Plugin for Websites

Download Demo

A handy jQuery solution for blocking responsive, IE, or incomplete bits from being seen while in development.

Features:

• Block responsive web design – gives you the ability to demo coded previews without worrying about how the project might look on mobile devices.
• Block the homepage – show a polite message that a page isn’t yet ready to be viewed to keep visitors out of broken or unfinished areas of preview sites.
• Block Internet Explorer – duh.
• Customizable and friendly blocking messages – because good UX is the right thing to do.
• Bypass for developers – for sanity.