CSS text-shadow Fun: Realtime Lighting Demo

A post about the CSS text-shadow property. It’s been used to create some fun pseudo-realtime lighting effects. There’s an example using a PNG to create a spotlight with some JavaScript to update the text-shadow style in order to simulate realtime shadows from a single light source. Works in Firefox 3.5, Safari, Opera, and Chrome but […]

Understanding CSS Absolute Positioning and Layering

It is possible for you to place an HTML element at a particular spot on your web page, independent of what is already there. In this article there’s an in-depth treatment of that topic. You need basic knowledge in CSS and HTML (XHTML) in order to understand this article…

Styling Ordered Lists with CSS Tutorial

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 into is that they are not sure how to separate the styles of the numbers and the actual content of the […]

Take Your CSS to the Desktop with Adobe AIR

Yep, using free software and HTML, CSS, and jQuery, here’s a cross-platform desktop application using Adobe AIR. Well, the beginnings of one at least. The challenge was to build a useful application (rather than another to-do list, thankfully) to make use of the new flippa.com web site – it’s a marketplace for buying and selling […]

The Two Ways of Sizing Absolute Elements in CSS

Anyone who has used CSS for a while will know about the merits of absolute and relative positioning. To recap: position: relative allows an element to be shifted from its original position either horizontally (using left or right) or vertically (using top or bottom). position: absolute allows an element to be positioned with respect to […]

Accessible Header Images With CSS And XHTML

Before CSS, images were always put into Web pages with image tags. We gave them alternate alt text so they still made sense when images were turned off – it was the only way. Today, we have Cascading Style Sheets. Using CSS to add images to Web pages has been called a "vital cornerstone of […]

Push Your Web Design Into The Future With CSS3

There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, […]

Learn CSS Positioning in Ten Steps: position static relative absolute float

This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float…

Specifics on CSS Specificity

The best way to explain CSS specificity is to start with some examples. CSS specificity can get confusing. Here’s a closer look at how to calculate the actual specificity value to determine which selector takes precedence…

« Previous Page