Home/ Questions/Q 5838837
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T11:30:38+00:00

How do you go about measuring quality in the Front End Development space? Are

  • 0

How do you go about measuring quality in the Front End Development space?

Are there any tools/techniques/best practices you feel are particluarly relevant? e.g. Unit Testing for JavaScript, YSlow, page validation?

Would be interetsed to know others thoughts on this as i think it is open ended. For example you could say that a mark of quality is that the finished site looks the same in all browsers, html passes validation as does CSS.

Those points are contestable as i personally don’t believe that validation is that important and/or a finished site should necessarily look the same in all browsers e.g absence of rounded corners in those browsers that do not support them.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To manually Check the front end development:

    Look at the website:

    • Does it look good?
    • Does it feel polished?
    • Does it work without JavaScript
    • Is JavaScript only used to enhance the website (Ignoring JavaScript only web applications)
    • Does the basic functionality work in Chrome, FF 3.6, FF4, IE8, IE9, Opera10, Opera11, Safari4, Safari5.
    • Does the JavaScript interfer with the experience.
    • Is there a too heavy reliance on Flash/Java/Unity/SilverLight ?
    • Is the JavaScript minified/gzipped?

    Look at the un-minified code:

    • is the HTML semantically correct?
    • Does the HTML make any sense to screen readers or the blind audience
    • are the correct HTML entities used. (No tables for layout)
    • does the CSS enhance the HTML
    • Is there a seperation of HTML and CSS.
    • Does it confirm to 4.01, XHTML1.1 or HTML5 validation?
    • Does the CSS have meaning full names.
    • Is the JavaScript modularly written?
    • Does the JavaScript adhere to ES3 standards?
    • Make sure there is minimal browser sniffing.

    And the list goes on and on.

    The important thing is good HTML with CSS used to enhance the UI and layout and that the JavaScript enhances the functionality correctly.

    Also ensure that 3rd party applications like flash and SilverLight are only used for complex applications or powerful animations.

    Oh and of course check It’s not auto generated nonsense from ASP.NET, WordPress, SharePoint, etc.

    Are there any tools/techniques/best
    practices you feel are particluarly
    relevant? e.g. Unit Testing for
    JavaScript, YSlow, page validation?

    Reading your question more carefully I’ve handled it at a tangent. If you want automated tools the HTML validation is good. Using external tools like YSlow is great. Using js unit testing is great. These are all good and valid tools you should use.

    I’m sure there are more but I don’t have personal experience to recommend any.

    • 0