Posts in Scripting
jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between …
Scroll Animation using jQuery.SerialScroll
SerialScroll jQuery plugin makes possible series of elements to be animated in sequence scrolling. A compact and tiny plugin, but highly customizable as it has access to a lot of options. It can use jQuery.ScrollTo’s settings and it will make 27 different …
jQuery Color Picker plugin
Color Picker is a simple jQuery plugin to select color. It has the same interface just like select color feature in Adobe Photoshop. You can set this color preview in flat mode, which works as an element in a page, or customize …
Moousture - a mouse gesture library
Moousture is a mouse gesture library with power and flexiblity to mould itself for you. Implemented on Mootools following the Object Oriented standards. Library is aimed to set out a future framework for mouse guesters for any browser including modern mobile devices. …
How to use images as captions with jQuery Captify
jQuery Captify is a plugin that displays simple and pretty captions that pop up on rollover. But in this tutorial article you can find a quick guide on using an actual image as a caption with jQuery Captify.Simple markup is used for …
BeautyTips jQuery
URL: http://www.lullabot.com/files/bt/bt-latest/DEMO/index.htmlBeautyTips is a comprehensive jQuery tooltips plugin that will allow you to dynamically draw tooltips associated with a html element on the page. These tips are highly configurable and can be triggered in many different ways.By default each tooltip will …
How to create a vertical sliding jQuery menu
page >> http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/demo >> http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.htmlThis tutorial will combine the power use of Photoshop and jQuery. If you are a newbie to jQuery, and want to create a sliding navigation menus that will dazzle everyone, you should read this tutorial. jQuery animates this …
hoverIntent jQuery Plug-in
hoverIntent is a jQuery plug-in that made to control the response the mouse movement just as the user’s intent to. It was derived from jQuery’s built-in hover. However, instead of immediately calling the onMouseOver function, you can control the call …
jQuery Sliding Boxes with custom captions
Here is a simple jQuery Sliding Boxes that slides or animates with custom captions. This plugin is developed by By Sam Dunn.First of all, you’ll need to set the CSS class (.boxgrid) that acts as a viewing window and sets the default …
How to create iCal-like calendars with jQuery
site: http://www.stefanoverna.com/log/create-astonishing-ical-like-calendars-with-jquerydemo: http://www.stefanoverna.com/wp-content/tutorials/ical_like_calendar/You may often see some websites displaying a common look of calendar simply to give information to the visitors of what the date or what day is today and it is also quite without further uses. Stefano Verna has …
Zoomy.js: a Zoom-in Image Gallery
Zoomy.js is a Prototype class that allows you to easily create image gallery with simple magnification of images. This zooming feature is customizable as pop-up & overlaying boxes. Features: * display clickable thumbnails and zoomed image when you click …
jQuery Facebook-Style Lightbox
URL: http://famspam.com/faceboxDemo: http://famspam.com/This Facebook-style lightbox is developed with jQuery-based which can display images, divs, or entire remote pages. This tricks and tips will require some files, they are: * jQuery 1.2.1. * Facebox v1.2 …
Niceforms
site: http://www.emblematiq.com/projects/niceforms/demo: http://www.emblematiq.com/niceforms/v20/niceforms.htmlNiceform is a javascript form that will replace common style of form elements with custom designed ones. It combines basic XHTML code with the DOM tree, to mock up all the input fields, hides them, andpositions their new graphical appearance …
Fades an element using jQuery Fade In.Fade Out
URL: http://hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/demo: http://www.hv-designs.co.uk/tutorials/jquery/all.html jQuery Fade In.Fade Out fades an element to 30% on the landing page and when you hover over it, it fades to 100%. The effect can be assigned to any element in a website, such as image, text, a …
prettyPhoto - a jQuery lightbox clone
prettyPhoto is an alternative jQuery lightbox, which is developed by Stéphane Caron. It has better animation FX, fullscreen image feature, enhanced title and caption (support html code). This jQuery lightbox also display box that is designed to auto fit the size of …
Drop Shadow Effect using jQuery Plugin
Usually, you will add drop shadow effect using a graphic software, well would you like to know that you can also make good use of this great jQuery plug-in to add soft drop shadows behind page elements? You’d better be :)The shadows …
Accessible News Slider JS Plugin
Accessible News Slider is a JavaScript plugin that makes possible for you to create grid of news items and “slideBy” them in a compact row with smart navigation sets. Brian Reindel has designed this Javascript plugin with high consideration of better accessibility …
jParallax: Moving the Absolute Positioned Layers Parallaxy
website>> http://webdev.stephband.info/parallax.htmldemo>> http://webdev.stephband.info/parallax.htmljParallax is a jQuery script that makes layers of an element or a content, to move by different amounts, in a parallaxy way.The selected element and all its children are set into absolute positioned layers that can be seen through …
