background preloader

Wookmark jQuery Plugin

Wookmark jQuery Plugin

Related:  Jquery UI Pluginsmasonry alternativesPlugins Interactiveropetight

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. Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility. Yannis Chatzikonstantinou / Freetile.js Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement. Freetile has been the layout engine behind Assemblage and Assemblage Plus for almost two years, and now it becomes available as an independent Open Source project. Features

p5.js This page walks you through setting up a p5.js project and making your first sketch. If you are using the p5 editor, you can skip to the Your First Sketch section. Processing users may want to check out the Processing transition tutorial. Download and File Setup The easiest way to start is by using the empty example that comes with the p5.js complete download. How to use another language pack on Windows 7 Home Premium and Professional If you own Windows 7 Professional or Windows 7 Home premium, you have probably discovered that you are unable to download and install another language pack from Windows Update site. First you will have to download the language pack for Windows 7. Since Windows 7 language packs are available via Windows Update as an optional update for Windows 7 Enterprise and Ultimate editions only, here is the list of 32-bit and 64-bit language packs available from Microsoft for manual download. After downloading the Windows 7 language packs, run the .EXE executable file to extract the .CAB language pack (LP) cabinet file.

Grid-A-Licious Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. Not saying it was based on my work or script, because there were a few others that brought a similar layout effect to our attention, but not necessarily distributed as a plugin.

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).

Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select a free jQuery slideshow by Pixedelic A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above: <div data-src="images/image_1.jpg"><div class="camera_caption">The text of your caption</div></div> By adding one more class to the "camera_caption" div you can decide the effect of the caption.

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. Lightbox gallery You may put any HTML content in each gallery item and mix content types. Shuffle.js You can order the elements based off a function you supply. In the demo above, each item has a data-date-created and data-title attribute. When the select option menu changes, a sort object is passed to shuffle. <select class="sort-options"><option value="">Default</option><option value="title">Title</option><option value="date-created">Date Created</option></select>

How to Rotate Images Using JavaScript (JavaScript & Canvas). Cross-browser Solution. — Rotate images using JavaScript – is this even possible? Of course ;) Read this tutorial to find out how to rotate images using JavaScript, and the code is a cross-browser solution. Ok, let’s start from the easiest part. Let’s say we have the following markup: {code type=html} <img src=”/article-sources/images/plane-1.jpg” alt=”" id=”image” /> <canvas id=”canvas”></canvas> {/code}

jQuery plugin for Avgrund concept popin Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). Tested with jQuery 1.4+, file size is under 2Kb, MIT Licensed. Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options:

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.

I ended up use masonry plug-in with resizing event handler. by m.kittituch Sep 18