Articles

By exploding, I sort of mean “the menu blocks appear to expand vertically”, but you get the idea. The theory is that upon rollover, you can change the height and offset of an element (or width or any number of …

Hey ya’ll,

I have a guest post up over at CSSJuice.com explaining how to set up user-selectable stylesheets. Check it out!…

Developer Mark Alldritt posted a pretty nice bit of code (XCode project) for making nice Apple-Like menus in applications. I thought I would try to replicate this same idea with CSS. It worked out fairly well, check out the screenshot:…

OK, this is a little cheezy, but it’s just intended to be an example of something you can do with CSS. Certainly this could be adapted in any number of different ways to achieve cooler effects. The theory here is …

The Graphic Design Blog asks an interesting question about advice for beginners on learning CSS/HTML: Should newbies learn static or dynamic web design?

The obvious conclusion would be ‘you gotta learn to walk before you can run’, but this …

If you have certain pages on your website that take some time to load, you may want to consider a page loader. A page loader is any kind of animation that visually communicates to a visitor that the page is …

Let’s say you need six different 100px square boxes with different characteristics:

• Red with Border
• Blue with Border
• Green with Border
• Red without Border
• Blue without Border
• Green without Border

You COULD create a unique class for each of these, …

There is an article over at Search-This that points out a couple of beginner mistakes that are pretty interesting. Here are some highlights and some of our own:

• Absolute positioning. – One of the first feelings of power you get

Just like you can validate your HTML at the W3C, you can validate your CSS.

CSS-Tricks passes muster.…

You can get pretty specific when declaring how you want text to look with CSS:

p {
  font-family: Verdana;
  background-color: #7A2121;
  color: #B93333;
  text-decoration: underline;
  word-spacing: Normal;
  text-align: left;
  letter-spacing: 1px;
  text-indent: 15px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  font-style: 

Dan Cole has an interesting article up about creating a logo using only CSS. Why?

• Faster loading time
• Works with images disabled
• Scalable

Here is what it looks like:

Here is how it was done:

#tower1 {
position:absolute;
top:51px;