Best of Tooltips Scripts With JavaScript, Ajax & CSS

Tooltips are the easiest and coolest way to show additional information or special reference,  which is often shown with mouseover or click actions…

Here We’ve Collected 30+ Tooltip Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation , which you can easily incorporate into your future designs.

Jquery Popup Bubbles

Coda Inspired Popup Bubbles

---

Cool Tooltips

CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.

---

jQuery Plugin: betterTip

BetterTip is a plugin for the JQuery library that allows you to create custom tool tips. It is based on  Cody Lindley’s jTip, but it is much more flexible.

---

SuperNote

This is an accessible, CSS/JS based “popup tooltip” script that dynamically converts regular footnotes in a document into tooltips that appear next to their triggering elements.

---

Prototip2

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework

---

ToolTip_MooTools.

usies Gzip loader technique that will deliver CSS and Javascript files more faster and also with minimun HTTP

---

Tooltips from AJAX, DOM nodes

---

Boxover - Javascript/DHTML Tooltips

BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript.

---

MooTools Tooltip

---

WebSnapr - Preview Bubble Javascript v2.0

The websnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using  websnapr.

---

Help Balloon

really cool Popup Baloon

---

DHTM Goodies Balloon Tooltips

An alternative to the alt and title attribute. Roll your mouse over the links in the example to see how this work.

---

DHTM Goodies Ajax Tooltips

A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files.

---

Tooltip.js

Creating simple tooltips

---

Nice Titles

---

Clue tip A Jquery Plugin

The clueTip plug-in allows you to easily set a link to show a “tooltip” of sorts when the user’s mouse hovers over the link. If the link includes a title attribute, its text becomes the heading of the clueTip.

---

Mobile Tooltip widget

A mod version of the tooltip widget for GWT which supports mouse movement event.

---

jQuery Input HintBox

An easy to use hint box script for forms using Jquery

---

Form Field Hints with CSS and Html

This Script shows up hint for the currently focused input

---

Jtip a jquery tool tip

A tool-tip solution with little more flexibility and customization now

---

Easiest Tooltip and Image Preview Using jQuery

---

Hovertips

---

Advanced Tooltips

Add advanced tooltips for people on your photo

---

Bubble Tooltips

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.

---

Fading Tooltips - Nice, Lightweight JavaScript Tooltip

---

Cool DHTM ToolTip II

---

Css ToolTIp

---

Tipster Demo

Customize anything and have advanced HTML formatting

---

JavaScript, DHTML Tooltip

An easy to use cross-browser Tooltip JavaScript Library that creates tooltips,

---

Popup Baloon

