Posts Tagged Visual Studio

First Impressions of IE9

Internet Explorer 9 has launched and I was excited to get an opportunity to give it a test drive. A quick perusal of the new features list gets me a little more excited, as there is some nice stuff here.

First, let me start of by saying that I routinely use IE8, Firefox 3.6 and Chrome 10, both as a web developer and a regular user. While I’ve been fairly happy with IE8 over all — it accounts for about 75% of my browser usage across 3 different machines — there were times I wished for the performance of Chrome and the full-featured developer tools of Firebug and PageSpeed available in FF. I have also found myself using Firefox less and less in favor of Chrome for my normal browsing activities, with FF being relegated to mostly webpage testing scenarios. I wouldn’t say I’m completely comfortable with the Chrome UI, but it’s growing on me little by little. However, I love the performance benefits of Chrome on JavaScript heavy sites. The one exception being with Silverlight heavy applications, where I’ve found Chrome to be very sluggish compared to IE and FF.

Now that I’ve got that out of the way, lets get on with my first impressions. Put simply, I’m loving it. It’s fast. I haven’t bench-marked anything so this is purely subjective. But in the first hour or so of use I visited all my favorite sites plus a number of sites I’m actively developing and the performance seems every bit as fast as Chrome and I’ve encountered zero display issues. A number of these sites included some Silverlight based applications and the performance difference here was WAY faster than Chrome. In fact, I’d say Silverlight apps are even faster in IE9 than they were in IE8. I also haven’t noticed any rendering issues and the install went flawless.

The user interface does remind me a little of Chrome, particularly from the minimalist standpoint. It defaults to showing tabs and the URL/search box on one line, with a Bing toolbar below that. I’m not one for the Bing toolbar and I also don’t like my tabs sharing a line with anything else, so I quickly replaced the Bing toolbar with the tabs list. This leaves plenty of room for content and I think it ends up using slightly less space than a default Chrome window does. I’m also glad to see support for tear-off tabs, one of the features I really liked about Chrome, and I’m LOVING the site pinning features. The first site I pinned to the Windows 7 taskbar was Pandora.

And for a little fun, try visiting this site. In IE9, it makes use of hardware acceleration to display some SVG graphics. I tested is in all three browsers I had on my machine. FF 3.6 showed a miserable 6-8 fps, but was at least smooth. Chrome 10 bounced around between 15 and 40 fps with 20fps being typical and never was smooth – not sure why it wasn’t consistent. IE9 pegged the test at 60fps and showed no display lag was so ever.

I haven’t installed IE9 on my development machine yet, so I haven’t tried using it in a debug session from Visual Studio. Additionally, I’ve only spent a little time looking over the Developer Tools in IE9, and there looks to be some new features, such as Console and Network tabs,  which I’ll have to check out.  The compatibility mode now supports IE9, IE8 and IE7. I’d also like to see if a couple of bugs were fixed as well.

All in all, my first impression of IE9 is a good one. Time will tell if that holds true.

, , , , ,

Leave a comment

My favorite Visual Studio 2010 Extensions

I’ve recently been spending a fair amount of time working with js and css files inside Visual Studio 2010, and while I generally like Visual Studio as an IDE, it does lack a few things in this area. As a result, I spent some time looking through the available extensions on the MSDN Visual Studio Gallery site. Here’s my list of favorites so far and a little bit about them.

  1. devColor – This extension gives you some cool color managing features in css files. Have you ever found yourself looking at something like #E5234A in a css file and wondered exactly what color was being represented? Well, this tool gives that information to you at a glance, right in the css file by including a color-specific underline directly under the color value. This tool also provides a nice visual color-picker, a color anagram feature, and lists all colors used in the css file.

  2. Jscript Editor Extensions – This is actually a pack of extensions that makes working with JavaScript much nicer. It adds brace-matching, code outlining/folding, current word-highlighting, and extra support for para elements for JavaScript intellisense. They also provide a vsdocs files for jQuery with para info, which is better than the vsdocs file MS puts out on their CDN.

  3. JavaScript Parser – This extension provides a number of code-navigation features for JavaScript, but the one I find most helpful is the tree view of functions for your given js file. It provides similar functionality to the Class View window in Visual Studio, but for JavaScript files. The tree can be sorted in alphabetical order, or in source-file-location order, where each node appears in the same order as in the js file.

  4. VSCommands 2010 – This is another grab-bag of enhancements (a lot actually), but there is one feature I really like in this pack and it is the sole reason I have it on my list. In fact, if I could find an extension that provided just this feature, I’d probably do away with VSCommands. It is the ability to use Visual Studio’s file group/ungroup feature directly in the solution explorer. This allows you to link related files together into a tree of items, exactly how the code behind is “nested” under the aspx file for example. You can do this manually without this tool, by simply editing the project file, but this tool makes it very convenient to do it right in the solution explorer.

    As I work on Ajax-rich sites, I’m often finding each web page has a need for it’s own js file. Rather than put all these into a separate scripts folder, I prefer to keep them in the same location as the web page for which they are related, but this can result in a lot of nodes in the solution explorer. Where I have found this a very useful feature is in organizing those page-level js files by grouping them under their related web page file. For example, the MyPage.js file can now be grouped under MyPage.aspx, keeping all related code together. Even better, I can also group minimized versions under the non-minimized versions.

  5. Spell Checker – Nothing fancy, just does exactly what you would think. For me it’s been a great tool, though, because I’m quite bad about mistyping and/or misspelling words. Rather than having to copy-paste sections of comments, code, or text into another tool to do my spell checking – and have to weed through code in the process – this allows the spelling to be checked right in Visual Studio. It provides automatic spell checking of your documents, taking into account code formats, and provides red-squiggles under any misspelled words. Simply click-to-correct, add word to custom dictionary, or ignore the word. My only complaint is that there isn’t a “correct all” feature, but over-all I find it very helpful.

So there is my list of favorite Visual Studio Extensions so far. Want to share your experiences and/or favorites? Drop me a quick comment.

, , ,


%d bloggers like this: