PSD to HTML, CSS & JS Order Wizard

Order form

Please select the number of pages and turnaround time, followed by your contact information to get started. As you customize your PSD to HTML order, you will see the order summary box in the right sidebar update automatically. This price also includes a multiple page discount! Please note that software implementation option may increase the estimated delivery time for the project.

Our standard package includes the most important coding features. The code we create is W3C valid, table-less, semantic, accessible, and SEO friendly. We ensure that every PSD to HTML project is compatible with all modern browsers.

Questions? Give us a call: 1 (877) 721-8040 (toll free).

How many pages?

When?

Calendar

Deliver as:

As you customize your PSD to HTML order, you will see the order summary box in the right sidebar update automatically. This price also includes multiple page discount! Please note that software implementation option may increase the estimated delivery time for the project.

Questions? Give us a call: 1 877 721 8040 (toll free).

Markup Options

$0

Take control of compatibility, accessibility, layout, coding techniques, and non-web font embedding using the options below.

Comments

Notes are added to key areas or groups in the XHTML and CSS files to make the code easier to read and edit.

Section 508 Compliance

Typically a requirement for government agencies in the U.S., select this option if disability compliance is needed for your site.

Web Content Accessibility Guidelines

We follow the guidelines provided by the World Wide Web Consortium and integrate them with our own mobile and screen reader compatibility options. We do this because ours are more practical and up-to-date. If a specific version of the guidelines is to be followed, please specify it in the comments section.

Disability Discrimination Act Compliance

Required in the United Kingdom only, select this option to ensure that accessibility to blind or otherwise disabled users.

Screen Reader Compatibility

Select yes below and we will make sure that the screen readers you specify in the comments section verify the code to be fully accessible.

Mobile Device Compatibility

Select yes below and your markup will be compatible with the mobile devices you specify. Please list the mobile platforms you’d like the markup to be tested under in the comments section. We will provide you with a quote for this option in the client area after investigating your designs and requirements.

free

Non-web Fonts

If you have non-web fonts in the design and you want to keep the original look without using images, please choose one of the following alternatives.

  • No $0
  • sIFR $29

    sIFR - Shaun Inman Flash Replacement is a reliable technique for implementing non-web fonts by substituting them with flash objects by the means of JavaScript. It allows using non-web fonts in the page. It does this without using images and without sacrificing accessibility for search engines and other browsers that don’t have JavaScript enabled or images disabled (like mobile phones often do). If either flash or JavaScript is disabled in a specific browser, the sIFRed objects will remain text-based.

  • Cufon $29

    Cufon technique is a great option for non web fonts. Cufon provides text replacement with canvas and VML by the means of JavaScript, working natively with all browsers and keeping the nice look of the text. No support of flash objects or images is required to make Cufon work.

  • font-face $29

    Font face works extremely well with non-web fonts. If you choose the font face solution for non-web fonts on your website, we will simply declare the font you decide to use in the CSS properties. Those computers that don’t have it will be able to download it and use it on the go. All we need from you is the font file in .otf format. If you select this option, please include the font file in the archive with your designs.

Microformats

Semantics are very important to us. Select this option below and we will incorporate microformats into the markup wherever possible.

Print Version

Select yes below if you’d like a separate CSS to be created for the print version of the page(s). Print CSS allows the exclusion of all unnecessary blocks from the print version, leaving only the content to be printed. Please specify which blocks you’d like to be presented for the print version in the comments section.

Layout Width

Select "liquid" if the layout should automatically resize to fill the browser window. Choose "fixed" if the layout’s width should always remain the same.

CSS Reset

If you use CSS Reset in your own coding, we’ll include it as well if you select yes below. The CSS Reset is designed to make modern browsers behave consistently by overriding browser defaults. The YUI CSS reset is Yahoo!’s version of the CSS Reset. Its intention is to make sure that there is a baseline behavior across all grade A browsers, making CSS styling more predictable and consistent.

Favicon

Select yes below and we will create and embed a favorites (bookmark) icon. If you already have a favicon you’d like to use, you can include it with the design files when submitting an order. Our favicons are 16x16 pixels in size.

Scripting & Widgets

$0

We offer the most popular widgets and JavaScript based solutions in order to make your site more appealing and remarkable. Select your choice below. The prices listed are a base price for any basic work. For more multiple instances and more complex coding, an additional charge may be quoted.

Preferred JavaScript Library

Select the JavaScript Library you prefer us to use if your project requires advanced scripting functionality.

Multi Tier Fly-out Menu

Indicate if a multi tier fly-out menu should be added. Please note that the price for this option includes standard CSS multi-level menu integration. If you’d like to add any special effects to the menu – please indicate this in the comments box when posting your project and we will send you a quote for implementing extra menu functionality.

Tabs

If you have tabs in your design, choose yes below to add JavaScript that will allow switching between the tabs with no need to reload the rest of the page.

Expandable Blocks

Select the option below to add JavaScript that will allow the opening and closing of the expandable blocks. By default we don’t add any visual effects to the expandable blocks. If you’d like a fade or slide effect for these blocks - please leave a note about it in the comments section. We do not charge extra for either the fade or slide effects in expandable blocks.

Carousel

If you have a list of rotating items (for example: images or content blocks), we can add JavaScript that will allow scrolling through these items by clicking on the page links (1,2,3) or by clicking on the next/previous buttons. The list of items can rotate automatically as well.

Accordion

Accordion is a great JavaScript feature that allows the revealing of the sub-list of a particular list item with a smooth sliding effect. When one of the sub-lists is revealed – the rest of the items are closed at once.

SlideShow

Slideshow is a fantastic option for picture rotations. Select the option below and we will add rotation between images, with a slide or fade effect, to the picture gallery on your site.

Lightbox

If you have a picture gallery and you’d like to view each picture in a pop-up window – then the lightbox add-on will be a perfect solution for you. If you choose this option, we will add JavaScript that makes the page fade out when the lightbox is opened, showing a particular picture.

Custom Scrolls

Choose this option below if you have a designed scrollbar for your site - with the help of JavaScript we will substitute the browser standard scrollbar with your custom design.

Custom Forms

Choose this option if you’d like to customize the look of your check-boxes, radio buttons, or select drop down menus according to your designs.

AddThis

Select the option below and we will add the plug-in that allows adding the page to the browser bookmarks by clicking on the "Add this" button.

Software Implementation

$0

Artwork can be implemented into various blog, content management, shopping cart and portal software packages. Below please select the package you need. If you also need the CSS & (X)HTML in addition to the final software implementation, simply specify this in the comments section.

Server Side Scripting

Blog

Shopping Carts (e-commerce)

Content Management Systems

  • Drupal $279
  • Joomla $279
  • MODx $391

Please select your payment method and provide your billing information to process your order. You may choose to pay either a 50% deposit, or the full price of your project.

Questions? Give us a call: 1 877 721 8040 (toll free).

Payment type: