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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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 has no external dependencies if this function is implemented; otherwise, it looks for the presence of jQuery, Prototype, or Sizzle to provide selector-querying functionality…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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 tag to rule them all – you can reduce your QA time by exerting total control over how Internet Explorer 8 renders a page…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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 use of Negative Margins as being the most least talked about method of positioning. It’s like an online taboo – everyone’s doing it, yet no one wants to talk about it…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Creatively Display Client Testimonials Using CSS

Display your client testimonials in a creative way, something a little more interesting than just a paragraph of text with their name. Display the testimonial copy within large quotes, and then a picture of the client below the copy. In effect, there are 3 columns, two thin sides with the quotes in them, and the center column with the testimonial copy…

VN:F [1.9.22_1171]
Rating: +3 (from 5 votes)