The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips (AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website

---

• Smart Hover Box
• Animated tooltip
• Javascript Tool Tip Script
• Multiline Tooltip with HTML, CSS and JavaScript

Related Resources:

• 30+ Animated Tab-Based Interface and Accordion Scripts
• 45 Excellent Free Wordpress Themes
• 45 Excellent Free Wordpress Themes
• 45 Excellent Free Wordpress Templates
• Packaging design inspiration - 45 Really Nice Packaging Designs

A monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.

jQuery Plugins.

idTabs is a plug-in for jQuery. It makes adding tabs into a website as simple as it is. But it can also open the door to endless possibilities.

This is an extremely basic, yet powerful dropdown technique for adding a dropdown menu inside your website or application by Nathan Wong.

Alen Grakalic wrote a very nice and easy jQuery slider plug-in. It let’s slide images or any content horizontally or vertically on a single click or even fully automatically

s3Slider jQuery Plug-in is a nice jQuery Featured Content Gallery plug-in, you can easley ad this slider to your own website to show of your work or something similar by Boban.

James Padolsey made a cool jQuery Image Preview plug-in that will allows your users to preview an image before clicking on it.

The best and easiest jQuery Lightbox Plug-in there is by Leandro Vieira Pinho

A very clean and easy slideshow by Timothy van Sas

A very nice and fast stylesheet switcher made by Kelvin Luck

A nice jQuery Fade In.Fade Out effect what can be used in different ways, made hvdesigns

A cool and handy script made by Ronnie Garcia

Carousel riding with Jan Sorgalla.

Another Carousel by 5 Bosses, it’s really nice for showing your work in a portfolio.

The well known Mootools effect is now available for jQuery, made by Jeremy Martin

A nice and very good looking breadcrumb plugin for jQuery made by Jason Roy for CompareNetworks Inc.

Klaus from stillbuero.de has made a usefull jQuery Tabs.

A very lightweight jQuery Drop-Down menu made by SpiceBrains

hSlides is an horizontal accordion navigation made by Jesus Carrera

Another Tab plugin for jQuery by Jordan Boesch

A nice and easy nway to scroll your html elements, made by flowplayer.org

A CSS Sprite effect with the help of jQuery, made by Dave Shea

Alen Grakalic just made a cool tooltip plugin for jQuery

A nice collection of tutorials about jQuery form WebdesignersWall

Load in and Animate content tutorial by James Padolsky

Over at Shopdev they made a very cool menu effect with jQuery

Ever wanted to know how they make thos large backgrounds, Sam Dunn will tel you.

A very smooth and elegant menu slider effect form Zach Dunn

A nice technique to sort out your portfolio items by Trevor Davis

Use the jQuery UI to Control the Size of Your Text from Connor Zwick

A cool animated navigation effect witth css and jQuery by Joash Xu, very interesting tutorial.

This is a nice tabbed content area effect with the help of css and jQuery, made by Collis Ta’eed

Amazing Free Web Analytics Tools | SulVision.com

Web analytics is the process of gathering and analyzing your web content’s data in order to glean meaningful information about how your site is being utilized by your users.

Free Web Analytics Tools

There are plenty of Web analytics applications out there, and you probably already know the big guns such as Google Analytics, Crazy Egg, and remote-site services such as Alexa and Compete.

We go off the trodden path and explore a few lesser-known Web analytics options. In this article, you’ll find 10 excellent and free tools and applications to help you gather and analyze data about your web content.

1. Piwik

Go to Live Demonstration of Piwik.

Piwik is an open-source Web analytics application developed using PHP and MySQL. It has a “plugins” system that allows for utmost extensibility and customization. Install only the plugins you need or go overboard and install them all – the choice is up to you. The plugins system, as you can imagine, also opens up possibilities for you to create your own custom extensions. This thing’s lightweight – the download’s only 1.9MB.

2. FireStats

Go to Live Demonstration of FireStats.

FireStats is a simple and straight-forward Web analytics application written in PHP/MySQL. It supports numerous platforms and set-ups including C# sites, Django sites, Drupal, Joomla!, WordPress, and several others. Are you a resourceful developer who needs moar cowbell? FireStats has an excellent API that will assist you in creating your own custom apps or publishing platform components (imagine: displaying the top 10 most downloaded files in your WordPress site) based on your FireStats data.

3. Snoop

Snoop is a desktop-based application that runs on the Mac OS X and Windows XP/Vista platforms. It sits nicely on your system status bar/system tray, notifying you with audible sounds whenever something happens. Another outstanding Snoop feature is the Name Tags option which allows you to “tag” visitors for easier identification. So when Joe over at the accounting department visits your site, you’ll instantly know.

4. Yahoo! Web Analytics

Yahoo! Web analytics is Yahoo!’s alternative to the dominant Google Analytics. It’s an enterprise-level, robust web-based third-party solution which makes accessing data easy especially for multiple-user groups. It’s got all the things you’d expect from a comprehensive Web analytics tool such as pretty graphs, custom-designed (and printable) reports, and real-time data tracking.

5. BBClone

Go to Live Demonstration of BBClone.

If you’re looking for a simple, server-side web application that doesn’t rely on third-party services to monitor your data, check out BBClone - a PHP-based server application that gives you a detailed overview of website traffic and visitor data. It supports language localization for 32 languages like English, Chinese, German, and Japanese. It easily integrates with popular publishing platforms like Drupal, WordPress, and Textpattern. Since it’s logfile-based, it doesn’t require you to use a server-side relational database.

6. Woopra

Woopra is a Web analytics application written in Java. It’s split into two parts which includes a desktop application for data analysis/exploration and a web service to monitor website statistics. Woopra has a robust user interface, an intuitive management system that allows you to run it on multiple sites and domains, and even a chat feature so that you can gather non-numerical information by talking to your site users. Woopra is currently in beta and requires you to request for a private beta registration.

7. JAWStats

JAWStats is a server-based Web analytics application that runs with the popular AWStats (in fact, if you’re on a shared hosting plan - AWStats is probably already installed). JAWStats does two things to extend AWStats - it improves performance by reducing server resource usage and improves the user interface a little bit. With that said, you can’t go wrong with just using AWStats either if you’re happy with it.

8. 4Q

A large part of Web analytics deals with number-crunching and numerical data. Raw numbers tells only part of the story and it’s often helpful to perform analytics by way of interacting with actual users. 4Q developer Avinash Kaushik puts it perfectly when he said: “Web analytics is good at the ‘What’. It is not good at the ‘Why’”.4Q is a simple surveying application focused on improving your traditional numerical Web analytics by supplementing it with actual user feedback. Check out this YouTube video on how easy it is to set up 4Q.

9. MochiBot

MochiBot is a free Web analytics/tracking tool especially designed for Flash assets. With MochiBot, you can see who’s sharing your Flash content, how many times people view your content, as well as helping you track where your Flash content is to prevent piracy and content theft. Installing MochiBot is a breeze; you simply copy a few lines of ActionScript code in the .FLA files you want to monitor.

10. Grape Web Statistics

Go to Live Demonstration of Grape Web Statistics.

Grape Web Statistics is a simple, open-source application geared towards web developers. It has a clean and usable interface and has an Extensions API to extend and customize your installation. It uses PHP for the backend and you can run it on any operating system that runs PHP.

Let’s talk about it.

What Web analytics software do you use, and why? Do you have any extensive experience in using any of the above application? Share it with all of us in the comments!

Related Resources:

• 10 Promising Content Management Systems
• 30 Excellent WordPress Video Tutorials
• 15 Free Tools for Web-based Collaboration
• 15 Useful Tools for WordPress Bloggers
• 10 Excellent Open Source and Free Alternatives to Photoshop

Most Useful Free Resources For Designers And Web Developers

We are always looking to come up with the post that is attractive and useful for everyone. We most of the time focuses on the designer’s stuff, developer’s resources and where anything is going to launch free of cost. There are countless designer’s and developer’s free resources available which everyone should review at least once. In this post, I have collected 21 Most Useful Free Resources For Designers And Web Developers.

40 Essential Tools and Resources to Visualize Data

A lot of people are excited to play with their data, but don’t know how to go about doing it or even start. Here are the tools that I found helpful for data visualization – starting with organizing the data, to graphs and charts, and lastly, animation and interaction.

13 Awesome Javascript Animated Flash Like Menus

This is the list 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs.

75 (Really) Useful JavaScript Techniques

Sometimes we need JavaScript solutions that are a little more involved or specific. Here are 75 more handy JavaScript techniques that have made websites much sleeker and more interesting.

16 Free Ajax Contact Forms - For A Better User Experience

Depending on the features (or JS frameworks to be used) you may need, you can choose from these 16 very nice free Ajaxed contact forms & implement them easily to any website.

20 Excellent AJAX Effects You Should Know

These are the top 20 Ajax effects that every web developer should know. They’re essential parts of any web developer’s toolbox. If you haven’t seen them yet, you no doubt will in your future web development endeavors.

7 Free CSS Editors, Which Is the Best? You Choose

I have always used Dreamweaver, and love it. But, I have been thinking, what are the FREE CSS editors like? This is the list of 7 Free CSS Editors to help with your choice.

Wordpress Featured Post Slideshow

This is the detailed tutorial in which you can read that how you can create wordpress featured post slideshow Jquery for your blog.

8 CSS Techniques for Charting Data

There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility.

What Are The Benefits of Using a CSS Framework?

What are the benefits of using a CSS framework? And would you suggest that over starting from scratch?

30+ Tooltips Scripts With JavaScript, Ajax & CSS

This is the collection of 30+ Tooltip Scripts vary from CSS, Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs.

50 Excellent AJAX Tutorials

This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.

Tutorial: Creating Custom Write Panels in WordPress

It seems the latest fad to hit the WordPress scene is adding thumbnails into a blog post. This is fairly easy to do with some knowledge of custom fields, but can be a little complicated if your client is new to WordPress, or blogging.

Using Javascript to Fix 12 Common Browser Headaches

Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers.Don’t worry too much if you don’t know the reason why, play around with the CSS rules and check out this post Using CSS to Fix Anything.

How to Create an Object-Oriented Blog Using PHP

While there are countless excellent free blog platforms, the purpose of this tutorial is not to make a “better” blog but to use the process of making a blog to learn about advanced database structure techniques and how to use data more efficiently by utilizing objects in PHP.

37 Ways to Design the Comments Form

There really is no right or wrong way to design a comments form as long as you pay attention to basic usability guidelines. These are the 37 ways other blog designers have designed their comments form

30+ (More) Most Wanted Wordpress Tips, Tricks and Hacks

There are lots of impressive Wordpress tricks, hacks and plugins out there that we thought are really great that is why we compiled a list for you.

20 jQuery Plugins for Unforgettable User Experience

In this article you will find a list of over 20 Useful and New jQuery plugins you should always have ready to create more interactive, more responsive and more flexible web-solutions.

7 Version Control Systems Reviewed

This article reviews some of the top open-source version control systems and tools that make setting up a version control system easy.

Top 10 Tutorials for Developing WordPress Themes

The fun thing with WordPress is that there’s always something new that you can learn to make the platform work better for you and your clients. These 10 tutorials will teach basic WordPress theming as well as some more advanced skills.

10 Helpful Resources for Cross Browser Testing

Finding and fixing problems can be difficult if you’re not equipped with the right tools. In this post you will see a brief look at 10 of the leading resources for making your browser testing less time consuming and more productive.

30+ Animated Tab-Based Interface and Accordion Scripts

This is the useful collection of 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation which you can easily incorporate into your future designs.

Related Resources:

• 35 Mindblowing Inspirations And Resources For Designers And Developers To Discover The Best Of The Web In October
• 31 Incredible Resources And Inspirations For Designers Like You To Discover The Best Of The Web In November
• Discover The Best Of The Web In August 2008
• 30+ Animated Tab-Based Interface and Accordion Scripts
• 19 Must-Have Collection Of Free Christmas Resources (Exclusive Designers Kit)