Have you thought about own facebook-style photo gallry system with comments? I think – yes. Today I made up my mind to prepare it for you. Main idea – when we click at images – they popup (ajax) with bigger image at the left and comments section at the right. All images are in the database (mySQL). And, of course, we will use PHP to achieve our result. Also, our comment system will prevent accepting more than 1 comment per 10 mins (to avoid spam).
jQuery Animated Percentage Loader
jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional). It uses vectors rather than images so can be easily deployed at various sizes by simply adjusting the initial parameters.
A jQuery plugin that utilises HTML canvas to show an animated percentage loader widget suitable for loading screens or displaying feedback during long-running tasks.
OmniWindow : extremely customizable modal plugin for jQuery
Extremely customizable modal window plugin for jQuery with 139 lines of code, written specially for programmers.If you want to use your own names for modal and overlay classes, you can set them as options.OmniWindow uses two events to show and hide windows. You can trigger this events any time you need.OmniWindow uses this event name as trigger value to emulate mouse click on overlay.OmniWindow uses this event name to subsribe to ESC keyup.
dynoTable: A jQuery plugin for creating editable tables
I was working on a project that required the GUI to allow the user to dynamically add, remove and rearrange various form fields contained in table rows. The tricky part was that the UI needed to have this functionality for several different types of elements across several different forms. For instance, one set of fields was for adding and removing specifications to a product while another set of fields was for adding images to a product.
DynoTable makes an html table editable. With it you can:
- Add rows
- Remove rows
- Clone rows
- Click and Drag to Re-arrange rows (If you have Jquery UI included on
your page)
The dynoTable defaults will probably handle most use cases. If you do not require any of the functionality it provides, you can simply omit the classes from your table. However, dynoTable also provides a number
of properties and callback functions to configure it further if needed.
Fullscreen Slit Slider with jQuery and CSS3
In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using jQuery and CSS animations we can create unique slide transitions.Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition.
Seahorse : JavaScript library of Form validation
Seahorse is a JavaScript library, licensed as free software, created to simplify the use of forms, particularly to simplify the form validation.
Provides functions to validate, convert and serialize information and functions to assign real-time validation behaviors to form fields.It can be used with any JavaScript framework, however, has a plugin to be used along with jQuery.
Seahorse provides several functions for handling numbers, dates, times, e-mail, plains texts, alphabetics texts or alphanumerics texts, among others.All the functions are highly configurable, allowing to specify the range of valid values, illegal characters, formats, and, in the case of behaviors, responses to the events of loss of focus and a key pressed.Implements behaviors for real-time validation of form fields. The behaviors can prevent the entry of certain characters, change the appearance of an element after validate an entered value or invoke other functions that handle the event.
