noisylime

These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it.

Link

check it out.

Check out the 960 grid system.

There is also one called blueprint, which can be found here.

id {
min-height:500px;
height:auto !important;
height:500px;
}

Thanks, Dustin

pretty slick image fading with description overlay.
LINK

Download the code from my friends at woork.

link

Sick of those straight lines that your text follows? Rounded corners can only do so much? Now, a new tool is here to help you out: CSS Text Wrap.

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. All you have to do is draw the left and right edges below and then copy the generated code to your website

On the flip side, you get a choice of inline HTML (below), XHTML with CSS classes, or JavaScript.

[via Ajaxian]

Enter your url and let this tool check css validation, google backlinking, url history, network status, etc.

LINK

Nick Stakenburg has written a nice simple tooltip built on Script.aculo.us called Effect.Tooltip.

It is as simple to setup as:

[via Ajaxian]

Glossy.js 1.2 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing.

LINK