modern.IE - Analysis and Testing Tools for Web Developers
31 Jan 2013modern.IE
Microsoft has just launched a new website called modern.IE that provides a suite of tools to help developers test their websites.
Page Analysis Tool
The website integrates a scanning feature that letโs you enter your websiteโs URL and it will analyze its contents against a variety of best practices (not only pertaining to IE, but also general concerns).
The analysis tool checks for things likeโฆ
- Checks that common JavaScript libraries are up-to-date
- Checks if a range of CSS vendor prefixes are used
- Checks if Responsive Web Design is used
- Checks if Touch browsing has been considered
- Checks if you are using Browser detection instead of Feature detection
- etc...
The nice thing about the tool is that it not only finds suggestions, but it also recommends ways to resolve the issues it finds. In addition it doesnโt just point out IE specific stuff, but also about more generic concepts like using CSS3 vendor prefixes and to consider responsive web design.
Testing Tools
Microsoft understands that not all developers use Windows when they develop and have Internet Explorer easily available in order to test. So, a special 3 month free testing account is available with BrowserStack.
Not only is this a nice tool for Mac or Linux developers, but it is also nice for Windows users to test old version of IE or if you donโt have Virtual Machines handy.
You can also install some handy add-ons to Chrome or Firefox to make the testing experience with BrowserStack even better.
In addition, Microsoft is providing free Virtual Machine images for you to use if you want more control. Even though BrowserStack is awesome for a quick sanity check or to run unit tests, if you are trying to debug something having a local VM is optimal in those cases.
