CSS Opacity That Doesn’t Affect Child Elements

This is a quick tip to demonstrate a way to work around the problem of child elements in your HTML inheriting the “alpha” settings of their parent. This tip is not necessarily recommended, because it creates extra markup and is a little bit messy. But it could come in handy in a rare case, depending […]
csshead 0 Comments

Text Rotation with CSS

An article about text rotation using just CSS. Thankfully, many of the popular browsers of today support the ability to rotate HTML elements. Even better? We can make it work in Internet Explorer back to version 5.5 even…
csshead 0 Comments

CSS Position Fixed for IE6

How do you get position:fixed css working in Internet Explorer 6? The trick is to use an Internet Explorer CSS expression. You can’t simply put the logic in there directly or it’ll cache the result and not update. The simplest fix is to wrap your logic in eval…
csshead 0 Comments

Animated Navigation using jQuery and CSS

How to create an animated navigation menu using jQuery & CSS. Fancy but a very simple technique! The good thing about this technique is that it degrades gracefully and is still accessible even if javascript is turned off…
csshead 0 Comments

A Look at Some of the New Selectors Introduced in CSS3

Everyone who has been using CSS is immediately familiar with selectors as they are what is used to target elements on a page and style them. CSS3 brings even more options as far as selecting elements goes. It will allow designers and developers to implement designs much easier and quicker than before…
csshead 0 Comments

CSS Gradients via Canvas

CSS Gradients via Canvas provides a subset of WebKit’s CSS Gradients proposal for browsers that implement the HTML5 canvas element. To use, just include css-gradients-via-canvas.js anywhere on the page. Unlike WebKit, this implementation does not currently allow gradients to be used for border images, list bullets, or generated content. The script employs document.querySelectorAll() – it […]
csshead 0 Comments

Date Display Technique with Sprites

A great tutorial explaining how you can use a single image sprite and some clever CSS to replace HTML date fields with fancy images…
csshead 0 Comments

Reinventing a Drop Down with CSS and jQuery

The standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can only contain simple text. This tutorial shows how to replace a dropdown with a custom control using CSS and jQuery…
csshead 0 Comments

IE8 Rendering Modes: One Meta Tag to Rule Them All

You’ve mastered doctypes, now it’s time to get control over the new kid on the block in the browser rendering space. Internet Explorer 8 is gaining traction and is actually the first browser to extend – and in many ways replace – the doctype standards/quirks switch. With a single line of code – one meta […]
csshead 0 Comments

The Definitive Guide to Using Negative Margins

Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of this, CSS layouts have since then been synonymous with coding elegance. Out of all the CSS concepts designers have ever used, an award probably needs to be given to the […]
csshead 0 Comments
« Previous Page — Next Page »