dimanche 13 mai 2018

Methodology for turning a designer's PSD layers (deliverable) into usable HTML/CSS? Note: this is not trivial, see inside

NOTE: moderators and admins please keep an open mind about this question, I need SO and this is as valid a programming question as any about monads or whatever.

We are look to find a function $f : X \to Y$ where $X$ is a PSD and $Y$ is HTML/CSS.

We know that $X = \sum_i l_i $ over the set of layers.

Clearly $f$ is a homomorphism in that the sum of the individual layers, in HTML/CSS space, is in fact the same as the image of the sum in PSD (layer) space.

Ergo, I the engineer should be able to find an easy way to turn each $l_i$ into a visual HTML element, and to sum them in HTML/CSS space to create the full ensemble of elements.

Using this principle, my hope is that I can convert the PSD my designer gave to me into usable HTML/CSS. But the question is, what framework can I use to make this as easy as possible? Are there any resources that will help me learn how to do this properly?

The answer to this question may come in the form, "take Foundation and stylize its elements based on what you see in the PSD" -- i.e. this is a soft question. But, a firm answer to this soft question provides (by my construction above) in theory the ideal way to go through the process of turning a designer's PSD into HTML/CSS.

Background: I always hire designers for projects because I'm art-blind. But then I usually also hire someone to turn that into HTML/CSS that I can use. The person I'd engaged just let me high and dry a few days before a deadline, and I'm pretty sure no consultant will get it done in time. That leaves one option, which is me, so I need to figure out the above homomorphism $f$!




Aucun commentaire:

Enregistrer un commentaire