If you need quick access to html/css for pagination then check out this good tutorial at woork. Digg and Flickr styles provided.

Easy CSS Tooltip: “A really simple and basic Crossbrowser Tooltip on your website.”

I forgot how I found this menu builder, but IzzyMenu “allows you to build your CSS & DHTML menu in minutes.” Well, seems to work ok but I was unable to add submenus (in Firefox 2). It always reset to the sample four menu items. Outside of that, it’s fun and easy to use. But if I can’t get past the submenu issue then it’s not really much use.

Although there appears to be a minor issue in Safari 2, this method of howto “spruce up your search box with CSS and a background image” worked well for me in a recent project.

8 Premium One Line Css Tips - I’m humbled by the fact that these short and sweet lists of code every once in a while contain a tidbit of new or forgotten information.

MooTools Zebra Tables Class

I’m pretty sure i bookmarked this at some point, but since IE6 is *STILL* king it’s still handy to hang onto. I cringe when i still IE6’s browser share. [ via 31three ]

How to recreate Silverback’s Parallax

Create Resizing Thumbnails Using Overflow Property… limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.

Not my personal best but these10 best CSS hacks should be known by any coding pro.

This is a nice listing of color charts… this is my favorite because it lists the colors from sites such as digg and flickr.

Although it looks like there are plugins that accomplish this, it’s nice to know how to highlight author or admin comments in a Wordpress blog using the oldschool approach of php and css.

John Resig notices that Safari, IE, and Firefox browsers round pixels differently.

Take the following page for example. You have 4 floated divs, each with a width of 25%, contained within a parent div of width 50px. Here’s the question: How wide are each of the divs?

The problem lies in the fact that each div should be, approximately, 12.5px wide and since technology isn’t at a level where we can start rendering at the sub-pixel level we tend to have to round off the number. The problem then becomes: Which way do you round the number? Up, down, or a mixture of the two?

Edward Eliot and Stuart Colville released the source code to their CSS Sprite Generator. [ via Ajaxian ]

CSSVista is a free (but in early beta apparently) Windows application for web developers “which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously”.

The SitePoint CSS Reference won’t be your only CSS reference link (and shouldn’t) but it’s especially critical for newbies and moderate CSS users and easily equals the value of a CSS reference book. [ via

Eric Meyer constructed a browser timeline built out of a table, and how he went about coding the html and css. Nice work.

I’m beginning to like Nick Stakenburg. Starbox allows you to create a variety rating boxes (including “half stars”) using just one PNG image. The library is build on top of the Prototype javascript framework and extra effects via Scriptaculous

This release adds a lot of new features to the library:

* Rerating allows you to adjust your previous rating.
* You can easily save your rating with Ajax using the build in callback.
* Improvements to the CSS model, allowing you to style the Starbox based on status (hover, rated and locked).
* Better seperation of Javascript, CSS and images.
* A ghosting bar that tracks your average.
* Custom event ’starbox:rated’ is fired when your rate.
* Batched building of Starboxes based on cached overlay images.

Besides the simple CSS tooltips, Prototip is probably going to be a favorite. Looks like it’s easy to build simple and complex tooltips using the Prototype javascript framework and add effects with Scriptaculous.

Lightview is a new lightbox implementation (ok it might not be new, but it’s new to me and recently updated). Requires Prototype 1.6 and uses Scriptaculous. I love the rounded corners (without using PNGs apparently), especially when it’s used for a photo slideshow. Bookmarking because I haven’t seen this lightbox yet and want to give it a test-drive.

COLOURlovers is offering the html code to get their Color Picker working on your site for free.

Not sure what will make this stand out versus all the others out there, but if you think you’re missing any good css sites then might want to check out the new CSSHive site.

One of those “cool tools that i’ll rarely use”: Chirag Mehta built an app “where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color.” [ via Andy Skelton ]

COLOURlovers is one of my favorite underrated blogs, and I need to visit more often. Recently I found an inspiring article on “How to Create Sublime Colours” but also bookmarking their Ultimate HTML Color HEX Code List.

I just stumbled on this, bookmarking for later review… but Dean Edwards has upgraded his IE7.js to version 2.0 (beta). Now available on googlecode. In a nutshell, IE7 is a JavaScript library to make Internet Explorer behave like a “standards-compliant browser”, fixing CSS issues and makes transparent PNG work correctly under IE5 and IE6. It appears to “fix up” IE6 close to how IE7 (an improvement) operates.

I don’t like the idea of relying on a javascript file (although an excellent idea) because if someone has turned off javascript, the magic dies. But I suppose this would be useful if you are in a pinch and you need a project to work in IE6 and you are pulling your hair out. Looking forward to using it (sparingly).

Found this on a link site, bookmarking for later. “Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts.

A ton of roundups for css menu links exist - this one at noupe.com covers many of the usual suspects but a few rarer ones. You almost can never have too many of css menu lists I think.

Bookmarking this nice article and code (although I admit it needs more testing) for a more accessible edit-in-place solution using Javascript and CSS. I like edit-in-place scripts and I want to download this later and test it on additional browsers, especially Safari.

Using The Best Ampersand Available - Thought this is a nice, short CSS tip worthy of a bookmark.

Javascript and CSS magic… Apple has put up some sample code that shows off the new window.onorientationchange and window.orientation ability that lets you detect the orientation of the iPhone. devphone.com goes into it a bit more, with sample code.

This is a personal note for me (and anyone else who stumbles on this) regarding a possible CSS bug for Firefox.

Say you have two divs - both have floats so that they can end up being two columns on your site. But sometimes when you add a dropdown menu (<select> tag) to one div) it will break the layout… usually meaning that the other div will be pushed down. And this usually happens only in Firefox. IE sees it just fine.

After some mindless tinkering try this - try switching the ORDER OF YOUR divs. So instead of having:

<div1>
<select><option value="something"></option></select>
</div1>
<div2>Right Column</div2>

switch the order in the html, and adjust the css floats (from “left” to “right” for the div2 in this case):

<div2>Right Column</div2>
<div1> <select><option value="something"></option></select> </div1>

This doesn’t really address the oringial problem, although it does fix the issue - and unless i’m missing something, this appears to be a bug in Firefox (although I have not tested this on a Mac version of Firefox).

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. I think this would be rare of me to need, but bookmarking anyway because it seems quick and easy to use if i have to.

Great article on understanding CSS Colour modes, and shows the different ways you can do it in CSS2 and the variations in CSS3. CSS3 apparently is supported by more browsers than you think - but I didn’t see IE mentioned. I’ll probably just stick with what I know works, but is an excellent reference bookmark.

There’s been a lot of talk lately about the development (or lack of) web standards, but not going to create multiple posts about it (yet). Best summary of everything so far is the “Future of Web Standards” article at b-list.org. Also “Reigniting the Browser Wars” and The W3C Cannot Save Us are excellent reads.

Jina Bolton’s Creating Sexy Stylesheets is simply good (but common-sense to advanced CSS developers) tips for using, coding, and commenting CSS. Good reminders.