The basic idea of CSS Sprites is to combine a number of images used on your site into a single image, thus reducing the number of HTTP requests that need to be made to your site. The image is rendered using a CSS background and background-position (which, incidentally, means that your markup becomes more complex; the image to use is specified in CSS, not in a plain tag).
The biggest problem with CSS sprites is memory usage. Unless the sprite image is carefully constructed, you end up with incredible amounts of wasted space…
Direct link: To Sprite Or Not To Sprite
An exceedingly overlooked aspect of constructing CSS style sheet involves the developers ability to write clean, semantic code (marking your code with corresponding tags, for example, h1, h2, br, ul, and so forth). You don’t need to be a CSS guru, but you should have firm knowledge of the basics. A vast majority of designers don’t realize that making use of valid code allows their pages to be more accessible to user agents, which in return gives people equal access to their information…
Direct link: Essential Practices for Styling Your CSS
Yep, using free software and HTML, CSS, and jQuery, here’s a cross-platform desktop application using Adobe AIR. Well, the beginnings of one at least. The challenge was to build a useful application (rather than another to-do list, thankfully) to make use of the new flippa.com web site – it’s a marketplace for buying and selling web sites. So here’s the idea. Imagine you’re interested in buying a web site about photography with a forum attached. You open this application, fill in the custom search form, and see a list of matching auctions. The app will let you pick the auctions you want to watch and it’ll notify you every time there’s a new bid…
Direct link: Take Your CSS to the Desktop with Adobe AIR
The latest versions of most browsers support – and default to – full page zooming instead of just increasing text size. Some argue that this means you no longer need to think about what happens when users increase (or, to a lesser degree, decrease) text size, and that there is no longer a need for fluid or elastic layouts or using other units than pixels for font sizing…
Direct link: Page zoom does not mean the end of flexibility
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…
Direct link: How to Create Beautiful and Elegant HTML Lists Using CSS
A comprehensive list of CSS bugs that are only found in Internet Explorer, versions 5 and higher. The list is updated regularly and you can find live demos of each bug…
Direct link: All the Internet Explorer CSS Bugs in One Place!
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…
Direct link: CSS Specificity: Things You Should Know
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…
Direct link: Learn CSS Basics for Beginners
A demonstration page listing some impressive pure CSS typography tips and tricks. You can view the page source code to see how the effects are achieved…
Direct link: CSS Typography – Examples for CSS and Web Typography
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…
Direct link: Simplifying CSS Selectors