http://beautyindesign.com training and tutorials for all things Joomla Sat, 27 Feb 2010 02:41:42 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 http://beautyindesign.com/blog/design-to-code-conversion-workflow/ http://beautyindesign.com/blog/design-to-code-conversion-workflow/#comments Sat, 13 Dec 2008 05:24:02 +0000 Rick http://server.expressionindesign.com/xid_labs/bid_wordpress/?p=10 After doing so many design conversion to XHTML / CSS, the workflow has gotten pretty systematic. Here you’ll find the overall structure on how this workflow goes for me and the guys.

1. Setup
   - Setup folder structure (as according to the standard structure for all sites we do. See the XiD CSS Framework article for more info)
   - Slice the layout comp and store in the images folder
   - Re-save the sliced PSD as a new version in VersionCue
2. Conversion
   - Setup HTML structure
   - Create the CSS structure and styles
3. Test in Browsers
4. Miscellaneous, site wide features
   - Necessary javascript if needed
   - Additional Features of project
5. IF JOOMLA
   - Convert template
   - Install in system (testing server usually)
   - Style core Joomla output
6. Final Review
   - Analyze final output
   - Check for validity (w3c HTML and CSS check)
   - Test in Browsers

]]> http://beautyindesign.com/blog/design-to-code-conversion-workflow/feed/ 1