Browsing articles from "December, 2010"
Dec
31

jquery custom content scroller

By Vinod  //  All, Javascript  //  1 Comment

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

Dec
29

jQuery.validVal – A highly customizable and feature rich jQuery form validator

By Vinod  //  All, Javascript  //  1 Comment

jQuery.validVal is a plugin designed to simplify form validation.
It is highly customizable, very feature rich and can easily be dropped on any type of HTML-form (even AJAX-forms) with very little effort.

The validVal-plugin was built using the jQuery-library.
It is dual licensed under the MIT and GPL licenses.

Features

  • Can be used for validating any kind of HTML-form, with very little effort.demo
  • Supports three default value-validations: “required”, “numeric” and “email-format”.demo
  • Easily extendable with custom value-validations.demo
  • Great default “invalid-handler” that can be extended or customized.demo
  • Can validate multiple input-fields for corresponding values.demo
  • Enables a group of checkboxes to have at least one checkbox to be “required”.demo
  • Built in support for clearing the default-value “onFocus”.demo
  • Automatically select the next input-field when the “maxlength” nth-character is entered.demo
  • Is capable of formatting the entered text “onBlur”.demo
  • Supplies a workaround for IE’s lack of support for the :focus-pseudoclass.demo
Dec
28

Vermis – Open Source issue tracker and project management tool

By Vinod  //  All, PHP, Scripts, Tools  //  No Comments

Vermis is a web application for reporting and tracking issues regarding bugs, tasks, etc. during project development. You can start a project and then add developers, project leaders and observers. Each of them will be able to create and assign issues, and comment on your project from any place in the world.

Any time a change is made you will get an email notifying you of the change and containing a link to the particular issue. If your project grows, you can divide it into smaller components. Each project can have multiple versions called milestones. You can assign issues regarding bugs, tasks, refactorings, and so on to any project member. Each issue has a status, priority and graphical progress bar. You can also add attachments like files, images or documents.

In a nutshell, Vermis is all you need for the life cycle of your application :)

Vermis is an Open Source project, written in PHP and MySQL. It can be installed on almost any platform that supports PHP. It is based on Zend Framework and Doctrine ORM.

Vermis is distributed under the terms of the GNU General Public License version 3.

Features

  • Issue reporting and navigation
  • Multiple projects
  • Multiple user accounts
  • Project roles (leader, developer, observer)
  • Different issue types:
  • Task
  • Bug
  • Feature
  • Improvement
  • Refactoring
Dec
27

jSnow – a jQuery plug-in adds falling snow effect to your website

By Vinod  //  All, Javascript  //  1 Comment

jSnow is a jQuery plug-in that adds falling snow effect to your website, a very common decorative effect that every website needs for christmas! jSnow is lightweight (2kb), doesn’t require any external files to run (css or images) and it’s very easy to use! Besides the small footprint, jSnow offers various other unique features like:

  • The fall snow effect, follows you as you scroll (vertically along the page)
  • No use of external files (CSS) or images, you just use 1 “.js” file.
  • Numerous versatile parameters, that are easy to use and change the whole effect
Dec
25

flogr – Photo gallery for your flickr photos

By Vinod  //  All, Gallery, Javascript, PHP, Scripts  //  1 Comment

Flogr is a flexible script that displays your flickr photos in a customizable photo gallery you host on your website. If you use flickr but want to have a different look and feel for your photo gallery you may like flogr. See it in action here.

Main Features

  • Customizable photoblog interface for your flickr photos
  • Display all flickr photos, only photos with certain tags or only certain photosets
  • Displays photo details, EXIF data, tags, geo location, and photo comments
  • Thumbnail viewer displays photos by date taken, photoset, and tag
  • Embedded Slimbox photo slideshow
  • Map view of your geo tagged photos
  • Flickr tag cloud page
  • RSS 2.0 support
Dec
23

SVGGraph – a PHP SVG graph library

By Vinod  //  All, PHP  //  1 Comment

SVGGraph is an object-oriented PHP library for creating simple PHP graphs, released as open source under the LGPL v3 license. Here are some examples of the different types of graph supported by SVGGraph.

Dec
20

Wijmo – jQuery UI Widgets

By Vinod  //  All, Javascript  //  1 Comment

There is a new highly evolved element for creating websites and web apps on planet Earth. They call the new element “Wijmo”. Wijmo is a complete kit of over 30 jQuery UI Widgets. It is a mixture of jQuery, CSS3, SVG, and HTML5 that, when combined, become an unstoppable force on the web.

Dec
18

Cursor following menu

By Vinod  //  All, Javascript, Menu  //  1 Comment

A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure.

The idea behind the script was to create a floating navigation that follows the moving cursor throughout the page. The goal was to make the menu itself as minimal as possible with “discreet” float animation to avoid obtrusiveness and help usability. The end result features simple markup, two levels navigation and styling via css. An extra feature included in the plugin is the function that animates the page to anchor points which you can test on the single-page demo.

Dec
16

xBreadcrumbs (Extended Breadcrumbs) – jQuery Plugins

By Vinod  //  All, Javascript  //  1 Comment

xBreadcrumbs (Extended Breadcrumbs) is a jQuery plug-in to create categorized breadcrumbs for your site. This may be useful if your website has a deep structure and you want allow your visitors to quickly navigate through one section of the site to another. xBreadcrumbs works with unordered lists (UL/LI) which would make your breadcrumbs fully optimized for search engines. An SEO freindly breadcrumb has many benefits.

Dec
15

Animate Panning Slideshow with jQuery

By Vinod  //  All, Gallery, Javascript, Tutorials  //  1 Comment

If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow.

Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well.

In given tutorial you will learn makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.