Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HELP - Photoshop psd to html/css?

Featured Replies

Hi,

 

Ok, every tutorial I seem to come across for coding up a Photoshop psd is always with Dreamweaver, but as I don't have Dreamweaver I just want to be able to do it with my standard Text-Editor. Can someone point me in the right direction of how this is done or know of any tutorials for this??

 

Many Thanks.

If you use the help guides in photoshop this will help you big time.

 

Use the guides to sort out where the header/nav/content/footer are then from their create them in code, once this is done you should then be able to put the content area into the number of columns needed.

 

I hope this helps.

Rockablepress just released a great tutorial about this.

It's $ 29,- end for that money you get a PDF and a great screencast.

I haven't read the pdf yet but the screencast is of high quality and also important the voice is nice to listen to :)

 

you can get it here.

Rockable press photoshop to html

 

This definitely helped me.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.