Subscribe
Free Knowledge in an RSS feed

Articles » Tags » CSS

Introduction to CSS: Selectors and Relationships Explained

November 15th, 2009


This article will provide an introduction to CSS, which also requires an explanation of HTML (even if you know HTML you may want to read through it as it explains the relationship model). This article won’t explain every single CSS attribute, but will explain everything you need to know to fully comprehend the language.

Preloading CSS Hover Images

November 14th, 2009


This is a method for pre-loading your images used in CSS. Normally, when you hover over a link, the browser has to download the hover image, which will cause the background color to “flash” for a second and ruin the user experience. This article explains how to fix that problem using javascript.

Tabbed CSS Navigation

November 12th, 2009


This explains how to build a navigation which looks like “tabs” using CSS. Your tabs will use text and can be of variable lengths.

Image CSS

October 21st, 2009

CSS Rules for IMG tags, along with information about using images as CSS background-image.

CSS Box Model differences in Firefox and Internet Explorer

October 20th, 2009

Here is the bane of web developers existence, Internet Explorer incorrectly displaying the CSS box model. What is the box model? This describes all elements used in HTML documents.

CSS Drop Shadows using text-shadow

October 19th, 2009

The latest version of CSS allows you to add shadows to your text using the “text-shadow” property.

PHP Class for creating CSS Graphs

September 18th, 2009

We’ve developed a PHP Class for drawing a CSS graph. The CSS and XHTML code for this class was originally developed by Meyerweb, we just took it and wrapped a PHP class around it. This class is also hosted over at phpclasses.org if you prefer to get your stuff on that site, but keep in [...]

PHP Bargraph Generator

September 16th, 2009

This script is loaded using an image tag and generates data based on information added as GET parameters. For example: <img src=”bar.php?value=100&max=256&info” /> Generates: This script requires at least four files to use. The first is an HTML file which loads the image (of course), the second is the background “bar.png” image which the graph [...]

SlickMap CSS — A Visual Sitemapping Tool for Web Developers

September 10th, 2009

Just found this awesome sitemap CSS/XHTML markup. What it does is provides an easy way to display an attractive hierarchy of data, specifically used for generating website sitemaps but can also be used for displaying other such data.

iPhone CSS Framework

September 6th, 2009

Experimentation with a CSS framework for creating iPhone web application GUI’s.