# Convert Illustrator file to HTML or CSS for programming on Ruby?

**URL:** <https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204>\
**Category:** Rails\
**Created:** [October 18, 2008, 2:54am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204 "2008-10-18T02:54:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 18, 2008, 2:54am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/1 "2008-10-18T02:54:20Z")

</div>

HI there,

My graphic designer and my programmer are having a communications  
snafu, and it’s my job to translate.

The programmer is saying that if there’s a simple conversion method to  
take web page designs created in Illustrator and convert them to HTML  
or CSS, it will save him about 50% of programming time.

This is good news for everyone, but how best does the conversion  
happen?

Thanks for your consideration.

Carla

---

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 18, 2008, 9:13pm UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/2 "2008-10-18T21:13:22Z")

</div>

carladeluxe wrote:

> HI there,
> 
> My graphic designer and my programmer are having a communications  
> snafu, and it’s my job to translate.
> 
> The programmer is saying that if there’s a simple conversion method to  
> take web page designs created in Illustrator and convert them to HTML  
> or CSS, it will save him about 50% of programming time.
> 
> This is good news for everyone, but how best does the conversion  
> happen?
> 
> Thanks for your consideration.

I don’t know of any tool that provides this…

Isn’t this partially what you’re paying your programmer to do anyways?

Michael G.

---

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 19, 2008, 12:18am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/3 "2008-10-19T00:18:05Z")

</div>

Export it to Photoshop as a PSD, slice it up from there, then have  
your programmer clean up the output and add the dynamic content.

---

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 19, 2008, 12:46am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/4 "2008-10-19T00:46:11Z")

</div>

On Sun, Oct 19, 2008 at 9:17 AM, Alex [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:

> Export it to Photoshop as a PSD, slice it up from there, then have  
> your programmer clean up the output and add the dynamic content.

Just make sure you export as CSS. The default (at least in CS 3 or  
below) is to export as a tables based layout.

Mikel

---

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 19, 2008, 6:53am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/5 "2008-10-19T06:53:33Z")

</div>

check out this place: [http://www.xhtmlized.com/](http://www.xhtmlized.com/)  
there are other companies that do the same thing, unfortunately this  
is the only name i can remember right now.

---

<div class="post-metadata">

**Author:** ![carladeluxe](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@carladeluxe](https://www.ruby-forum.com/u/carladeluxe)\
**Post date:** [October 19, 2008, 5:44am UTC](https://www.ruby-forum.com/t/convert-illustrator-file-to-html-or-css-for-programming-on-ruby/151204/6 "2008-10-19T05:44:34Z")

</div>

thank you
