Author: amolwable

JQuery

Validity : Form validation jQuery Plugin

Posted on by amolwable

Validity is powerful jQuery plug-in you can use to setup client-side form validation.
Instead of writing validation manually, plug-in allows you to design client-side validation in
a manner that feels natural and straightforward.

Features:

  • Validity is easy to use.
  • Rules for e-mail, date, number, URL, time, phone, zip, etc.
  • Use of jQuery’s selector engine to perform validation
  • Customizable error messages

References:

WebSite: http://validity.thatscaptaintoyou.com
Download: http://code.google.com/p/validity/downloads/list

1
Tools

4 open source To-Do List applications

Posted on by amolwable

1. todoyu

todoyu is open source web based task and project management with time tracking application.
Application is built with PHP.

With todoyu you can:

  • manage multiple projects
  • overview your customer’s data
  • assign tasks
  • share files
  • meet deadlines
Website:http://www.todoyu.com/en
Demo: http://www.todoyu.com/en/online-demo
Download: http://www.todoyu.com/en/download

2. Plancake

Plancake is a web based task and list manager software.
Plancake is built with PHP and MySQL.

Application can be use on two levels:

1. Basic level – to create lists with tasks for your projects, stuff you need to remember, …
2. Advanced level – to implement the GTD method

Features

  • easy-to-use
  • advanced
  • free
  • available for download

Website:http://www.plancake.com

Download: http://www.plancake.com/open-source

3. Tasks Jr.

Tasks Jr. is a lightweight web-based task manager to help you manage your personal and professional projects effectively.
Tasks Jr. support access from PDA’s, or web-enabled phones from anywhere.

Tasks Jr. is multilingual and includes translations in various languages.

Website:http://crowdfavorite.com/tasks-jrDownload: http://crowdfavorite.com/download

4. myTinyTodo

myTinyTodo is a free to-do-list application with a very simple & clean interface with AJAX.

Application is developed in PHP and jQuery. To store data it uses either SQLite or MySQL database.

Features

  • Tags (and tag cloud)
  • Set Priority
  • Sorting by drag-and-drop, priority or due date
  • Password protection

Website:http://www.mytinytodo.net

Demo: http://www.mytinytodo.net/demo

0
JQuery

Top new 8 jQuery Slideshow plugins

Posted on by amolwable

Visit my previous post Top 17 jQuery Photo Slideshow / Gallery Plugins for more plugins.

1. Lightweight jQuery Image Slider: Nivo Slider

Nivo Slider is a lightweight jQuery plugin for image sliders.

For browsing images, plugin provides a navigation box and next-prev buttons which appear on hover. It also provides auto-slide feature.

Features

  • 9 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weighs 7kb
  • Keyboard Navigation
Website:http://nivo.dev7studios.com
Demo: http://nivo.dev7studios.com

2. Charming Slideshows With jqFancyTransitions

jqFancyTransitions easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.
Compatible with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+

jqFancyTransitions

Website:http://workshop.rs/projects/jqfancytransitions
Demo: http://workshop.rs/projects/jqfancytransitions

3. Simple jQuery Gallery Plugin: bxGallery

bxGallery is a lightweight jQuery plugin for creating image galleries with thumbnails.

The plugin also has an option for setting the position of the thumbnails (top-bottom-right-left).

Website:http://bxgalleryplugin.com
Demo: http://bxgalleryplugin.com/demos.php

4. Tiny jQuery Slideshow Plugin – simpleSli.de

simpleSli.de is a lightweight jQuery slideshow plugin that can display any HTML content. It is very simple to implement and only 4kb compressed filesize.

Using this plugin we can achieve image slideshow, text information slides, auto sliding HTML content or images and paging system.

It comes with only few options for customization including the speed of the transitions, width of the slider and colors.

Website:http://www.simplesli.de
Demo: http://www.simplesli.de

5. jQuery Image Slider With Attractive Effects: Coin Slider

Coin Slider is a jQuery image slider plugin with unique transition effects.

For browsing images, plugin provides a navigation box and next-prev buttons which appear on hover. It also provides auto-slide feature.

Features

  • Unique transition effects
  • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Lightweight (8kb only)
  • Fully customizable using CSS
Website: http://workshop.rs/projects/coin-slider
Demo: http://workshop.rs/projects/coin-slider

6. Advanced jQuery Image Gallery: jbgallery

jbgallery is a jQuery plugin for displaying multiple images or multiple galleries in a webpage.
jbgallery plugin can display thumbnails of the images for better navigation.

