Live data from Hacker News

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

markupwand.com

121–129 of 129 posts

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

#121
post #59
post #54

Hey guys, our queue is growing pretty long. We are scaling it up, meanwhile you might face delays.

Queue is back up normal now. But a few photoshop files failed, since Markupwand isn't yet capable of handling full pages and a few complicated cases.

Super Machi, good job on the app.

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

#122

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

You sir, are spot on. You put it perfectly here:

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

This was my immediate issue with CSS Hat. The designers are not trained to set up their photoshop files to be properly evaluated in CSS. They do not know CSS, or how it works. They get their pixels "perfect" (or way off most of the time when doing real math with css), but the fact is to use tools like this they have to get on board 100%. For some designers, this is easier than others.

Don't get me wrong, I'm still interested in trying out the tool. Maybe it is magic...

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

#123

Earlier quoted context omitted.

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

Why are cleartext password fields bad practice? How many accounts are actually compromised via shoulder surfing? They're especially annoying on mobile phones.

edit: Since there are password fields, I guess the question should have been "How many accounts _would_ be compromised by shoulder surfing?" I bet it's a truly insignificant number.

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

#124

Earlier quoted context omitted.

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

Why are cleartext password fields bad practice? How many accounts are actually compromised via shoulder surfing? They're especially annoying on mobile phones. edit: Since there are password fields, I guess the question should have been "How many accounts _would_ be compromised by shoulder surfing?" I bet it's a truly insignificant number.

1) As OP has pointed out, security is not just about effective security, it's also about the perceived one. Cleartext passwords are so unusual it makes me question as a user, how things are handled in the backend.

2) I don't see the problem on mobiles. Not sure about Android or WP but at least on iOS I always see the last character that is entered. Still vulnerable to shoulder peeking but not as bad as cleartext.

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

#125

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

Psd2html.com and services like it don't usually do complex stuff; they do the fast cutting for a few $ and that will go the way of the dodo :)

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

#126

Earlier quoted context omitted.

I used to always start in Photoshop and when I had 2/3rds of the design start coding. But since I started using CSS3 attrs like 'box-shadow', 'border-radius', etc. I only open Photoshop for tweaking icons, patterns, gradients; but never to design the actual page.

Exactly. Not taking advantage of what you can do - and how easy you can do it - in the code right away just means more time wasted. Once you get the basic layout out, all Photoshop is good for is finding the colors you're going to use (which a lot of times, tools like Colllor in addition to preprocessors with color functions can supplement) and quickly prototyping something just to see it (which is easier in Illustra…

Wow, thank you SO MUCH for mentioning Colllor. Can't wait to use it in my next project :-)

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

#127

Earlier quoted context omitted.

Exactly. Not taking advantage of what you can do - and how easy you can do it - in the code right away just means more time wasted. Once you get the basic layout out, all Photoshop is good for is finding the colors you're going to use (which a lot of times, tools like Colllor in addition to preprocessors with color functions can supplement) and quickly prototyping something just to see it (which is easier in Illustra…

Wow, thank you SO MUCH for mentioning Colllor. Can't wait to use it in my next project :-)

Right? I spent a good chunk of time trying to figure out who was behind it so I could send them some money, but couldn't. They finally added a form so I hit them up to put a donate button on there. If it interests you at all, I try to put all of the color and general prototyping tools I find on my snip.it -- http://snip.it/collections/1064-design--development-web

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

#128
post #59

Earlier quoted context omitted.

Queue is back up normal now. But a few photoshop files failed, since Markupwand isn't yet capable of handling full pages and a few complicated cases.

Super Machi, good job on the app.

Thanks machi.

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

#129

Earlier quoted context omitted.

> 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

I used to hear that a lot. Then everyone went nuts for bootstrap.css, which is very decisively not semantic. Now I don't know what to believe.

Yeah, I'm not a big fan of the heavy usage of Bootstrap that's been going on lately.

Bootstrap not only makes it simple to visualize the construction of a page, but their documentation is really easy to understand (while HTML's documentation can be difficult to go through).

It's great how flexible HTML/CSS is -- it comes pre-built with an existing paradigm (semantic HTML), and tools to create your own (read: s & classes/IDs). Personally, I prefer using the standards already set than creating something new and/or using something different.

Post reply on HN