Live data from Hacker News

Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

markupwand.com

91–100 of 129 posts

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#91
post #18

I don't have much experience with prototyping-with-PSD...how standardized is that process among designers? This is a neat tool but it seems like it might be very dependent on good practices by designers, and seeing how adherence to best practices -- in naming conventions, file types, layer arrangement, etc -- can be highly variable among coders, I can only imagine what it's like among pure visual designers.

Depends on how you work… Photoshop use is not really standardised, it’s just that you are expected to put individual elements in individual layers.

Large web consulting forms expect the visual designer to work this way, to drop a PSD that they can then convert to a template for their CMS… But working in this way you’re relegated to a role of providing a visual look, not really designing the interaction of the site…

Also on a technoligical level it becomes harder tot exploit the possibilities of javascript etc. if you think in a static fashion. if you want more influence you either need to work in a more ping-pong fashion with a developer, or develop yourself.

In both cases I find myself rarely using Photoshop, preferring an iterative process, with sketches on paper and in HTML.

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#93

Earlier quoted context omitted.

Great post! P.S I have used (ie paid for) PSD2HMTL and the folks did a magic job. I recommend them to all.

The folks or the machines?

The service provided by http://www.psd2html.com/ seems to be done by humans.

"100% human-coded. 370+ professionals"

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#95
post #94
post #92

Earlier quoted context omitted.

will there be one ? what about opensourcing ?

everything doesn't have to be open source.

no, and i never implied that if you read carrefully. Still, that doesn't answer my question.

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#97
post #35

How on earth does this not use absolute positioning, but actually figuring out the full width of text boxes, whether they are expandable vertically or not, etc.? I'd love some insight into the technique. I mean, I work with designers who often don't even know what their intention was in the first place, what should happen if a line of text turns into two...

I've just seen that some of the technique/some of your questions are answered after sign up! I'll c/c here for your convenience (without the explainations and examples available on sign up) Five tips given on the website to get good results (I have not tested myself) : - Break your page into smaller pieces (header = 1 .psd, same for body, footer, sidebar, etc) - Use one text layer for each logical piece of text - Eac…

Sorry about the fifth point not being clear. Will try to make it clear.

Some designers produce effects using indirect methods instead of using the photoshop effects. These should be avoided as much as possible, for the code to be clean.

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#98
The problem with this and other photoshop > CSS tools, is that you're still stuck with Photoshop. We should be elevating design by designing web native and making it beautiful, not using the same old fixed desktop beasts. Edit Room [1] and the like (typecast [2], etc.) will be the wave of the future. Great web design requires great human communication, which means great typography. You can't get close to the real web type display with Photoshop, and this tool won't help there.

Unlike Edit Room, using Photoshop + Markupwand generates all units in pixels - not too useful for real multi-device prototyping. Others have mentioned the tag soup. It's fine for those who can't move on from Photoshop, but more and more folks are interested in trying something new.

[1] http://www.edit-room.com/ (my project, friendly critiques welcome) [2] http://beta.typecastapp.com/

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#99

As the developer of www.psd2html.co.uk I can honestly say I am very happy that someone else out there is doing something similar to me...you might ask why? When I launched Psd2Html in late 2010, I was unable to get on the front page of HackerNews, or any other website for that matter, I was down-voted to oblivion. I had insulting, slanderous comments posted on the Mac App Store which were untrue. I was ridiculed by "…

"I was certain, and I'm still certain hand-coding will go the way of the Dodo."

I don't think so. How are you going to handle responsive designs or hell even fluid designs? Or deciding which HTML tag to use? HTML tags are meant to be semantic.

More and more people are moving away from designing in photoshop to designing straight in the browser.

edit: I see the link in the OP uses bootstrap and is well put together, but it's still far from perfect.

Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS

#100

Earlier quoted context omitted.

The folks or the machines?

The service provided by http://www.psd2html.com/ seems to be done by humans. "100% human-coded. 370+ professionals"

I think the grandparent was talking about http://www.psd2html.co.uk/
Post reply on HN