Easy CSS Tooltip

Easy CSS Tooltip – the easiest way to show tool tips. If you need a really simple and basic Crossbrowser Tooltip on your website, this less then 1kb tooltip CSS script might be the one for you (3lines css, 1line html).

If you want to display a tooltip for a link, just add the class “tooltip” to the link and write your Tooltip Text in a span tag within the a tag – thats it.

easy_css_tooltip.jpg

IzzyMenu – Create professional CSS/DHTML Menu

IzzyMenu is a Free on-line CSS Menu Builder. Choose from dozens ready styles or create your own menu style.

izzymenu_online_tool_css_menus.jpg

If need for a submenu of the main menu you can add it in a very simple way. You can also save all menus you create and browse all menus created from the other users. Customize the font, width, height,  background, border, padding, margin, link, hover state and more

izzmenu_css_menu_builder.jpg

Visit IzzyMenu

SitePoint CSS Reference

SitePoint CSS Reference is now open to the public!

The reference contains a bunch of features that make it stand out from the pack — things like cross-browser compatibility charts and user feedback (ala the PHP manual) — to ensure that it is accurate, up to date, and best-practice.  Enjoy!

CSS Reference

Float-less CSS layouts

A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! FLOATs are a source of many browser bugs (mainly IE bugs) which make FLOAT constructs difficult to master across browsers… and easy to break.

Article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust layouts.

css_float_layouts.jpg

CSS Text Wrapper

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.

There is three different ways to apply the wrapping shape to your site. Each has it’s benefits/drawbacks . All you have to do is to copy the generated code to your website.

CSS Text wrapper

CSS Oval buttons

Oval CSS buttons by Dynamic Drive. These buttons use the sliding doors technique of CSS, plus two sliced background images with “on” and “off” states, to create flexible oval shaped CSS buttons.

Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it.

The only limitation is the height of the button, which is fixed based on the background image’s height.

CSS Oval buttons