How to Create Beautiful and Elegant HTML Lists Using CSS

HTML lists have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries.

This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…

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

CSS Specificity: Things You Should Know

Apart from Floats, CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code. And to understand that, you need to have a firm understanding on how specificity works. In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you’ve defined a more specific selector.

CSS Specificity isn’t simple. However, there are methods to explain it in a simple and intuitive way. And that’s what this article is all about…

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

Learn CSS Basics for Beginners

You’ve heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.

Learn about all the basics of CSS design…

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

Simplifying CSS Selectors

An investigation into CSS selector performance. Not all CSS selectors hurt performance, even those that might look expensive. The key is focusing on CSS selectors with a wide-matching key selector. This becomes even more important for Web 2.0 applications where the number of DOM elements, CSS rules, and page reflows are even higher…

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

CSS3 Unleashed – Tips, Tricks and Techniques

Although CSS3 specifications are still under development, some of its features have been incorporated in latest web browsers. This has provided web designers and developers with an opportunity to experiment and play with some of the new features well in advance. Here is a list of resources that will get you up to speed and bring you closer to the cutting edge of CSS development…

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

Create an Advanced CSS Menu Using the Hover and Position Properties

Tutorial that starts with a photoshop file and finishes with semantic HTML and CSS. You’ll learn how to create an advanced CSS navigation menu using hover and position properties.

The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support for the hover property (other than on anchor elements), there’s a tiny bit of javascript to make it work…

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

Resetting Your Styles with CSS Reset

Resetting your styles, commonly referred to as CSS Reset or Reset CSS is the process of resetting (or more accurately – setting) the styles of all elements to a baseline value so that you avoid cross-browser differences due to their built-in default style settings. By resetting your styles, you avoid defaulting to the browser’s built-in styles, which differs from browser to browser…

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