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 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.
There is nothing called a “CSS class” in HTML or CSS, so please refer to values of the HTML class attribute as classes or class names instead.
Combining the concept of diagnostic CSS with the Stylish Firefox extension makes it easy to apply CSS that reveals invalid or deprecated HTML to any site you want.
By telling your browser to apply a user stylesheet you can highlight links that open in a new window or point to non-HTML documents, making them less obtrusive.
The order in which you define the different link states affects the result. My preferred order is
When creating layouts with an em-based width, specify a maximum width to avoid horizontal scrolling for users who increase text size.
Page navigationPage 1 | Page 2 | Page 3 | Page 4 | Page 5 | Page 6 | Page 7 | Page 8 | Page 9 | Page 10 | Page 11 | Page 12 | Page 13 | Page 14 | Page 15 | Page 16 | Page 17 | Page 18 | Page 19 | Page 20 | Page 21
Subscribe / follow
- Front End Developer at Domani Studios (Brooklyn, NY, Ne, US)
- User Experience Designer at HMS (Healthcare Management Systems) (Nashville, TN, Te, US)
- END TO END WEB DEVELOPER FOR THE ENTERTAINMENT INDUSTRY at Analog Creative Inc. (Venice, CA, Ca, US)
- Web Developer with Super Back-end Development Skills at Switch Creative Group (Dallas, Texas, Te, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost