Feeds:
Posts
Comments

Archive for the ‘Browsers’ Category

Portable Editions of Legacy, Current and Upcoming Popular Browsers

Posted in Browsers, tagged , , on July 27, 2010 | Leave a Comment »

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 [...]

Read Full Post »

CSS Optimization Tips and Tricks

Posted in Browsers, CSS, Tips and Tricks, Web Development, tagged , , , , , , on July 2, 2010 | Leave a Comment »

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; [...]

Read Full Post »

Debugging IE6 issues in the shell of IE8

Posted in Browsers, Tips and Tricks, Web Development, tagged , , , , on July 2, 2010 | Leave a Comment »

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 [...]

Read Full Post »

CSS Hack for Safari and Google Chrome: Redux

Posted in Browsers, CSS, CSS Hacks, Tips and Tricks, tagged , , , on July 30, 2009 | 3 Comments »

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 [...]

Read Full Post »

The Mystery of c:\fakepath Unveiled

Posted in Browsers, Forms, HTML5, Tips and Tricks, Web Development, tagged , , , , on June 9, 2009 | 10 Comments »

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 [...]

Read Full Post »

CSS Hack for Internet Explorer 8

Posted in Browsers, CSS, CSS Hacks, Tips and Tricks, tagged , , , , , on June 4, 2009 | 3 Comments »

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 /*\**/: blue\9 } And another one that will be applied in all IE versions: .classnameOrElement {  color: [...]

Read Full Post »

Using the IE8 X-UA Compatibility Meta Tag Properly

Posted in Browsers, Thoughts, Tips and Tricks, Web Development, tagged , , , , , , , , , on March 21, 2009 | 13 Comments »

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 [...]

Read Full Post »

Better Image Scaling and Resampling in Internet Explorer

Posted in Browsers, CSS, CSS Hacks, Tips and Tricks, Web Development, tagged , , , , on January 5, 2009 | 4 Comments »

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 [...]

Read Full Post »

Setting Opacity and Other Filters in Internet Explorer 8

Posted in Browsers, CSS, CSS Hacks, Tips and Tricks, tagged , , , , , , , , on November 28, 2008 | 4 Comments »

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 [...]

Read Full Post »

The 32 External CSS Files Limitation of Internet Explorer and More

Posted in CSS, Web Development, Tips and Tricks, Browsers, tagged , , , , , , , on November 25, 2008 | 1 Comment »

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 [...]

Read Full Post »

Older Posts »

Follow

Get every new post delivered to your Inbox.

Join 209 other followers