PSD to HTML

Basics

We are at Magicway, as for our HTML Development Unit, we are involved and responsible for converting the given PSD Design to HTML contents for various pages. Followings are the points we take care during PSD to HTML Conversion.

• Template Design (PSD) to HTML
  As a part of the Magicway, we believe in delivering professional solution to each of our client, and for that our approach is fixed and stepwise. Our designing team first goes in a detailed mockup with our loyal clients for finalizing the site layout and design. 

  Once the design is finalized, our designing team members design the whole site layout as well as other inner pages (if required) layout for the project.

  As per needs and natures we are going to use either or both of the way to code the above mentioned template design in to HTML.

• Manual Approach:
  Here we manually write/markups various sections/divisions of the template design using various HTML tags (like: Table, Div, iFrame, Span, Input etc.) and also manually specify CSS classes for each of these sections/divisions if required.
• Slicing Template:
  As for our designing team members, we are using the most used/useful and very powerful as well as well-known Photo/Image Editor: Adobe Photoshop. Our each of the member is skilled in using this in any mode.
• Slicing:
  Here Instead of writing the manual markups, our skilled designing members utilizes the amazing feature of the Photoshop known as: Slicing. The slicing makes it easier the half of the work, as it completely convert/export the existing web-design in to proper HTML.

Clean Code Strategy & Indentation
We at Magicway not only believe in just to achieve deliverables within due date, but also believe in quality based approach to achieve these.

Each and every web project coming across to Magicway is having clean and clear code strategy.

The HTMLization of each of the page is compulsory following clean code strategy in terms of proper indentation for [HTML Tags + Server Script (i.e. PHP, Perl/CGI, Python, ROR etc.) Tags] and clean writings in terms of removals of extra/commented sections plus putting guidance one-liner comments for particular sections if required within pages.

Browser Compatibility
As to deliver a unique and consistent layout/look through out any browser/platform in the world, our team tests the page in each of well-known * most usable browsers listed bellow: