I encountered a rather frustrating problem with jQuery UI tabs this week. The problem occurs when trying to tabify some content after using jQuery’s $().load method to load the tabs HTML via an ajax request. The following code works perfectly in all browsers except IE6 and IE7 (It works fine in IE8 as well), as can be seen in the screenshot below. $('#deviceDetailsWrapper').load('/device/details/294', null, function() { $('#tabs').tabs(); }); However, here is what renders in IE6/7. For some reason, the jQuery tabs are triggering a GET request of the current URL and loading the content into the tab itself. Below you...

So as you can see I've been playing with ASP.NET MVC in my free time lately. But as it turns out I learned something totally unrelated to MVC while I was editing the default stylesheet that MVC Preview 2 ships with. #mainContent { padding: 30px 30px 15px 30px; background-color: #FFF; border-bottom: 3px groove #4b6f92; margin-bottom: 30px; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ } I can't believe I never knew about this. I have read 3 CSS books in the past few years...

Today I just stumbled onto some interesting information regarding placements of script blocks and CSS links. According to some extensive testing performed at Yahoo!, they have published a list of Best Practices for Speeding Up Your Web Site. Many of these rules came as no surprise, for example: While researching performance at Yahoo!, we discovered that moving stylesheets to the document HEAD makes pages load faster. This is because putting stylesheets in the HEAD allows the page to render progressively. However, one rule caught my attention: Rule 5 described how stylesheets near the bottom of the page prohibit progressive rendering, and how...