Web Site Development Tutorials – Web Developer Resource

Bugs occur. Once you accept that fact, you can do something about it. There are bugs in every piece of software with even a minimal level of complexity. Various options exist to address these. Manual testing is one, but it is often hard to reproduce, or just isn’t done. Automated testing is also possible, and useful, particularly with regards to test driven development. But even this has problems because poorly written tests require debugging themselves. In short, there is NO silver bullet. There are, however, more tools available.

This Photoshop tutorial will teach you how to create a design featuring a colorful explosion contrasting with grayscale elements. This design heavily relies on the creative use of brushes, patterns and Photoshop tools/effects. Though this tutorial was created in Photoshop CS5, you should have no problems achieving the same effect in any Photoshop CS version. [...]

This Photoshop tutorial will show you how to create a grungy design based on the concept of ‘music’ by starting off from a simple picture. The effect is achieved using textures, layer adjustments and several Photoshop tools. The same technique can be used to illustrate other concepts in a similar manner.

Coding in Razor When last we met… In the last installment, we took a look at partial views in the Razor engine. Our last stop on the current preview view engine will be looking at the various control structures and other features provided by this version of Razor. Of course, as soon as another preview [...]

Cascading Style Sheets and jQuery Where are we at? In the first part of this tutorial, we downloaded and configured jQuery. In the second part we took a look at some basic event handling, unobtrusive JavaScript and very simple selectors. In this and the next installment, we will take a much more detailed look at [...]

When last we met… In the last installment, we took a look at Layout pages and their relation to views. We also examined the use of sections and the RenderSection method. In this installment we are going to look at partial views and their place in the Razor view engine. Taking a look at partial [...]

This tutorial will show you how to create a fresh, attractive design based around the theme of nature. You will also get an idea of how to illustrate a concept using stock images, type, brushes and patterns. This design is very versatile and can be used as a wallpaper, website header, advertisement etc.

In the first installment, we explained what Razor was, set up our development environment, downloaded the MVC 3 preview and looked at the contents of the default project. We then took a look at the structure of a content view file using the Razor view engine and compared it to a content view file build with the standard aspx view engine.

Unobtrusive JavaScript and events Where are we at? In the first part of this tutorial, we downloaded the jQuery libraries, configured our web server (hopefully that went well, as I didn’t tell you how to do it) and wrote an incredibly trivial little sample page to get us started. With that basic ”Hello World” type [...]

Razor is an alternate view engine for asp.net MVC. It was introduced in the “WebMatrix” tool and has now been released as part of the asp.net MVC 3 preview 1. Basically, Razor allows us to replace the clunky <% %> syntax with a much cleaner coding model, which integrates very nicely with HTML. Additionally, it provides some really nice features for master page type scenarios and you don’t lose access to any of the features you are currently familiar with, such as HTML helper methods.