Testing a DotNetNuke skin
|Images | Font Sizes | Web Developer Tools | Browser Testing | Validating Skins | W3C's Online Tools | Validating HTML via File Upload | Validating CSS via File Upload | Web Developer Tool and Conclusion|
Test the skin in various Browsers
It’s also important to test your skin in a variety of browsers to check for compatibility. If you know that the majority of your users will be mac users or windows users, ensure that you have tested your skin against the major browser for those platforms.
Within windows it is possible to setup different versions of Internet Explorer working as completely standalone installations on the same machine.
As a minimum I would recommend testing in:
- Internet Explorer 5, 5.5, 6, 7(currently beta 2)
- And if possible Safari
If you are creating a pure CSS skin the results can vary quite widely, so it’s especially important to test your skin against the various browsers while you are going through the process of creating the skin, rather than as a final check. It is much easier to adapt your design to work in a variety of browsers while you are creating the skin, rather than hacking the skin in a finished state to try and get it to work with a certain browser.
You can download the various browsers from here:
* The other option is to install Virtual PC (free) and install old operating systems running old versions of IE to your virtual environments for testing (remember windows licenses are required).
Online services to demonstrate how your site looks in various browsers:
If you don’t have access to certain browsers, such as Mac based browsers, these services can be useful tools.
iCapture: Is a free service, enter your web address and icapture will take a snapshot of your web page using the Safari Browser. – Good resource for Windows users without access to a Mac. (Update - Safari is now available to windows users)
BrowserCam: You have to pay for this service. BrowserCam's Screen Capture Service lets you submit multiple URL's, choose the browsers and operating systems you want to see, and in about a minute returns screen captures of your webpage loaded in the different browsers and operating systems you selected.