Snipplr

(CSS) CSS Image Preloader - rich13

Sun, 04 Feb 2007 19:47:05 GMT

A low-tech but useful technique that uses only CSS. After placing the css in your stylesheet, insert this just below the body tag of your page: "". Whenever the images are referenced throughout your pages they will now be loaded from cache.

(CSS) Background images for bullets list - rich13

Mon, 28 Aug 2006 04:59:27 GMT

To move the content away from the background image apply "padding-left" to the "LI" element. In this case "0.6em" has been used. As with vertical alignment, list padding will be determined by the size of your image.

(CSS) CSS ROUNDED CORNERS - rich13

Wed, 16 Aug 2006 10:06:11 GMT

(CSS) Handy CSS Debug Snippet - rich13

Mon, 07 Aug 2006 13:30:38 GMT

Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.

(CSS) WinIE PNG Filter - rich13

Tue, 18 Jul 2006 04:36:44 GMT

(CSS) ClearFix - rich13

Tue, 18 Jul 2006 03:25:59 GMT

(CSS) undohtml.css - Tantek's Original (Removes Browser Default Style) - rich13

Fri, 07 Jul 2006 18:19:28 GMT

Purpose: undo some of the default styling of common (X)HTML browsers. (CC) 2004 Tantek Celik.

(CSS) Dead Centre a DIV - rich13

Wed, 05 Jul 2006 10:02:21 GMT

Taken from Dead Centre. Adjust #content depending on the size div you need.

(CSS) CSS Box Model Hack - rich13

Tue, 04 Jul 2006 07:50:38 GMT

classical box model hack, by Tantek Çelik http://www.tantek.com/CSS/Examples/boxmodelhack.html

(XHTML) XHTML 1.1 web standards template - rich13

Sun, 02 Jul 2006 19:24:11 GMT

This is a generic template for an XHMTL 1.1 doc that I start with at the beginning of every project. Then i setup the directories to match. I use @import for CSS, then a seperate CSS file for screen-specific, and then one for print, …yes, then one for IE. I have the basic DIV structure setup, too. For a link to the inspiration of this template and further explanation (better), see this wonderful article: http://particletree.com/features/quick-start-your-design-with-xhtml-templates/ Hope it helps!

(CSS) Opacity Hack - rich13

Sun, 02 Jul 2006 16:31:25 GMT

Sets the opacity of an element and its children. Doesn't validate. Mozilla began supporting the opacity rule in version 1.7, so '-moz-opacity' may not be necessary...

(CSS) Clear floats without structural markup - rich13

Thu, 29 Jun 2006 14:00:48 GMT

".clearfix" is the container that holds all of your floated elements. Works in all browsers that support "float" and "clear".

(CSS) min-height for IE (and all other browsers) - rich13

Wed, 31 Dec 1969 19:00:00 GMT

Since min-height doesn't work in IE, this code makes up for IE's shortcomings. The first part of the code is the correct code that works in Firefox and Safari. The second part of the code is for IE. Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.