Instantiating Objects You are likely familiar with instantiating strings and arrays in javascript: var myString = new String(); var myArray = new Array(); Array and String are both objects, extended from the Object object. String and Array are objects inheriting all the properties of the Object object, and adding new properties and methods that are specific to [...]

Grid showing browser support for CSS selectors. This CSS3 Selector Support chart includes the new Firefox 3.0 beta, IE8 beta and Safari 3.1 on both Mac and Windows. Congratulations to Safari 3.1 for being the first mainstream browser to support all CSS3 selectors. WooHoo! Browsers are listed by operating system: Windows, Mac and iPhone. [...]

ul.popup_li {float:left; width:100%;} ul.popup_li li {position:relative; display:block; width:33%; float:left;} ul.popup_li li div {position:absolute; top: 0.5em; left:3em; border:1px solid #ddd; background-color:#f7f7f7; padding:5px; width:200px; display:none;} ul.popup_li li:hover div {display:block;z-index: 500; } Note: This blog is still in development, but it’s come a long way, and it is likely already a bit helpful. I will be adding more example snippets and more about [...]

.css3selectors th, .explain {background-color:#FFFF66; padding:4px; } .css3selectors td {padding:4px;} .css3selectors td.compliant {background-color:#009900;} .css3selectors td.iffy {background-color:#FF9900;} .css3selectors td.noncompliant {background-color:#FF0000;} IE8 Beta has been released. And, no, it still doesn’t support CSS3 selecteors. Below are the various CSS selectors, including CSS3 selectors, and current browser support. Green / √ means current support. Orange / Δ means that the browsers have some [...]

Creating lists with Images as Bullets using CSS All CSS compliant browsers and IE support images as a list style type. Most designers actually prefer to use images instead of default bullet support because there is more control and more consistency in appearance across different browsers. While the general idea should be very simple, a [...]

Semantic CSS Image Replacement Yes, "YAIRM" ("Yet Another Image Replacement Method") is a crappy acronym. Anyhow…. There have been several image replacement suggestions made over the past 5 years. Semantically, some just don’t make sense. Of course, the accessibility of your image replacement method and the semantic "correctness" has to do with how you [...]

The "WHY" of Favicons Favicons ARE an integral part of your website and branding. Favicons are the single most important graphic appearing on a website. While that sounds like a strong statement, it’s true. Favicons are the least expensive and most overlooked visual branding opportunity. Favicons are the 16 x 16 pixel images that show up [...]

For a webpage to validate and be accessible, all images must have a value for the alt attribute, even if that value is empty. The XHTML DTD requires only two atttributes for the img element: src and alt. The XHTML DTD tells you it needs to be there. WCAG tells you a bit more about [...]

Javascript and CSS Entity Conversion Calculator Enter your HTML Entity Character number (such as &#2335 or just 2335 - ट) to get the CSS and JS values for that entity. Explanations on how to use the results are below. Numeric Value (Decimal) CSS Value (Hex) JS Value (Hex) (open in new window). named entities | numeric [...]

First 5800 Numeric HTML Character Entities Below are left-to-right entities (Hebrew and Arabic were removed). To learn how to include the entities below in CSS or Javascript, please read visit Javascript, CSS, and (X)HTML entities in numeric order or convert is with the javascript and CSS entity calculator.  =   =   = ! = ! " [...]