Archive for 2013

    CrSpline : jQuery animation plugin – Catmull-Rom splines

    CrSpline : jQuery animation plugin - Catmull-Rom splines

    Supports animation along Catmull-Rom splines based on a series of waypoints.

    You provide: A series of (x,y) points that the path should follow.
    Plugin provides: Animation along a smooth path that intersects all points!

    Natural Language Form with Custom Input Elements in CSS3 & JS

    Natural Language Form with Custom Input Elements in CSS3 & JS

    An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.The idea is to turn a classic form into one that uses natural language to obtain information from the user. For that we’ll construct a sentence where some words and parts are select elements and text inputs. We’ll then transform the select elements so that we can customize them.

    Natural language forms are quite suitable for some UI cases, not for all, of course. They have a couple of limitations but they can also be more engaging for users if used in the right place and in the right way. Anyway, we wanted to give this concept a try and we’ll show you how we did it.

    jQuery HoverMenu

    jQuery HoverMenu

    Quick accessible menu anywhere on the page with easy click and drag navigation.

    Double Viewer jQuery Plugin

    Double Viewer jQuery Plugin

    Double Viewer jQuery Plugin is an easy-driven and comfy app which allow you to compare two different images in one slider. Double Viewer jQuery Plugin works in all of main browsers and mobile devices. Using Double Viewer jQuery Plugin you will be able to set any colors for cursor and line and to change the size of cursor and line. Also this Double Viewer has several types of mouse controlling. I hope this Double Viewer jQuery Plugin will be useful for you and your site.

    Aware.js : Make Your Site Reader Aware with jQuery

    Aware.js : Make Your Site Reader Aware with jQuery

    Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader’s behavior without requiring login, authentication, or any server-side processing.

    jQuery-Tristate : Checkbox-plugin

    jQuery-Tristate : Checkbox-plugin

    A plugin that allows for checkboxes in nested lists to receive indeterminate state.

    Gmail Style Message Inbox with jQuery & CSS

    Gmail Style Message Inbox with jQuery & CSS

    Today I am going to tell how to create Gmail Style Email Message Inbox Design with jQuery & CSS.  From this design you can able to

    • Add Star / Unstar Messages
    • Delete Single Message
    • Delete Multiple Messages
    • Mark as Read
    • Mark as Unread

    This tutorial will bring you exactly look like gmail feature. Designers can easily integrate this code in your existing web projects.

    Facebook Like System with Jquery, MySQL and PHP

    Facebook Like System with Jquery, MySQL and PHP

    Facebook like system is one of the best implementation in social network systems, may be in future based on like data Facebook going to launch semantic search engine. In this post I have explained how to implement like/unlike system database design and web implementation with PHP and jquery.

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    A Collection of Page Transitions with CSS3 & jQuery

    A Collection of Page Transitions with CSS3 & jQuery

    Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.

    Please note that this is just for showcasing some interesting effects and for inspiration. It is not a slider or anything like that. We’ll just apply some classes to make the page transition visible, not for navigating.