Pure CSS Menu With Infinite Sub Menus Tutorial

Today we are going to cover how to build a pure CSS menu with infinite sub menus; an area of CSS that is seldom talked about, poorly written or misconceived. This pure CSS menu with infinite sub menus technique makes use of CSS2 selectors so it will not work in IE6 and below without help [...]

How to Build jQuery Lava Lamp Menu Tabs

Here I am going to show you how to build “Lava Lam”p menu tabs. We will be using CSS / jQuery and a single image to maintain a 100% stretchy rounded corners menu tab or lava bubble if you will. This version of the Lava Lamp menu tabs works in IE6+ and all other browsers!

IE6 Z-Index Sort Order Issue Fix

Did you know that IE6 has an bug when it comes time to use the CSS z-index sorting style? Here I will show you how to over come this classic IE6 z-index sorting issue.

CSS RUB Compressing and Organizing

I wanted to take some time and introduce to you a new technique I have come up with that helps me out in both CSS file size but also organization. This technique of mine has been dubbed RUB which stands for (Repeating Unique Behaviors).

Layout vs Content Placement

Today I wanted to share a little tip with my fellow SEO heads. If content is king, then indeed placement of content on a page is also important. Here is a little trick to make sure your content is always first and foremost for crawlers yet not to disturb your layout and design.

Pure CSS Vertical Menu

Today we are going to build the second most common menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS and un-ordered lists to create our vertical navigation menu with three levels of pop outs. This version of the vertical navigation menu will work in IE5, IE6, IE7 and [...]

Three Column Layout in Less Than Ten Lines of CSS

Many developers have dedicated their time and efforts such as me to try to move developers over to the proper standards of web code and away from older or non w3c approaches to site designs. One of these long used but improper approaches to site designs is the dreaded table use for your sites layout.
Tables [...]

The !important Use In CSS

Sometimes we must isolate out specific versions of IE that give us grief as developers. There have been many discovered avenues in isolating certain versions of IE out of our style scheme to give specific instructions to, but none are as subtle as the !important. That’s right the !important use is for IE related issues [...]

Rounded Corners with CSS and One Image

Today I want to talk about how to create that rounded corner look you see popping up all over the internet.

Pure CSS Light Box

VIEW WORKING EXAMPLE OF OUR PURE CSS LIGHT BOX NOW
A light box is web slang for a way to divide and present such things to your viewers as pictures in a gallery or special site notices. Today I wanted to quickly show you how to create a pure CSS light box. Lets start with our [...]

Three Column Layout in less than 15 lines of CSS

This is a follow-up to my Three Column Layout in less than 10 lines of CSS tutorial but in this one we are going to be using, no background images no JavaScript and 100% pure CSS. This method only uses 14 CSS rules making it very light weight, easy to maintain, SEO and cross [...]

Learning Intermediate CSS Faster Than Ever.

Today we will be expanding on our previous tutorial “Learning the basics of CSS faster than ever” into what areas we are permitted to write our CSS. There are three areas we are permitted to write CSS and these are.
Combining Rules -
Selectors -
Pseudo Class -
Inline
We talked about how to write inline styles in our [...]

Get Adobe Flash playerPlugin by wpburn.com wordpress themes