MSDN Magazine

So I got to thinking. It is hard to create ScrewTurn Wiki Themes. It is dead easy to create jQuery UI Themes. Could jQuery UI Themes be adapted to theme ScrewTurn Wiki? I decided to find out and it turned out to be a lot easier than I ever expected. jQuery UI Themes are designed to style…

Re-Theming ScrewTurn Wiki ScrewTurn Wiki ships with two themes – Default and Elegant, as shown above. The themes reside in the Theme folder and consist of a set of Cascading Style Sheets and images. As we saw in Part 3 , the CSS for a theme is quite long and involved. The two…

Integrating jQuery UI into ScrewTurn Wiki You’ve probably already guessed that ScrewTurn Wiki has an ugly confirmation dialog somewhere. The place to find it is in Edit.aspx. Simply log in as the admin (the default username/password is admin/password) and click the “Edit this Page” link. Click…

Improving User Interaction Imagine the following scenario: With the assistance of the CSS Refactoring Helper, we have created an aesthetically pleasing XHTML/CSS-based site. We have spent days—nay, weeks—toiling away to get the site layout and images just right. We’re working on an edit page…

Separating Your Concerns with jQuery In your typical Web page, JavaScript is often found liberally sprinkled throughout the HTML. Little snippets of inline code in event handlers to catch clicks, mouse-overs, key presses and more. For example, ScrewTurn Wiki’s admin tools menu is toggled by …

ASIDE: jQuery IntelliSense jQuery IntelliSense can be enabled in Visual Studio 2008 SP1 with a supported hotfix from Microsoft as detailed by Scott Guthrie’s blog . Watch the following video for tips, tricks, and gotchas when enabling jQuery IntelliSense in your projects.…

Refactoring ScrewTurn Wiki’s JavaScript The first step in refactoring ScrewTurn Wiki’s JavaScript is to extract it into separate JavaScript files. Not only will this allow us to test the JavaScript, but it also will improve page performance. This is due to decreased page size, as the browser…

Lingua Franca of the Programmable Web JavaScript is the lingua franca of Web programming languages. It doesn’t matter whether you’re programming in .NET, Ruby, Python, PHP or a myriad of other server-side languages, the programming language of the browser is JavaScript. The official standard  is…