How Vorlon.js Helps You Improve Your Web Code

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.

When it comes to writing good code in web development it is easy to get lost in the quantity of resources you find online. There are some basics that everyone knows or should know and there are some more specific ones.

Are you able to tell me right now that you are sure you follow these practices? Probably not. You probably have the intuition that you do and you are certainly writing your code with them in mind but you cannot be sure you always respect them.
[author_more]
As I said, there are a lot of different resources on the web. It is not easy to know all of them. It is not easy to follow all of them. And it is sure not easy to be sure you did it correctly.

This is why we decided to create the Best Practices plugin in Vorlon.js. It is a way for you to automatically get hints and recommendations about how you could improve your code. The current list of practices and scans have been created from our own experience. It is extensible and you can add your own rules to contribute to this plugin and make it more accurate and comprehensive. :)

A great thanks to Guillaume Leborgne and Mehdi Lahlou for their strong work on this!

How to Use the Best Practices Plugin

First of all, you need to setup a Vorlon.js environment. You can follow the documentation we provide here: http://ift.tt/1NcDhps.

Once you have a vorlon.js server up and running,and your website is connected to it, hit the “play” button on the Best Practice tab. It will run dynamic and static tests on the page you are currently debugging and the resources linked to it (JavaScript files, CSS files, etc.).

[embed src="https://www.youtube.com/watch?v=KK8QQ51dJSU" width="800" height="450"]

The above video shows you the kind of result you get when using this plugin. All the recommendations are organized into 4 categories: Web Standards, Accessibility, Performances, Mobile Web.

Let’s have a look at some of the rules you get in each of these categories.

Continue reading %How Vorlon.js Helps You Improve Your Web Code%

by Etienne Margraff via SitePoint