Posh CSS # for the modern day web designer

One pixel notched corners as used by Google Analytics

An interesting method to create notched corners on a box by using nested tags instead of images. Not the most graceful method, but it works and looks good.

Pretty Up Your Forms with CSS

Let’s face it: form elements au naturel are NOT pretty. So what do we do with them? We add a border thickness here, a border color there, leaving the whole thing largely unchanged. And still ugly. Time to change that.

HR Image Replacement with CSS

Code to replace a HR tag with an image that works cross browser.

A CSS Block Navigation Menu

A short tutorial on how to create a two level block navigation with title and description above and below.

HTML image no preload rollovers

CSS rollovers for HTML images without javascript which will save on load time.

Auto-Cropping Rounded Corners

I know, I know. What this world really needs is a new rounded corners solution. With CSS3 support right around the corner (ha, right), why bother, right? Well, this solution offers something new to the world of rounded corners. What it does is this: it crops the content below it, so that anything with a background color or image (headers, paragraphs, even images) automatically get the rounded corner treatment with no extra work.

Forward thinking image copyrighting

Derek Powazek recently described a method of cleverly hiding a copyright message embedded in the image itself by using it as a background on a div and clipping the message at the bottom. However, There are some drawbacks regarding semantics and users without CSS. Kilian has found a way to use just an image tag and some CSS.

Liquid expandable section with rounded corners using CSS

This tutorial explains how to design a nice liquid expandable section with rounded corners (top-left, top-right, bottom-left, bottom-right) using some lines of CSS, HTML code.