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).
pageguide.js is an interactive visual guide to elements on web pages using jQuery and css3.Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new features and functions.
Pinterest style layout gallery is a lightbox support image and youtube, vimeo video.CSS3 driven animation, graceful degradation, it will toggle the fade transition in the old browser.Optional animation transition style.Optional go back animation delay.
Tipue Search is a jQuery site search engine. It includes advanced features such as word stemming but is designed to be easy to install.Tipue Search is very fast, as the processing is all at the client end.
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.
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.
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
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.
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 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.