If you are careful of how your new website looks on legacy, current or upcoming browsers, below is a list containing download links to past, current and upcoming versions of several popular browsing platforms. Browsers marked with [P] are portable editions and can be used along with other versions. [L] means the latest (as of July 2010) official release. Internet Explorer 5.5 … Continue reading “Portable Editions of Legacy, Current and Upcoming Popular Browsers”
1. Group selectors that share same property values. This will not only decrease the size of your stylesheets, but will make them more maintainable as well. 2. Use shorthand properties, instead of separately defining each property for font, margin, padding, border, background, etc: element { font-size: 11px; font-weight: normal; font-style: italic; font-family: Arial, Verdana, Sans-serif; … Continue reading “CSS Optimization Tips and Tricks”
As the debugging tool of IETester is quite clumsy and limited, we can debug issues with IE6 directly in the shell of IE8. The only requirement is that we have Internet Explorer Developer Toolbar installed on our machine. Here we go: 1. All versions of IE prior to 8 trigger quirks mode despite of the … Continue reading “Debugging IE6 issues in the shell of IE8”
As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari: @media screen and (-webkit-min-device-pixel-ratio:0) { div { color: red; /* The text will appear red only in Safari and Google … Continue reading “CSS Hack for Safari and Google Chrome: Redux”
Have you tried to manipulate the string that is returned by the value attribute of a file upload input (<input type=”file” />) under Internet Explorer 8? Did you get the strange c:fakepath string? Relax – there is nothing wrong with your code, and although this is quite confusing, it has its justifiable reasons. Here is a screenshot of a … Continue reading “The Mystery of c:fakepath Unveiled”
Notwithstanding the improvements in the CSS support in Internet Explorer 8, there may be cases when a CSS hack for that particular browser is necessary. Here is one that works in IE8 Standards Compliance Mode: .classnameOrElement { color /***/: blue9 } And another one that will be applied in all IE versions: .classnameOrElement { color: … Continue reading “CSS Hack for Internet Explorer 8”
Internet Explorer 8 is out, with a couple of rendering modes, that will take time to handle. As you know, IE8 renders pages in standards compliance mode by default, and the X-UA compatibility tag has been a good idea of Microsoft, as it gives a chance to developers who have not optimized their websites for IE8 to … Continue reading “Using the IE8 X-UA Compatibility Meta Tag Properly”
Oddly enough, but the image scaling by using bicubic interpolation is turned off in Internet Explorer. All other browsers have this turned on by default, because this is the only normal and expected behavior. Due to this badly chosen default, sometimes the images in Internet Explorer are not displayed as smooth as in other browsers. To … Continue reading “Better Image Scaling and Resampling in Internet Explorer”
It was expected that Internet Explorer 8 will support the standard “opacity” property of CSS, but it seems that its developers have decided not drop the support for filters yet, which is not that bad, though, as it still lacks support for <canvas> scripting. However, there is a great difference between the filter support in IE8 and … Continue reading “Setting Opacity and Other Filters in Internet Explorer 8”
Recently, a client of mine complained that certain css files included in his webpage do not load in Internet Explorer. I took a look at his code and noticed that he had tried to register more than 40 external stylesheets in the <head>…</head> section of his webpage, which reminded me of a less known limitation in … Continue reading “The 32 External CSS Files Limitation of Internet Explorer and More”