Tiago Duarte

Problem: One of the biggest issues with branding is our "friend", Internet Explorer. When we talk about SharePoint, specially SharePoint 2010, we are typically bound to one version of Internet Explorer, where everything works great, but as soon as we move to another version, all hell breaks loose. In practice, this happens when we change this line, < meta http-equiv="X-UA-Compatible" content="IE=8" /> to something like < meta http-equiv="X-UA-Compatible" content="IE=9" /> Why would you do this? Well, among other things, you get access to CSS3. Otherwise, even if you have IE9+ installed, you will not get CSS3 because the browser will be rendering in IE8 mode. Many other limitations of IE8 will apply as well. Should you do this? Ideally, no. This raises issues as soon as this is enabled and I'm sure not all issues have been found. However, in a small and/or public facing application, where only a few area...

In this post I will keep an updated list of my day-to-day tools of choice. Sure, I have a lot of favourite links and saved software but hopefully this will help me keep track, while perhaps helping others as well. Do you have a cool extension you use? Feel free to add a comment below. Visual Studio CSS3 Validation for VS2010 http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210 Spellcheck http://visualstudiogallery.msdn.microsoft.com/a23de100-31a1-405c-b4b7-d6be40c3dfff Web Essentials http://vswebessentials.com/ Web Troubleshooting Firebug for Firefox https://getfirebug.com/ Fiddler http://www.telerik.com/fiddler RESTClient (Firefox / Chrome / Safari) http://restclient.net/ Code Deobfuscating JavaScript http://jsbeautifier.org/ CSS http://mrcoles.com/blog/css-unminify/ .NET Reflector (and alternatives) http://stackoverflow.com/questions/2425973/open-source-alternatives-to-reflector SharePoint Log Viewers http://sh...

Internet Explorer and Compatibility Views seem to be messing up our environments, forcing lower rendering modes when upper modes are available. If we hit F12 we can see what browser mode and document mode our page is using. We'll probably figure out IE7 is being used when IE8 or IE9 is installed. We can do two things now: - Disable "Display intranet sites in Compatibility View" (Tools -> "Compatibility View settings") - And change X-UA-Compatible attribute in the master page Turns out Microsoft ships v4.master in SharePoint with IE8 as standards mode. <meta http-equiv="X-UA-Compatible" content="IE=8"/> We can either set it to IE9, <meta http-equiv="X-UA-Compatible" content="IE=9"/> to the latest available mode, <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/> or none at all, <!--<meta http-equiv="X-UA-Compatible" content="IE=8"/>-->

sometimes we get a dotted line around the link area, particularly when using display:block and background images :focus { outline: none 0; }