Category: CSS

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...

Avoiding Excess Margin on Repeating Columns 0

Avoiding Excess Margin on Repeating Columns

Creating columns in CSS is not very hard to achieve but when working with a dynamic site and if the CMS does not allow you to easily modify each column accordingly, you end up...

CSS On-Hover Image Captions 0

CSS On-Hover Image Captions

I was browsing through some gallery style sites and saw some inspirational techniques that I wanted to replicate with my own version and style. This is an add-on to my previous articles “5 Ways to...

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...

Beginner’s Checklist Before Debugging CSS 0

Beginner’s Checklist Before Debugging CSS

I have been mentoring some friends with their web design / front-end development and I noticed a common pattern of mistakes that they tend to make that I would like to share today. Although...

Identity Crisis of the CSS Ninja 0

Identity Crisis of the CSS Ninja

Just would like to rant today about some thoughts I’ve been dealing with recently. No tutorials or informative post today, sorry! If you have some time to hear me out please do! The CSS...

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...

Create Simple Templates Using PHP 0

Create Simple Templates Using PHP

There are multiple ways you can create a template for your site so you can control the individual sections with one global file. Before I got into WordPress, I was using the php include...

Simple Accordion w/ CSS and jQuery 0

Simple Accordion w/ CSS and jQuery

Please note: This tutorial requires basic knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting to take this tutorial. Learn one step at a time...

Cross Browser CSS Fixes, Tools, and Hacks 0

Cross Browser CSS Fixes, Tools, and Hacks

As designers and developers we are all responsible for the product we produce, and cross browser testing is a must in our line of work. Although the W3C statistics show about 7 browsers that...

Embedding & Styling XHTML YouTube Code 0

Embedding & Styling XHTML YouTube Code

Just recently I added a couple videos under the “Artist Spotlight” posts but ran into a few invalid XHTM errors. Not only did I get the errors but I also had to style the...