FlexNav : jQuery Plugin for Responsive Menus

FlexNav : jQuery Plugin for Responsive Menus

FlexNav is a mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using touch events and tap targets. This is something I use to test different navigation techniques and may change as I iterate over different solutions to the problem. Basically I want a simple model to build upon when working on sites from scratch.

Features:

  • Multiple nested sub menus
  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • Fallback for no JavaScript
  • Fast clicks for touch screens (no 300ms delay)
  • Use class .one-page on the body, .menu-button, and ul.flexnav for single page fixed menu

 

Responsive_DG_Slider : Responsive jQuery Banner Slider

Responsive_DG_Slider : Responsive jQuery Banner Slider

I am showing It’s Pagination circles with the height relative to the width functionality powered by the fantastic java-script library jQuery.

Showbiz : jQuery Responsive Teaser WordPress Plugin

Showbiz : jQuery Responsive Teaser WordPress Plugin

Showbiz Pro is a jQuery responsive teaser displaying solution that allows you to show WordPress Posts or any Custom Content with a set amount of teaser items.

Features:

  • Display Posts and/or Custom Post Types (e. g. Portfolios)
  • Fully Responsive & Mobile Optimized (Smartphones & Tablets)
  • Drag & Scroll Function
  • Smart Loading of Embeded Videos (YouTube and Vimeo)
  • Light Weight jQuery and CSS
  • Unlimited Slides
  • iPhone & Android Swipe Touch enabled
  • FullWidth and Single Width Reveals
  • Customizable 100% via Plugin Parameters / CSS / HTML
  • Easy installation in your Website
  • Fast CSS3 & jQuery Engine
  • Fancybox 2 Lightbox Plugin on Multi Domain License included ($89 Value)
  • Set Amount of Entries in 4 Level for Responsive Look
  • Drag & Scroll Function

fartscroll.js : Everyone farts as you scroll Web page

fartscroll.js : Everyone farts as you scroll Web page

You want fart noises as you scroll? We’ve got you covered. Everyone farts. And now your web pages can too.

How to reverse Order List in HTML using jQuery

How to reverse Order List in HTML using jQuery

et’s discuss today how we can reverse an Order/Unordered List in html using jquery. We have many ways to reverse the element of any ordered/unordered list (ol or ul Tags) using jquery. Let’s use reverse() function available in jquery library.

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.