: Slicing vs html/css I develop sites in different CMS, wordpress, magento etc. I wanted to know, if slicing is more easy than creating everything in child theme, as there are a lot of margins,

@Shelley591

"Slicing" treats the web page as a pixel-perfect static canvas, which it never has been, nor never will be. It was a bad idea in the 90s and is now an antiquated idea. For just one example, there's simply no way for Photoshop to slice out a responsive web page layout.

So, yes, always work in the actual medium you are designing in whenever you can. In the case of designing a web page, you need to understand (or work with someone that does) the HTML CSS and JS that goes into making the visual presentation.

EDIT:

If, on the other hand, you're asking how to design a web site based on a PSD file in general...

Ideal answer: Don't. PhotoShop is not a web page. While you can certainly give a nice look and feel to a site with the tool, it simply can't be used as a web site design tool as it's a static, fixed canvas. Sites designed solely in PhotoShop tend to be bloated, inflexible, and slow.

At best, the PSD should be used merely as a sketch.

Realistic answer: I do realize that is still how a lot of web sites get built. Visual designers work in a visual tool, then toss that file over the fence to let the developers deal with it. This is a rather antiquated an inefficient way to go about it, but it's not uncommon.

In that situation, I do empathize with you as now the burden is on you to deal with things. I think the best you can do is:


Try to communicate to the designer that you will do your best to interpret the PSD file, but note that there are always going to have to be slight changes in the process to accommodate the realities of the presentation layer code and browsers and users and devices and the CMS so that the final output may not match pixel-for-pixel
Save out a flat version of the PSD and then use that as your template. Try to replicate as much of the PSD as you can via CSS (background colors, all content/fonts, etc) and then, as needed, cut-and-paste out the individual elements needed as images.
If at all possible, integrate the designer with the front end development process. Have them work with you to adjust things as you go. You may find something works better in code and they'll be willing to change. Maybe they'll see it actually working in code and have a better way to implement their idea. Try to make it a collaboration if you can.


Good luck!

Vote Up Vote Down

@Harper654

Make child themes in WP. The changes you make in your child theme are only overrides of what you want to change. You will have far more control and flexibility. You can group overrides in your child theme, and margin and padding should be easily solved that way.

Vote Up Vote Down