Features

  • Picasa adapter: displays images from picasa service
  • Keyboard Navigation
  • Slideshow in site’s background in dialog mode
  • Fullscreen slideshow
Website: http://maxb.net/scripts/jbgallery-2.0
Demo: http://maxb.net/scripts/jbgallery-2.0

7. jQuery Popeye : an inline lightbox

jQuery popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.

Website:http://dev.herr-schuessler.de/jquery/popeye
Demo: http://dev.herr-schuessler.de/jquery/popeye/demo.html

8. jPhotoGrid Plugins

jPhotoGrid is simple, lightweight and easy to use jQuery plugin that will help you create nice zoomable image grid.

Website:http://www.newmediacampaigns.com/page/zoomable-jquery-image-gallery-jphotogrid
Demo: http://www.newmediacampaigns.com/files/posts/jphotogrid/example.html

Visit my previous post Top 17 jQuery Photo Slideshow / Gallery Plugins for more plugins.

6
Html & CSS

52framework: Html5 and CSS3 framework

Posted on by amolwable

52Framework is a HTML5 and CSS3 framework which aims to build websites using HTML5 & CSS3 easily.
This framework fully uses all the great advantages of HTML5 & CSS3 which makes much cleaner mark up.

52Framework

Features

  • Rounded corners
  • Text-shadow
  • Box-shadow
  • Html5 markup
  • Grid system
  • CSS reset
  • and much more…

References:

WebSite: http://52framework.com
Demo: http://52framework.com/downloads
Download: http://52framework.com/demo

0
Html & CSS

Cross browser CSS3 rule generator

Posted on by amolwable

CSS3, please! is a online cross-browser CSS3 rule generator. Which provides you to produce CSS3 properties by editing default properties. You can see the results of your inline changes in real time in a preview box. You can also able to toggle rules on and off to see how your design is looks like.
Using tool you can write rules for rounded boxes, border-radius, box-shadow, linear-gradients, rotation & @font-face.

CSS3 Generator is similar to CSS3, please!. It also explains each CSS3 value and shows the browser requirements of every rule.
Using tool you can write rules for Border Radius, Box Shadow, Text Shadow, @Font Face, Multiple Columns, Outline, Gradients.

0
JQuery

jQuery Image Power Zoomer plugin

Posted on by amolwable

Image Power Zoomer is jQuery plugin that magnifies images on your page. Plugin allows user to zoom in on any portion of the image by simply moving cursor over it. Also allows user to adjust zoom level by scrolling mouse wheel.

ImageZoomer

Features

  • Applies the zoom effect to any image on the page without adding any additional markup to it.
  • The default zoom level (ie: 2x) can be changed for each image.
  • When the user scrolls the mouse wheel while over the image,
    the zoom level decreases or increases based on the scroll direction. The
    range of zoom can be changed (ie: 2x to 10x).
  • The size of the “magnifier” can be changed for each image.

References:

WebSite: http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm
Demo: http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm

0
JQuery

YoxView: jQuery Image Viewer Plugin

Posted on by amolwable

YoxView is a jQuery plugin for image viewer (Lightbox). Which helps browsing a list of images in a modal box with previous-next buttons or Keyboard buttons. It also support slide show of images.

YoxView

Features

  • Images are resized to fit inside the browser’s window
  • Multiple instances in the same page may be used, ideal for blog entries, for example.
  • Multilingual and bidirectional – tooltips and button names may be in any language (language packs available!)
  • Slideshow-enabled – play images automatically.
  • Keyboard access – navigate through images using the keyboard.
  • Search engine friendly – large images are indexed.
  • Extremely easy to integrate.

The plugin has many options like opacity levels, background colors, playDelay , popupMargin , loopPlay , title display/fade durations & more.

References:

WebSite: http://www.yoxigen.com/yoxview/
Download:http://www.yoxigen.com/yoxview/Download.aspx

0
JQuery

Google Maps Plugin for jQuery : gMap

Posted on by amolwable

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

Uses

To embed map we need to call simple function like,

$("#map").gMap();

gMap

$("#map1").gMap({ markers: [{ latitude: 47.660937,
                              longitude: 9.569803 }] });

It can be customized further with settings like:

  • latitude/longitude
  • default zoom level
  • markers, their positions, info to display as a pop-up, custom marker images
  • mapping controls on/off

References:

WebSite: http://gmap.nurtext.de/index.html
Demo: http://gmap.nurtext.de/examples.html

0