Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
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?
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.
So here is how to get the css from photoshop just for the records of your post: https://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 one of the following package names, then reenter the procedure for the other two:
Install all three packages and write HTML with Zen Speed.
