Advertisements
Archive | jQuery ui design RSS for this section

BounceBox Notification Plugin With jQuery & CSS3


2

Earlier this week, while working on ZineScripts‘ coupon code system, I found the need to be able to dynamically create and present a message box to Zine’s visitors. The usual routine would include digging through jQuery’s plugin repository and ending up with using a lightbox alternative, but I decided to take the time and build an one-off notification solution, which I am sharing with you today.

Read more
Demo
Download

Advertisements

Plug in to the grid


2

This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages. Made by Ducksboard.

Read more:
Demo:
Download:

jQuery plugin for fluid width video embeds


2

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Read more:
Download:

The Wookmark jQuery plugin


2

We have received several questions about how the grid layout on wookmark.com is created so we created this simple plugin. It lays out a series of elements in a dynamic column grid.
Mentioned by Web Appers, Design Shack, Web Design Ledger, SpeckyBoy, Queness, Web Resources Depot, HongKiat, DevSnippets, CodeVisually, How Design, Tympanus, David Walsh, JaxEnter and others.

Read more:
Download:

Masonry Cascading grid layout library


2

jQuery grid layout library

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Read more:
Download:

DataTables


2

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Read moer:
Download:

Twproject Gantt – Online Toolbar


2

Twproject Gantt is a JavaScript component built on jQuery for creating Gantts, task trees, dependencies which exports the resulting data in JSON format. (online toolbar)

Read more:
Download:

Freebie: Allergy Info Cosmetic & Food Icons (AI, EPS, PSD, SVG, PNG)


4
Today we’d like to share a freebie with you: a set of 36 clean and modern cosmetic and food icons carefully crafted by Vandelay Design exclusively for Codrops readers. What’s so special about these icons? Well, they are useful for depicting allergen-related information, something that is becoming a very important trend for conscious and healthy living.
Read more:
Download:

Freebie: Colored Line Icons (SVG, PNG)


2

The guys from Iconshock have created a beautifully designed icon set exclusively for Codrops readers. This freebie contains 30 pixel-perfect colored line icons with a design agency theme. Ready to use, they come in PNG format with various sizes and, of course, SVG.

Read more:
Download:

 

Cool Social Buttons jQuery Plugin


3

As much as we hate them, social sharing buttons are necessary to make it easy for visitors to share our content with their friends and professional networks. But as web developers, we have to be weary of the slow down that sharing buttons bring. Every button that you include in your page loads its own set of scripts and stylesheets which make your pages slower to load.

 Read more:
Demo:
Download: