background preloader

OriDomi - origami for the web

OriDomi - origami for the web
Initialization Create an OriDomi instance by passing your target element to the constructor: var folded = new OriDomi(document.getElementsByClassName('paper')[0]); …or pass a selector string and OriDomi will use the first element that matches: var folded = new OriDomi('.paper'); If you prefer using jQuery, try this:

http://oridomi.com/

Related:  Web/HTML5(CSS3, JS...)Jquery UI Pluginsjquery

Selectize.js Current Value: "awesome,neat" Add and remove items in any order without touching your mouse. Use your left/right arrow keys to move the caret (ibeam) between items. This example is instantiated from a <input type="text"> element (note that the value is represented as a string). Current Value: null This demonstrates two main things: (1) custom item and option rendering, and (2) item creation on-the-fly.

Kwicks for jQuery Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component.

Uniform - Sexy forms with jQuery Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. SweetAlert So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: Magnific Popup: Responsive jQuery Lightbox Plugin Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner.

Mosaic - Sliding Boxes and Captions jQuery Plugin Features So, what exactly does Mosaic do? Automatically generates sliding boxes & captions Allows slide & fade animations with custom directions Preloads images within boxes Options jQuery Calendar Just as you, I want to earn money doing what I love. No matter how much I love to this, it’s not sustainable to do it for free. If we were to combine this desire with a belief that amazing products should be free, we got problems ahead. This is how I solved this problem, and I hope you approve:

Beautiful Photo Stack Gallery with jQuery and CSS3 The Night Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! New HTML5 Attributes for Hyperlinks: download, media, and ping Hyperlinks have been around since the dawn of the Web. But with the dawn of HTML5, three new attributes have been added to the humble <a> tag to keep existing attributes like href, rel, and others company. The new attributes are: download, media, and ping. In this article, we’ll take a quick look at what these new attributes are, and how they can be used once browser support improves. The download Attribute The download attribute is new in HTML5. Fine Uploader Live Demo and Javascript Code Examples Basic Setup Want to upload files to your own server? You need only to include a CSS file, a JavaScript file, and handle the uploads on the server side according to the technology you are using. There are absolutely no other dependencies. You can quickly set up an HTML page in order to use Fine Uploader: Download and unpack the latest version of Fine Uploader.

Gridify A lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with image loaded Features support images loaded eventsupport window resize eventsupport very long height itemsupport dynamic item widthsupport animation (CSS3 transition) Pure javascript Demo Colorbox - a jQuery lightbox A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM Adipoli jQuery Image Hover Plugin - Cube3x How To Use Enabling image hover effect is very simple. Place the below references inside your head tag.

Related: