Snipplr

(CSS) Cross-Browser CSS Transparent Background Color - adamcoulombe

Tue, 19 Oct 2010 05:55:43 UTC

demo at http://adamcoulombe.info/lab/css/background-transparency.html ... Give an element a background color transparency without affecting the opacity of child or descendant elements. This is a no-PNG method!

(CSS) Pure CSS Web 2.0 Style Comment Bubbles - adamcoulombe

Wed, 24 Feb 2010 11:57:06 UTC

This implements a pure CSS technique for creating triangles. A great practical usage of this is Web 2.0 style comment/speach bubbles. Demo: http://www.adamcoulombe.info/lab/css/comment-bubbles.html

(CSS) Cross-Browser Self-Clearing Float Containers using CSS - adamcoulombe

Mon, 21 Dec 2009 11:43:22 UTC

(CSS) Replace HTML text with image using only CSS - adamcoulombe

Fri, 09 Oct 2009 14:42:23 UTC

This is handy for cleaning up your HTML to use more plain text and fewer img tags. Whether this is SEO friendly or not is subjective. I tend to think it's fine as long as you don't use it for spam. Digg implements a similar method for their main logo.

(CSS) Make an HTML Container Clear Floating Child Elements Using Only CSS - adamcoulombe

Thu, 08 Oct 2009 15:34:01 UTC

Usually when designing a site using floating elements in HTML/CSS, you need to an extra html element with the css style {clear:both;}. This method lets you apply styles to the container of the floating elements so that you don't have the headache of using a clearing div. This is cross-browser and IE6 friendly!