Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

Converting PSD to JavaScript and CSS

and css converting psd to javascript

  • Please log in to reply

#1 OneDes


    Senior Member

  • Designer
  • 282 posts

Posted 09 September 2013 - 01:05 AM

1.Open your Photoshop and go to File->Open and double click the PSD file you want to convert.
2. Using the Slice tool select the elements you want one at a time. When the PSD file is converted to the web page, these sliced elements will have the <div> tags.
3.Go to File->Save For Web & Devices and save.
4.Go to the Format drop down menu and click the option ‘HTML and Images.’
5.On the settings drop down menu select ‘Other’, then from the HTML drop down menu select ‘Slices.’
6.Under Slice Output select the ‘Generate CSS’ option.
7.Click OK and Save.
8.Your HTML page, and all JavaScript, CSS and image files, are now saved.

#2 ptu12


    Senior Member

  • Designer
  • 238 posts

Posted 02 May 2014 - 05:02 PM

This is very helpful info. Thanks.

Also tagged with one or more of these keywords: and css, converting psd, to javascript

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users