3 ms·
Lets say I am given a Fireworks .png or a .psd, the first thing I do is open it, flatten the image and open it alongside my browser for easy viewing. Then I lo
by shanelja 13y ago
Lets say I am given a Fireworks .png or a .psd, the first thing I do is open it, flatten the image and open it alongside my browser for easy viewing.
Then I look carefully for each "asset" I require, normally images unique to the page, things I can't easily create with CSS, etc.
After this I grab my lovely grid and start to plan out where each element will fit, crafting the HTML as I go along. I could use some kind of generator but it will never be as good as hand made HTML, it is always clunky and overly complicated.
- mkhalil 13y agoThanks for the insight. When you mean "grab my lovely grid", do you mean just view the grid in Fireworks to see how many pixels apart everything is and code to match it? If so, I'm pretty suprised the mockups are "pixel perfect". Seems like mockups are a lot of work. That's done twice.
- shanelja 13y agoNo - at my agency the design team works to a 12 column grid which makes responsive design a bunch easier, by "my grid" I mean our pre-built HTML/CSS in house framework for working with this Grid style. It's loosely based on Eddie Machado's Bones framework [1] but integrates well with Magento too. [1] http://themble.com/bones/ http://themble.com/bones/