SlidesJS : A responsive slideshow plug-in for jQuery

SlidesJS : A responsive slideshow plug-in for jQuery

Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see multiple slides fly by. Slides elegantly just slides from one slide to the next. Awesome.

SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project.

CRUD with PHP and jQuery for a Better User Experience

CRUD with PHP and jQuery for a Better User Experience

We already have a PHP CRUD tutorial in this blog and now we are going to add some AJAX functions to it with the help of jQuery. This will enable smoother user experience and faster loading of page data because your whole page won’t have to refresh every time.

This tutorial will only focus on creating, reading, updating and deleting records from a MySQL database with the help of PDO and jQuery.

Touch Zoom : jQuery image zoom solution for touch devices

Touch Zoom : jQuery image zoom solution for touch devices

Touch Zoom is a jQuery plugin that allows your user to zoom into an image using their mouse or finger depending on the viewing device. It works well in all modern browsers, degrades gracefully in IE8 and IE7 and is optimized for responsive web design. There are a lot of features that are available if you purchase the full version including: customized gesture, borders, zoom and animation control and an optional parameter that allows the user to implement a conditional load for the large image, which is only called when the user interacts with it.

Swapmyli : jQuery List Tag Rotator plugin

Swapmyli : jQuery List Tag Rotator plugin

The plugin allow you to create a list tag rotator in a minute.Simply add some a small code and the rotator is ready!

flexibleArea.js : jQuery plugin that dynamically updates Textarea’s Height

flexibleArea.js : jQuery plugin that dynamically updates Textarea's Height

A jQuery plugin that dynamically updates textarea’s height to fit the content.This plugin works for textareas with fixed width as well as for textareas with fluid width. The CSS resize property is set to “none” by this plugin, which means you will not be able to manually resize the textarea.

Creating a simple jQuery plugin for Pinterest

Creating a simple jQuery plugin for Pinterest

Plugins play a great part in the success of jQuery. There are hundreds of them out there, and having the ability to create your own is a great skill to have. With all of the interest in Pinterest (no pun intended), I thought it would be a good idea to do up a quick and simple Pinterest sharing plugin for jQuery.

jQuery Metro Launcher

jQuery Metro Launcher

This is a menu that can be use for anything you want. Has a lot of customization and its pretty simple to use.

Features:

  • Every Box, can store any kind of HTML code like iFrames, Icons, Images…
  • Touch support ready
  • More than 249 icons thanks to Font-Awesome
  • Vertical slideshows capability thanks to Swiper

Mini AJAX File Upload Form with jQuery

Mini AJAX File Upload Form with jQuery

In this tutorial we are going to create an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually. For the purpose, we will combine the powerful jQuery File Upload plugin with the neat jQuery Knob to present a slick CSS3/JS driven interface.

jQuery Mosaic Flow : Pinterest like Responsive Image

jQuery Mosaic Flow : Pinterest like Responsive Image

Pinterest like responsive image grid for jQuery that doesn’t suck.

Features:

  • Simple and easy to install.
  • Responsive (shows as many columns as needed).
  • Very fast.
  • Only 1 KB (minified gzipped).
  • You can add some HTML: info overlay for example.

jQuery Text Editor

jQuery Text Editor

jQuery TE is a jQueryplugin. It is a lightweight (15.9 KB) and very useful HTML editor. And it works with WYSIWYG model.Most importantly, it can be integrated into your system in 1 minute. And you can modify it as you want in terms of interface. Even you can change the css classes.

jQuery TEworks with same performance on the most preferred browsers.And its source of the output is same as 90% on these browsers.