Category: CSS

Find Unused CSS Selectors »

Yes, bald can be beautiful but not when it’s associated with a developer pulling their hair out trying to find CSS styles are not used on a site. Finding CSS that is unused is a pain to say the least.
Dust-Me Selectors is a Firefox plugin developed by SitePoint to find usused CSS in stylesheets. […]

CSS Framework »

In a recent podcast of boagworld, I heard a brief mention of CSS Frameworks. Creating reusable CSS has been on my to-do list for about a year now, but ‘the list’ of to-do’s keeps growing and somehow this never got to the top of the list. Luckily, I found that Mike Stenhouse already published an […]

Understanding CSS Positioning »

There are generally four ways to position elements on a page.

Position:static
Position:absolute
Position:relative
Floats
Margins

There are pro’s and con’s to each of these methods and it’s easiest to research before you start implementing. In addition, I often do sketches of the layout before starting to code HTML markup and CSS. Once you understand how the layout works, you can […]

50 Beautiful CSS-Based Web Designs »

A wonderful link I received recently is for an article about 50 beautful css-based web designs. The featured designs are really refreshing and vary in both layout and color. I’m an avid reader of CSS Zen Garden so, of course, I loved this link! Bookmarked for inspiration.
Other collections of CSS Designs you might find interesting…

CSS […]

Equal Height Boxes »

I recently did a layout that required equal height columns with boxes inside the columns. I didn’t want to use tables, not because it’s not cool anymore, but because it’s difficult to maintain. Reading through embeded tables and trying to figure out where that missing td is…well, I certainly don’t miss it.
In addition, each page […]

SEOMoz Page Strength Tool »

I recently ran across SEOmoz.com and found the Page Strength Tool really useful for accessing inbound links, visibility and other SEO factors. Since my original visit, a new tool has been added to determine the difficulty of ranking for a particular keyword. Visit SEOmoz’s tool section.

CSS Equal Height Columns »

A common challenge in multiple-column web layout is displaying columns of equal height. This is a very reasonable design goal but not always the easiest design layout to implement. However, there are a few, different ways to accomplish equal height columns using modern, tableless layouts.
I mean…you could use the old, table-filled layout style but really…where’s […]

Cross-browser contained floats »

I found a really straight-forward resource written by Tony Aslett for containing floated divs this evening at CSS Creator. He references several other works which explain in detail how each browser handles the CSS markup. Highly recommended bookmark.

CSS Zen Garden »

I guess it’s about time I linked the Zen Garden here. Why I didn’t do this before is a mystery because I love to go there and peruse the designs. It inspires me visually and technically. It also entertains me when I’m bored and I’m caught up on my illwillpress.com ‘foamy’ cartoons.
Visit Dave Shea’s CSS […]

The Man in Blue »

Last week, I discovered The Man in Blue. Cameron Adams maintains this website which contains both his portfolio of designs and his weblog. His weblog default style is a good illustration of how a textured background can make a flat content area ‘pop’. The entire site is a good example of standards compliant html, although […]