Unobtrosive Bubble Tooltips with Javascript and CSS

Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. They operate this way:

1. A check for DOM support is performed
2. If found, the title and href attributes of links are extracted from the page and they’re injected into a DOM structure
3. When the mouse is rolled over a link, the related tooltip (styled with CSS) is displayed

Bubble Tooltips are unobtrosive and for browsers with bad DOM support or javascript disabled, the plain title of links will be displayed. Compatibility is quite good: they’ve been tested with success in IE5, IE5.5 and IE6 on Win, Opera 8.5, Safari 2.0 and Firefox 1.5.

Requirements: Internet Explorer 5.0+, Opera 8.5+, Safari 2.0+, Firefox 1.5+
Demo: http://web-graphics.com/mtarchive/BubbleTooltips.html
License: License Free

CSSplay 15 Professional Horizontal Menus for Download

CSSplay has released 15 professional horizontal menus. All using the sliding doors technique so that the menu items will fit the text. These menus work in all the latest browsers. Some of them are Mac style, and some of them are Windows Vista style. You can use them in both personal and commercial projects. You can use these menus as part of your application interface. You can also use it in your “Paid Projects” for your clients.

Requirements: No Requirements
Demo: http://www.cssplay.co.uk/menus/pro_horizontal.html
License: License Free

E-junkie Shopping Cart

FatFreeCart is the free version of E-junkie shopping cart. Get Google CheckoutIt works inside your website, your blog and will even work from your MySpace page. It is simply a copy-paste cart and does not require you to register with us or install anything.

FatFreeCart works with PayPal and Google Checkout. It supports product variations, shipping, handling and sales tax. On top of being certified by PayPal and Google, it has been successfully tested on humans and they absolutely love it (which means higher conversion rates for you). FatFreeCart is also the only serious cart with a somewhat funny name.

Requirements: No Requirements
Demo: http://www.fatfreecart.com/
License: License Free

Comments Niceforms 1.0 Released

Sometimes, designing pretty forms with high usability is really hard even with lots of tutorials about how to design forms with CSS. Now, there is a very beautiful forms for you to download and use. You can also design your own theme for it if you do not like the default theme. Niceforms is a script that will replace the most commonly used form elements with custom designed ones.

Requirements: Firefox 1.5+, Internet Explorer 6.0+, Safari and Opera
Demo: http://www.badboy.ro/assets/articles/niceforms1.0/niceforms.html
License: License Free

Lightbox – Elegant and Animated Gallery

Sometime, we need a way to show one or a set of images in a more elegant way. Lightbox is a simple, unobtrusive script used to overlay images on the web pages. It is extremely easy to setup and works on all modern browsers. The best thing of it is that if you have a set of images, the script will preload all images before you clicked to the next image. So that you do not have to wait for loading everytime you click to the next image.

* Lightbox uses the Prototype Framework and Scriptaculous Effects Library.

Requirements: Any Modern Browsers
Demo: http://www.huddletogether.com/projects/lightbox2/#example
License: Creative Commons Attribution 2.5 License

Openads Open Source Ads Management Tool

We usually put some ads on our website or web application. We need a system to display different campaigns and monitor the performance of campaigns. Openads is the best open source ads management tool I have even seen. Tens of thousands of websites are using Openads to make money from online advertising.

Ads can come in all sorts of formats from images to movies, flash to popups and everything in between. Openads administrative interface lets you choose to enable or disable a campaign at any time.

Openads lets you run campaigns from many advertisers at the same time by loading ad program tags into Openads, e.g. Google Adsense, Double Click and Valueclick Media,etc.

Demo: http://www.openads.org/downloads/download-openads-2.0.html

Unobtrusive Keyboard Accessible Date Picker

No one in their right mind likes pop-up windows and personally, the thought of embedding JavaScript blocks within the (X)HTML just doesn’t do it for Brian, so, Brian coded an Unobtrusive Date-Picker that was accessible using the keyboard and suitable for use within documents served as application/xhtml+xml (as no document.write statements are used). The date-picker attempts to auto-detect the language of the users browser installation and download the corresponding language file from the server. And also, it has the nice fade in and fade out effect.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.frequency-decoder.com/demo/fd-date-picker/
License: Creative Commons License

Table Sorter By Jquery

Introduction

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

• Multi-column sorting
• Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
• Support for ROWSPAN and COLSPAN on TH elements
• Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
• Extensibility via widget system
• Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
• Small code size

Demo
Click here to download

Phatfusion Image Menu with Mootools

Phatfusion image menu

version 2.2

horizontal menu, reveals more of the image as you rollover it.

features

• 2 optional onClick events - open & close
• href passed to onClick events
• stays open when clicked
• closes when clicked
• select item to pre-open

usage

var myMenu = new ImageMenu('imageMenu', {
 openWidth:310,
 onOpen:function(e,i){console.log(e)}
});

options

onOpen

a function to execute when an item is clicked open. If there is an href within the li then that is passed to the function.

onClose

same as above but when clicked closed.

openWidth

width in px of the items when rolled over. default: 200

transition

default: Fx.Transitions.quadOut

duration

the length of the transition. default: 400

open

the id or index of the item to open on start. default: null

border

a px value to tweak the widths when an item is open. default: 0

browser compatibility

• Firefox 2 (mac / pc)
• IE 7
• IE 6
• Safari (mac)

downloads

• imagemenu.zip

CodeIgniter

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. If you're a developer who lives in the real world of shared hosting accounts and clients with deadlines, and if you're tired of ponderously large and thoroughly undocumented frameworks

CodeIgniter is right for you if...

• You want a framework with a small footprint.
• You need exceptional performance.
• You need broad compatibility with standard hosting accounts that run a variety of PHP versions and configurations.
• You want a framework that requires nearly zero configuration.
• You want a framework that does not require you to use the command line.
• You want a framework that does not require you to adhere to restrictive coding rules.

• You are not interested in large-scale monolithic libraries like PEAR.
• You do not want to be forced to learn a templating language (although a template parser is optionally available if you desire one).
• You eschew complexity, favoring simple solutions.
• You need clear, thorough documentation.

Click here to download