Best CSS tools EVER!

We're always hungry in css. It has such a great potential if done right that we don't care if the time spent making our web apps compatible and compliant is so long. We searched and saved the best tools of the month when it comes to css and came up with this great list that might make your job easier or less painful. Hacks, publications, resources and other tools…

 CSS Hacks & Issues

"This article includes 8 helpful solutions which we find essential when designing with CSS".

 

 

 

Advanced Formatting and Organization

"In this day it is very common for a stylesheet to contain many times more line of code than its corresponding XHTML document. Part of the challenge of witting good CSS is not just learning the correct properties to use, but formatting and organizing your document in a way that allows for easy maintenance and speedy display bug fixes.".

 

Margins and Padding

50% of the job might be to make your website look and act the same in all major browsers. This is a nightmare for all designers. While you're swearing you might try this out...

 

 

 

Margins and Padding

"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms." - nice job.

 

 

CSS Slicing Guide

...learn to slice your templates into fully valid XHTML and CSS web pages.

 

 

 

 

Wordpress Theme Generator

"This online generator creates your own custom unique WordPress Theme. Without any need for HTML, JS, PHP, or CSS knowledge".

 

 

 

 

A CSS sticky footer that just works

"We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over".

 

 

 

60 best CSS directories you would die to watch!

"With new technologies flooding the web,different tools are available with which a web designer can showcase his creativity and craft. But despite putting in the effort and sweat, numerous websites with fantastic creativity fail to get noticed. Also, the surge in designing is driving designers to dig for creativity, color schemes and layouts."

 

Faster Page Loads With Image Concatenation

Using icons in your web pages can have a great visual impact but it also makes it harder to load. Learn by example how to use concatenation to speed up your web applications.

 

 

 

A Guide to CSS Support in Email

"Inspired by the fantastic work of Xavier Frenette, we decided to put each of the popular email environments to the test and finalize once and for all what CSS is and isn't supported out there".

 

 

 

Css tinderbox

"The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects."

 

 

 

Css tinderbox

"To help you work with CSS, we've created a free tool called Simple CSS, which runs on Macs, Windows and Linux. Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface."

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