Pseudo Elements :before and :after with CSS 2.1

Here is a quick example of how to use Pseudo elements “:before” and “:after” with css. li{ display:block; } li:before{ content:”This is red from :before”; color:red; } li:after{ content:”This is blue from after”; color:blue; } Click here for the demo page

Advanced CSS Attribute Selector Demo

Recently a back end developer asked me with there was a way to use a wild card in CSS that would allow him to generate ID’s on the fly. The solution I came up with was to use an attribute selector. When using attribute selectors in CSS the name before the “|” is the attribute […]

Font CSS Substitution Methods

Many new methods of font substitution are coming of the wood work and old methods are now getting a second look. @font-face method The @font-face method was added to the CSS2 spec but then not recommended in CSS2.1. However with CSS3 it’s back and supported by most popular modern browsers. Read about @font-face at W3.org. […]

CSS Attribute Selectors

CSS Attribute selectors are a great way to target specific elements in your page and apply styles to them with out have go back and opening up the template file and changing code. I find them extremely useful for creating form css. There are 6 different types of attribute selectors [att=value] The attribute has to […]

BluePrint CSS Framework (Updated)

Recently been reading alot about CSS frameworks that are working off a grid that are easy to use and work with… Sort of been mulling around with trying one for my next project. After reviewing a few of them from this post. I’ve decided to give BluePrint a shot. BluePrint seems very easy to work […]

BluePrint CSS Framework (Updated)

Recently been reading alot about CSS frameworks that are working off a grid that are easy to use and work with… Sort of been mulling around with trying one for my next project. After reviewing a few of them from this post. I’ve decided to give BluePrint a shot. BluePrint seems very easy to work […]

FLEX & MXML The next logical step for XHTML coders?

I’ll be perfectly honest.. I didn’t know much about Adobe Flex. I knew that it was more or less an all coding method for Flash developers and the early adopters using js/ajax really enjoyed working with it. Flex based sites had always impressed me but the idea on how to make them seemed to complex. Since Flash MX had been released I had little experiance writing any sort of AS other then animating banners or updating AS for all ready running sites.

Starting Place for Your CSS

When starting a new project its a good idea to have some css starting templates. Here is one that I’ve been using for the past couple of years. Using the following it will help ensure that different browsers will react the same to margins, paddings, etc that you add to your other CSS files. /* […]