Tagged: with

Styling Code Snippets with CSS 0

Styling Code Snippets with CSS

Although there are many useful plug-ins out there that dress up code snippets, I would like to share a technique playing with the background of the <pre> and <code> tag with CSS. View Demo...

Sexy Ordered Lists with CSS 0

Sexy Ordered Lists with CSS

Recently I was working on a site where I had to style an ordered list and thought this may help some of you in future projects. The snag that some people tend to run...

Fixed Footer Backgrounds with CSS 0

Fixed Footer Backgrounds with CSS

I’ve gotten a couple of emails asking me how to pull off this effect so I thought it may be helpful for others as well. When fixing a background image on the bottom of...

Table of Contents Style Layout with CSS 0

Table of Contents Style Layout with CSS

For a recent project, I was designing a price guide that was basically very similar to a typical Table of Contents type of layout. I hope it can come in handy for some of...

Two Simple Ways to Vertically Align with CSS 0

Two Simple Ways to Vertically Align with CSS

We all know achieving vertical alignment with CSS is a big headache. I don’t think I’ve run across any flawless way of doing this, but I would like to go over the one’s that I...

CSS Vertical Navigation with Teaser 1

CSS Vertical Navigation with Teaser

This technique is a simple way to display some teaser information for your vertical navigation. I won’t waste any of your time with an intro, let’s get right into the code. HTML We will...

5 Ways to Spice up Your Images with CSS 1

5 Ways to Spice up Your Images with CSS

  Here are a few simple tricks to add some flavor to your typical bland images. Using Photoshop to style each image can be tedious and difficult to maintain in the long run. These...

Styling Your Search Form with CSS 0

Styling Your Search Form with CSS

Today I would like to cover how to style your search field using background images in CSS. Previously I was using a different technique to style my forms and search fields, but this way...

Designing with Purpose 0

Designing with Purpose

One common mistake we all tend to step into is not designing for the user and the website’s intended purpose. As designers, we have our own style and taste for aesthetics which can be...