There are several parameters before placing a PSD to HTML conversion order with a provider. Some of these are listing your requirements, knowing the provider, Price Comparison, turnaround time etc. We’ve recently covered a thorough article explaining all of the points to consider before placing the HTML Conversion order. If you are going to place a PSD to HTML conversion order or recently ordered it or just got a converted file, then you should test it against some parameters to know whether you’ve received a good and required converted code or not. ? In this write up, we’ll discuss few tests to perform after getting a converted code.
Is it as-it-is?
Open the converted HTML template in a browser and open the provided PSD image in a separate window. Now, compare both of them one-by-one manually to know whether you’ve received the as-it-is converted template or is there any difference. Make sure to check the location of drop-down menus, horizontal/vertical tabs, breadcrumbs, jQuery implementation or other special design requirements. If there is any design difference then immediately notify your PSD to CSS/HTML service provider.
Is it W3C Validated?
Test the Markup format and its standard at W3C Markup Validation Service. This service informs you the format, in which the code has been written and tells you the number of warning or error messages presented, if any. Make use of W3C CSS Validator to test the Cascade Style Sheets format, warning and error messages. If all is good then move on to next step else note the URLs of test reports in text file.
Testing Cross-browser & Cross-platform Compatibility
After validation, it is the time to test the Cross-browser and Cross-platform Compatibility. We’ve recently compared the top-notch PSD to HTML providers and observed that almost each provider offers code compatibility with major browsers. As per W3C Browser Statistics, the major browsers are Internet Explorer, Mozilla Firefox, Google Chrome, Apple Safari and Opera.
After getting the markup, you can test the code at Adobe Browser Lab, BrowserShots.org and Browsercam.com to know how many different browsers and platform are supported by your received code. Note down the problems in cross-browser and cross-platform compatibility of the code. It’s noteworthy to mention that today the browsers and other software are coming up with their latest versions within a short gap. So, you must be aware about the promised browser versions, operating systems and other software for their compatibility with the delivered code.
Testing the Page Loading Speed
You should to test the page loading speed of received template at Google Page Speed Online and WebPageTest. Google Page Speed Test will test the received template as per Google Page Speed Norms, whereas WebPageTest follows the norms of both Yahoo YSlow and Google Page Speed. Both of them give marks for page loading speed of your code and inform you how to improve the page loading speed. If it shows fewer marks with more problems then take a screenshot of it and send the report URL to the service provider for modification.
Testing the Website Accessibility
If you’ve paid to make your template compatible with WCAG Guidelines, Section 508, or any other accessible law in your country then you should test the Website Accessibility of the template. Make use of WAVE WebAIM Online Test, Fujitsu Web Accessibility Inspector Tool and CynthiaSays to test the Website Accessibility of your received converted code. These tools will give you a report, which you can send the service provider for necessary modification.
Does it meet all of your requirements?
The HTML Conversion is a critical process, where a service provider has to take care of numerous aspects. It is advisable to check the received converted template for your requirements. Check whether it fulfills all of your requirements or does it miss anything. If you’ve a record of communication or steps to notify and order the service provider to meet all the requirements, then get back to the service provider with the same proof and request to modify the code to suit your requirements.
Each PSD to HTML service provider provides its 100% to perform an Image to Markup Conversion. They’ve to take care of numerous standards and other updates. When you receive a converted template then it is recommended to test it on above parameters to make sure you’ve received the best code. If you find any issue with above tests then you can contact your service provider to have clarification about the same. If you’ve recently received a theme from any PSD to HTML Service Provider then share your valuable experience with us and other readers.
Amit Pankaj works as a Senior Technical Writer with PSD to HTML Providers. He specializes in Social Media, Content Manegement and SEO. PSD to HTML Providers shares information and insight on PSD to HTMLConversion and integration with 3rd party CMSs like WordPress, Magento, Drupal and Joomla. Subscribe to our Blog RSS for updates on HTML Conversion Service.
5 Comments to “Things to Test after getting your PSD to HTML Converted Code”
- A Redefined Internet Explorer 10 with HTML5 and CSS3
- Responsive design themes preferred over ‘iPhone’ application
- Is HTML5 better than HTML4?
- How to manage an affordable conversion pricing?
- Benefits of SSL certificate for your website