Category Archives: CSS

Flickr Style – Display Notes on Images using jQuery

A simple way to display notes over images when you roll your mouse over the image – you got it right! Flickr has that… Resource: Sample | Tutorial

Sleek Tooltip using jQuery

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. Awesome plugin… TipTip detects the edges of the browser window and will make sure the tooltip stays within the … Continue reading

Another Visual Lightbox using jQuery

Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. Just drag&drop your photos into Visual LightBox … Continue reading

Custom styled Check box using jQuery

Create a custom styled check box using jQuery. Resource: Sample | Tutorial

Scale images to max-width on browser using jQuery

jQuery maxImage plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it’s effect. Resource: Sample| Tutorial

Crop image using jQuery

The crop plugin takes an IMG element and crops them to the dimensions given. The result is a DIV with a background image with the height and width and an offset. The new DIV should also carry across the existing … Continue reading

Accessible Slider with Select element using jQuery

This plugin allows jQuery UI Slider plugin to be generated using progressive enhancement. The plugin scrapes the data from a select element and generates a jQuery UI Slider in its place, acting as a proxy to the select element (regardless … Continue reading

Expandable box using CSS

In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s … Continue reading

Create custom corners using jQuery

Cornerz is a bullet proof curved corners plug-in for jQuery using Canvas/VML. Features inclue * Anti-aliased curves. * Fast – no excanvas. * Support for any size radius and border width with minimal performance increase. Resource: Sample | Tutorial

Add Auto-Complete feature to your inputbox using jQuery

Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of … Continue reading