Cascading Style Sheets are used to define the presentation layer of websites. How CSS works is not always self-evident, so many of these articles explain various aspects of using CSS.
A set of sites making fun of worst practice front-end code commonly found on enterprise type sites and in large content management systems.
Progressive Internet Explorer uses Behaviors to emulate several of the most popular CSS3 properties like border-radius and box-shadow in IE versions 6-8.
When using CSS 3 properties that still have experimental implementations and use vendor prefixes, also include the non-prefixed version and put it after any vendor-specific properties in your CSS rules.
Many people mean a lot of things when they talk about HTML5. I think some related technologies are ok to bundle with HTML5, but not CSS.
Neglecting to style :focus when you style the :hover pseudo-class can lead to minor inconvenience at best and complete inaccessibility at worst for non-mouse users.
A platform preview of Internet Explorer 9 is now available for download. News include better performance and improved support for HTML5, CSS3, DOM, SVG, and XHTML.
Instead of spreading CSS intended for different media types over several files, you can use @media rules to combine them into a single file and reduce the number of HTTP requests.
Make sure the alt text most browsers display when an image cannot be rendered is readable. If necessary, specify a text colour for images.
If you use the CSS that comes with sIFR, Apple’s VoiceOver screen reader will not read the replaced text. But there is a simple fix.
Due to lack of support in Internet Explorer 6, web developers have been avoiding some very useful CSS 2.1 selectors. It’s time to start using them.
Whenever you place text on top of a background image, check if the text is readable if the image is missing and specify a background colour if necessary.
Vendor-specific extensions, even if written according to the CSS 2.1 grammar, use property names and values that are not defined in the CSS specification and are invalid.
Completely removing the outline from links makes it very difficult for people who do not use a mouse to see where the keyboard focus is. But there is a better way.
The fact that most browsers now default to zooming the entire page instead of just changing text size does not take away the need for flexibility in web design.
Robert Nyman’s FireFinder plugin for Firebug lets you quickly find and highlight HTML elements that match a CSS selector or XPath expression. Very handy.
Making text in legend elements line wrap is tricky, but it can be done in most browsers.
There is no way to specify alternate text for CSS background images. This is not a problem since background images should be used for presentational purposes only.
If you use an XHTML doctype with an XML declaration, Internet Explorer 6 will switch to Quirks mode and use an incorrect CSS box model.