Posh CSS # for the modern day web designer

Show/Hide Content with CSS and JavaScript

This tutorial will show you how to hide away extra bits of content using CSS and JavaScript, to be revealed at the click of a button. This is a great technique, because displaying the additional content doesn’t require a refresh or navigation to a new page and all your content is still visible to search engine bots that don’t pay any attention to CSS or JavaScript.

The CSS-Only Accordion Effect

The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) effects of the Web 2.0 world. So what makes this accordion effect special? It doesn’t require a single line of JavaScript.

Top-Down approach to simplify your CSS code

This post illustrates some tips which can help you to write a better CSS code using a Top-Down approach.

How to make RSS icons in every colour with CSS

An article about a CSS technique used to make RSS icons in every colour, using just one image. It’s light, simple and SEO friendly too. This article explains the technique very clearly.

Clean Tab Bar Digg-like using CSS

This tutorial explains how to design a clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover).

CSS adjacent-sibling selector

Most CSS selectors are well known, but there are some interesting selectors that are not common used, like the adjacent-sibling selector. An adjacent sibling selector will select the sibling immediately following an element, with the same parent. In this article, the adjacent-sibling selector is used to style an ordered list.

Legends of Style Revised

Describes how to style form legends consistently across browsers.

Combating Classitis with Cascades and Sequential Selectors

There is a disease out there in the CSS world. It can afflict anything from the meanest weblog to the greatest of corporate websites. It’s called classitis, and I’ve encountered it far too often in my professional work.