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.
Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
121–129 of 129 posts
Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
#122As 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…
> 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
#123Earlier 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…
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
#124Earlier 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.
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
#125As 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…
Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
#126Earlier 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…
Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
#127Earlier 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 :-)
Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
#128Re: Show HN: Markupwand, magically convert your photoshop files to HTML & CSS
#129Earlier 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.
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.