Category Archives: CSS (including hacks)

90 CSS Properties, Values and Browser Support

CSS Properties Index Below is every CSS 2.1 Property, all the possible values for that propery, and the support for each property value from grade-A browsers This is a work still in progress (i.e. unfinished) , but if you find … Continue reading

Posted in Browsers, CSS (including hacks), Web Development | 6 Comments

hover pseudoclass for the iPhone

Since you’re not hovering, there is no hover pseudo class on the iPhone. instead they have touch events. To simulate the :hover pseudo class, include javascript similar to this: var myLinks = document.getElementsByTagName(‘a’); for(var i = 0; i < myLinks.length; … Continue reading

Posted in Best Practices, CSS (including hacks), HTML, IE7, iPhone, JavaScript, Web Development | 8 Comments

CSS Hack for Google Chrome and Safari 4

Valid CSS filter targeting Google Chrome and Safari 4 To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block: @media screen and (-webkit-min-device-pixel-ratio:0) … Continue reading

Posted in Best Practices, CSS (including hacks), Web Development | 36 Comments

Google Chrome Browser CSS Selector Support

"Google Chrome," a browser based on the Webkit engine used by Safari, was released today. Chrome uses AppleWebKit/525.13. Safari 3.1 uses a slightly newer version: AppleWebKit/525.18. Below are the various CSS selectors, including CSS3 selectors, and current browser support. Green … Continue reading

Posted in Browsers, CSS (including hacks), Web Development | 7 Comments

CSS Background Properties: possible values, default values, browser support and DOM

Everything you could possibly want to know about CSS Background Properties, including default values, browser support, targeting the DOM, and what to look for in CSS3. There are 5 attributes controlling background images, with a few more being added when … Continue reading

Posted in Character Entities, CSS (including hacks), Cursors & Icons, IE7, SEO | 6 Comments

Browser CSS Selector Support

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 … Continue reading

Posted in Browsers, CSS (including hacks), Web Development | 10 Comments

Yet Another Image Replacement Method

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 … Continue reading

Posted in Best Practices, CSS (including hacks), Web Development | 4 Comments

CSS & Javascript Character Entity Calculator

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 … Continue reading

Posted in Character Entities, CSS (including hacks), JavaScript, Web Development | 11 Comments

Safari 3 CSS Support

Safari 3.0 has the best CSS, including CSS3, support of any popular browser. Below I go over Safari CSS Selector support and then show how to include multiple background images, and how to create rounded corners without the use of … Continue reading

Posted in Browsers, CSS (including hacks), iPhone, Web Development | 7 Comments

hasLayout

HasLayout: HasLayout is a Microsoft proprietary property that determines how IE will render the dimensions of an element. It’s a boolean read-only value that is either true or false. When an element’s hasLayout property is false, IE has rendering quirks. … Continue reading

Posted in Browsers, CSS (including hacks), Web Development | 2 Comments