Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

markupwand.com

Post reply on HN
Print view View original

101–110 of 129 posts

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

#101

Post by bpierre »

QuantumDoja wrote: post #79

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 can’t tell about hand-coding, but I am certain webdesign in Photoshop will go the way of the Dodo.

This tool is totally inadequate for webdesign, and therefore for code generation: it’s just a tool to manipulate pixels.

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

#102

Post by splatcollision »

splatcollision wrote: post #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…

Just to prove a point, I roughly re-created the sample PSD on the markupwand page in my tool, Edit Room:

http://www.edit-room.com/review/RnNDyuCX

It's not pixel-perfect, but it is flexible and responsive, and should work decently well across different screens for 5 minutes of work.

(I don't support images yet, so you won't see icons or an avatar, but the type and grid and color and shape and all those important things about design are well-represented)

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

#103

Post by splatcollision »

bpierre wrote: post #101
QuantumDoja wrote: post #79

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 can’t tell about hand-coding, but I am certain webdesign in Photoshop will go the way of the Dodo. This tool is totally inadequate for webdesign, and therefore for code generation: it’s just a tool to manipulate pixels.

I can't upvote this enough. I agree so much that I built my own web design tool. See: http://news.ycombinator.com/item?id=4285083

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

#104

Post by bobsy »

QuantumDoja wrote: post #79

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 "…

The output isn't good enough to use straight up and I don't think it ever will be.

Tools like this, which can create good mark up, have a lot of potential to speed up the coding process. If these tools can get the developer 80% there then its great.

I feel this is as far as these tools will take us.

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

#106

Post by StavrosK »

nimbix wrote: post #75

Does Markupwand use scripted Photoshop instances in the background? And if so, how did you manage to work around the fact that the standard Photoshop license does not permit such use?

Easy, they just used a pirated version that has no such restrictions!

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

#107

Post by crazygringo »

kitsune_ wrote: post #80
brianfryer wrote: post #28

Earlier quoted context omitted.

> How on earth are div's non-semantic? Most things on a page are just "boxes" -- not lists or links or images or paragraphs, just boxes. And div's are the correct thing to use in this case. Because most things on a page are not "just boxes". , , and are not "boxes" -- they have semantic meaning. > Also, "class soup" is a proper CSS programming practice in many people's opinion -- many CSS style guides explicitly stat…

Semantic html is overrated in my opinion. As if every web page or application could semantically fit the header, article, footer, summary, section, nav, menu paradigm. I'm not against it, but probably, we will have another set of semantic tags in 5 years, and 10 years later yet another set of semantic tags.

> As if every web page or application could semantically fit the header, article, footer, summary, section, nav, menu paradigm

I know, that's the whole thing I'm talking about. A page is full of the div inside the header that centers the header. Then the header has three horizontal bars, two of which are split into right and left side, each of these are full of multiple kinds of items...

These are all 's, and are supposed to be, and they usually make up the majority of elements on any reasonably complex page.

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

#108

Post by crazygringo »

QuantumDoja wrote: post #79

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 "…

Hand-coding isn't going to go the way of the dodo, because in practice, web pages are vastly more complex than Photoshop or Word documents.

They need to respond dynamically to window resizing, have rules about which directions text boxes expand in when they overflow with text, how the page operates when a whole section is missing, etc.

Any tool that appropriately allows for all this complexity to be specified, has already become as complex as CSS itself, thus defeating the purpose.

And in my personal front-end experience, 95% of my time is spent on these harder details. Throwing together the basic HTML/CSS skeleton of a page is trivial, and so fast I don't really need a tool to speed it up, especially when that tool is always bound to get something wrong.

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

#109

Post by DeepDuh »

splatcollision wrote: post #102
splatcollision wrote: post #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…

Just to prove a point, I roughly re-created the sample PSD on the markupwand page in my tool, Edit Room: http://www.edit-room.com/review/RnNDyuCX It's not pixel-perfect, but it is flexible and responsive, and should work decently well across different screens for 5 minutes of work. (I don't support images yet, so you won't see icons or an avatar, but the type and grid and color and shape and all those important thing…

What you show in the video looks pretty good. A few things that caught my eye:

The signup form is unconventional. that in itself is ok. but the cleartext password text field is a really bad practice. Also the whole thing just looks very hand-stricken, you know what I mean? I'm not that much of a designer myself, maybe others have a different taste.

I really hope you succeed, overall I think it's a very good idea. I like the abundance of CSS options and the format pasting you show in the video very much. The video makes me want to use it right away.

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

#110

Post by brianfryer »

jameswyse wrote: post #99
QuantumDoja wrote: post #79

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, b…

> HTML tags are meant to be semantic.

I totally agree with this and gave my own detailed explanation of the difference between semantic and non-semantic HTML here --> http://news.ycombinator.com/item?id=4284054

Post reply on HN