Mobile app version of vmapp.org
Login or Join
Sims5801359

: Does Photoshop also pull HTML? Or just CSS? Im new to the most recent version of Photoshop, it has a cool feature I discovered where it takes the CSS of your design and copy's/paste's the

@Sims5801359

Posted in: #AdobePhotoshop #Css #Html

Im new to the most recent version of Photoshop, it has a cool feature I discovered where it takes the CSS of your design and copy's/paste's the thing into an editor.

Where would you arrange the HTML for it though? Whats the best way to quickly get around this? Are there tutorials?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sims5801359

2 Comments

Sorted by latest first Latest Oldest Best

 

@Reiling762

So here is how to get the css from photoshop just for the records of your post: helpx.adobe.com/photoshop/how-to/photoshop-copy-css.html
To get the HTML fast, I would recommend installing Sublime Text with the Package Manager.
Open Sublime, then Package Manager with CTRL + SHIFT + P,


Typing "Package Control: Install Package", hit enter.
Typing one of the following package names, then reenter the procedure for the other two:


Emmet
Foundation Snippets
HTML Boilerplate



Install all three packages and write HTML with Zen Speed.

10% popularity Vote Up Vote Down


 

@Gail6891361

Photoshop does not pull any HTML, just the CSS. All it does is translate the properties it has for the object you have selected (colour, size, stroke, effects, position), to CSS. It cannot know how you want to structure your HTML or what that object is, so you will have to do that yourself.

I also wouldn't recommend using this feature, since despite it will most certainly not do things the right way. For example if you have a button that has to be 40px under a body of text, you would give it a top margin of 40px. All PS would be able to tell you if you copy the CSS is its absolute value (where it is in relation to the canvas), it cannot know how you have structured your document.

So tutorials on how to code properly would be a good place to start.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme