Supernote Popup Tooltips
Supernote is a pop up tooltip library based on CSS and Javascript. Some of the features include:
- Pure CSS formatting
- Nested tooltip in unlimited level - the tooltip can contain another tooltip
- Accessible HTML elements used to construct the tooltip - maintains excellent search engine
- The tooltip can be activated by hover or clicking the link
The library is free to use, however, you are required to include credit link to author’s web site. Alternatively, you can donate to support the library if you want to use in your web site without a credit link.
Stylish File Input with CSS
File input (<input type=”file”/>) is always a challenge because of its ugly and non-consistency look in different browsers and different OS.
Shaun Inman, the creator of Mint, has come out with a stylish file input library using CSS and Javascript. The library works in IE 5.5+, Firefox 1.5+, and Safari 2+.
Click here for the demo.
Note: Unfortunately the script on demo page doesn’t seem to work in Firefox 2.0.0.6 under Ubuntu.
Ext File Upload Form Widget
Jozef Sakalos has come out with a nice file upload widget using Ext JS Javascript library. The purpose is to provide an user interface for uploading files to the server. First, user can add files to (or removed from) a queue and then upload all queued files in one shot.
Fancy Checkbox and Radio Button
If you are a web designer, you should have a look at FancyForm, a Javascript library to replace your checkbox and radio button on your web page.
The advantages are you need only two lines of markup to make it works, you can customize the look, and the web page still works on the older browser. It is free to use, but a link to FancyForm web site would be appreciated.
Click here for the demo.
Implementing a Syntax-Higlighting JavaScript editor in JavaScript
If you are interested in implementing a Javascript editor, have a look at Marijn Haverbeke’s Javascript editor. The editor run in a web browser (using Javascript itself!) and its features include Javascript syntax-highlighting and auto indent.
Marijn also includes implementation notes that explains insights, implementation challenges of cross-browser support, and cool programming techniques.
The code is released under BSD-like license.
Add Notes to Your Prototypes
Protonotes are notes you add to your prototype (or any document) on the web so you can discuss the design, requirement, etc. with your team members. It is another way to collaborate with people and it can be used to supplement email, wiki, and online-based project management / discussion board.
What is great about Protonotes? It is free and you don’t need to install anything on your machine. It can run on various browsers for read-only viewers, however, you need an IE browser for the admin work (why?).
Create Drawing and Diagram Using Javascript
Open-jACOB Draw 2D is a nice attempt to create drawing and diagram (ala Visio) using a standard web browser. You don’t need third party library or additional software installed - it just works.
This library can be used in your application as embedded workflow editor. It is under a LGPL license.
Download Open-jACOB Draw 2D version 0.9.2 here.
Fancy Menu
Guillermo Rauch has come out with combination of CSS and Javascript to create fancy menu with a nice effect. Move the mouse over the menu link and have the element served as background animated following the mouse over.
The Fancy Menu needs Mootools library and it is cross-browser (tested on Internet Explorer 6/7, Firefox and Safari).
Download Fancy Menu here.
