Live data from Hacker News

Hire this guy for love

mibake.co

31–37 of 37 posts

Re: Hire this guy for love

#31
post #13

For PSD2HTML? And that round trip ticket price? Ok. Shoot me a mail. (See profile)

Didn't that YC company, Markupwand, do something like this automatically? Since they've vanished, I wonder if this problem is hard to do automatically? Photoshop CS6 has this feature built-in, but it generates horrible css -- it reminds me of the days when people used Dreamweaver to output their html.

They do an OK job if everything is absolutely positioned and the PSD is really clean with layers for everything. But that isn't really acceptable these days where a good conversion is expected to be responsive and interactive.

I think they can save a lot of time with the mundane slicing and dicing though.

Re: Hire this guy for love

#32

Earlier quoted context omitted.

Didn't that YC company, Markupwand, do something like this automatically? Since they've vanished, I wonder if this problem is hard to do automatically? Photoshop CS6 has this feature built-in, but it generates horrible css -- it reminds me of the days when people used Dreamweaver to output their html.

Doing it correctly is not trivial. Beyond the CSS layout, you typically have to cut up the assets and put them in an image sprite. An automatic service wouldn't be able to cut up images correctly if the PSD is flattened. Even with layers, overlapping layers would give the automatic service issues (or bad CSS in the end). PSD2HTML is more art than science.

Markupwand is no longer available but (full disclosure) we've built a Photoshop plugin that does high quality conversions.

The goal is to create HTML and CSS that is identical to what a designer creates by hand.

The plugin takes any Photoshop image and return a virtually identical web page.

I say virtually identical because every browser renders text slightly differently and it would not be proper HTML/CSS to absolutely position and size text exactly to the Photoshop file. In a browser, the exact height of text will vary on each browser/OS and the proper way to write the HTML/CSS is to use static positioning and floats to position items to handle this. In this manner, if there is an image below some text, if the text wraps shorter or longer, the elements below will shrink up or expand down to preserve the design.

It also automatically supports Google fonts. You can use any Google font and it will automatically link them into the file.

It also has CSS3, IE8 and IE9 compatibility levels for your taste. The CSS3 version creates a smaller web page because it can use rounded rectangles and gradients.

Also, some designers will always prefer to code by hand but some parts are rote (e.g. specifying width/height, font size, font family, etc). We can shave off most of the conversion time by generating all the assets and a reference sheet with all the CSS styling, the x/y positions so that you can have full control over your code but still save lots of time.

We can also generate a layout sheet that contains all the elements and styling except for the positioning so you can choose to float, absolute, relative position, etc.

We also export in HAML, Slim, Jade for HTML formats and LESS, SASS, SCSS and Stylus for CSS formats.

But at its simplest, open your image, and click one button and it will generate a web version of any Photoshop image.

www.webbsy.com

Re: Hire this guy for love

#33
I really like how he put, at the bottom:

> This minimalist site was bought, written, and launched in under an hour!

That simple sentence accomplishes so much.

1. It acknowledges the basic look of the site and that he is totally aware of this. i.e. If he does work for you it will not automatically just look like this basic site. Of course! (But good to clarify)

2. Despite being super-basic, it's still a legitimate design choice ("minimalist") and he is also aware of this. i.e. He understands style, at the very least to the extent of a popular archetype.

3. He bought the site, wrote it, and launched it. i.e. Although he is offering PSD to HTML, he may well be able to help and advise on other aspects of getting a website online so potentially could be the only guy you need to use.

4. It all took less than an hour. i.e. Everything involved in setting up that site would have been within his $65/hour, so it gives something to work from in estimating how much hiring him [for a more complicated job] might be.

I don't think I'm reading too much into it, that one sentence seems deliberately written to imply all those things. Which, means:

5. He can write skilfully. i.e. Communication with this guy will be pretty clear.

Re: Hire this guy for love

#35
So sweet, best of luck.

I have been in just the same condition, but my ticket was just a little more expensive, and I just didn't have any time...

I would hire you if only I needed something...

Post reply on HN