CSSilize
CSSilize v. To convert PSD files into proper XHTML/CSS by hand coding
Basic Pricing.
Page |
Price |
| 1 | $39.00 |
| 2 | $78.00 |
| 3 | $117.00 |
| 4 | $156.00 |
| 5 | $195.00 |
| 6 | $234.00 |
| 7 | $273.00 |
| 8 | $312.00 |
| 9 | $351.00 |
| 10 | $390.00 |
| 11 | $425.00 |
| 12 | $460.00 |
| 13 | $495.00 |
| 14 | $530.00 |
| 15 | $565.00 |
Templates
![[Image: Wordpress]](/img/small_thumb/PricingTemplate/1.7976de24cfd2bca615d9ca3479d6678a.jpg "Wordpress"){kind=small}
Wordpress ![[Image: XHTML]](/img/small_thumb/PricingTemplate/3.a32d0852aa8be5b892402362373e1418.jpg "XHTML"){kind=small}
XHTML Layout Options:
Use the options below to make sure we produce code for your artwork properly. If you're not an expert on code production, know that these are the only mandatory options. In the additional options below selections for best practices are already selected.
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.
Header / Footer Width
Select "liquid" if you're the header and footer should automatically resize to fill the browser window. Choose "fixed" if the width of the header and footer should always remain the same.
Horizontal Position
Select the justification (position on x-axis) that your design should have in the browser window.
Vertical Position
Select the vertical justification (position on y-axis) that your design should have in the browser window.
Coding Options
Take control of compatibility, accessibility, typography, semantics, standards / compliance and imagery preferences using the options below.
Compatibility / Accessibility
Some projects simply don't require compatibility with all major browsers. When these options aren't selected you can expect the work to be finished even more quickly. Check Wikipedia article on Usage share of web browsers, if you're confused.
Select "yes" below if the Fahrner Image Replacement technique should be used to improve accessibility of an image-rich design. Please specify where you feel this technique may be relevant in the comments section.
![[Image: FIR Implementation]](/img/small_thumb/PricingCompatibility/2949.aec12050acbbf9b4a0f6ca4453e95d2e.png "FIR Implementation"){kind=small}
FIR Implementation Required in the United Kingdom only, select this option to ensure that accessibility to blind or otherwise disabled users.
![[Image: Disability Discrimination Act Compliance]](/img/small_thumb/PricingCompatibility/397.9f0c5723e08a7f2efe2f452eddad6517.png "Disability Discrimination Act Compliance"){kind=small}
Disability Discrimination Act Compliance Typically a requirement for United States government agencies, select this option if disability compliance is required. In general, this option is rarely needed due to the techniques we use, but it's shown here for those looking for it.
![[Image: Section 508 Compliance]](/img/small_thumb/PricingCompatibility/396.9af69fecb6adde4213bbb11046f2ea97.png "Section 508 Compliance"){kind=small}
Section 508 Compliance A set of guidelines provided by the World Wide Web Consortium, these overlap with our own mobile and screen reader compatibility options however 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.
![[Image: Web Content Accessibility Guidelines]](/img/small_thumb/PricingCompatibility/395.c5c2949da1f9f5dda188daa43c6dc3e9.png "Web Content Accessibility Guidelines"){kind=small}
Web Content Accessibility Guidelines Select "yes" below and we will verify that the code is verified to be fully accessible in the screen readers you specify in the comments section.
![[Image: Screen Reader Compatibility]](/img/small_thumb/PricingCompatibility/11.6fc80e7696d40e11dfe78d5ba5123f5a.png "Screen Reader Compatibility"){kind=small}
Screen Reader Compatibility Select "yes" below and we will verify that the code is verified to render consistently in Mac Safari.
![[Image: Mac Safari Compatibility]](/img/small_thumb/PricingCompatibility/10.09003e94d4d31042be9d3ffe7fe74d24.png "Mac Safari Compatibility"){kind=small}
Mac Safari Compatibility Select "yes" below and we will verify that the code is verified to render consistently in IE 6.
![[Image: IE 6 Compatibility]](/img/small_thumb/PricingCompatibility/7.a7a5756f4ed15728d8b5bb3526938cf1.png "IE 6 Compatibility"){kind=small}
IE 6 Compatibility Select "yes" below and we will verify that the code is verified to render consistently in Opera 9.
![[Image: Opera Compatibility]](/img/small_thumb/PricingCompatibility/9.8a9992efc791bcda8e7bccad3f55fb0e.png "Opera Compatibility"){kind=small}
Opera Compatibility Select "yes" below and we will verify that the code is verified to render consistently in Google Chrome.
![[Image: Google Chrome Compatibility]](/img/small_thumb/PricingCompatibility/6.60d87b5d2745fe93867d743e20bf4876.png "Google Chrome Compatibility"){kind=small}
Google Chrome Compatibility Select "yes" below and we will verify that the code is verified to render consistently in Windows Safari 2 & 3.
![[Image: Windows Safari 2/3 Compatibility]](/img/small_thumb/PricingCompatibility/4.80751904b3d66dddb6745902ca19d369.png "Windows Safari 2/3 Compatibility"){kind=small}
Windows Safari 2/3 Compatibility Select "yes" below and we will verify that the code is verified to render consistently in IE 7.
![[Image: IE 7 Compatibility]](/img/small_thumb/PricingCompatibility/394.947682914923fc8ec4d6bc19ab553d99.png "IE 7 Compatibility"){kind=small}
IE 7 Compatibility Select "yes" below and we will verify that the code is verified to render consistently in Safari 2 & 3.
![[Image: Firefox 2/3 Compatibility]](/img/small_thumb/PricingCompatibility/5.7b170b2a9735baaf8779306264dc99e0.png "Firefox 2/3 Compatibility"){kind=small}
Firefox 2/3 Compatibility Usability
Indicate if a CSS & JavaScript menu navigation should be implemented. You may also want to select a preferred JavaScript Library in the advanced options section and leave us comments about this selection in the comments box.
We generally use the "sprites technique" for menus or navigation that does not use web fonts or contains a design treatment that is not trivial. As for text-based anchors change this option to no if you don't want us to implement these classes for you.
CSS
Notes are added to key areas or groups in the CSS file to make the code even more easy to read and edit.
Markup
Document Type Definition (W3C Standard)
Specify the DocType preferred. For maximum longevity of the code we recommend (X)HTML 1.0 Transitional for most projects. Typically (X)HTML 4.01 should used for (X)HTML emails.
Notes will be added inline and related code grouped together making sure that modifications are easy to make, even months or years later.
Imagery
Images that are typically individual files are strategically combined into a single image file to reduce HTTP transactions; the best application of this technique is with image-based navigations (also known as the sprites technique). Reducing HTTP transactions gives better load performance and maximizes caching and image reuse - providing a better user experience and reduced server load. Select this option if you want the fastest possible page render speed and web server performance.
Advanced Options
The following options are for those who simply wish to fully customize the coding to their own preferences to make the results consistent with their own style or take the code to the maximum level.
We will add the meta tag required to disable the image toolbar if you select "yes" below.
Select "yes" below and we will create and embed favorites (bookmark) icon. These will also look great in all sizes: 16x16, 32x32 and 64x64.
Many coders have their own preferences for mark up of forms. Select method you prefer below. Table-less is recommended; our default. If need table based design please select "yes".
Select which method of mark up you prefer for coding of navigation. We recommend unordered lists; our default. If you need Definition List please select "yes".
![[Image: Agriya]](/img/powered-by-agriya.png "Powered by Agriya")