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

81–90 of 129 posts

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

#81

Post by alanbyrne »

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

Great post!

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

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

#82

Post by ed209 »

dmix wrote: post #22
danso wrote: 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.

Almost every designer I know implements in photoshop. For prototyping, its either gomockingbird, balsamiq or some quick HTML (plus the odd photoshoping) to simulate interaction.

I use photoshop to sketch ideas or for some more complicated parts of a design. But in layout and styling terms I work directly in HTML/CSS.

I actually started doing it this was because products like TypeKit don't supply the fonts to use in anything other than the the web browser.

I don't think it's the case any longer that to be a designer you have to be tied to a particular piece of software to produce your work.

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

#83

Post by salvadornav »

brianfryer wrote: post #30
dmix wrote: post #22

Earlier quoted context omitted.

Almost every designer I know implements in photoshop. For prototyping, its either gomockingbird, balsamiq or some quick HTML (plus the odd photoshoping) to simulate interaction.

As a designer, I've never "implemented" in Photoshop. Ever. Illustrator, yes (a long time ago), but there's nothin' like coding your own design. In fact, I design entirely with HTML/CSS (using the Live CSS Editor feature of the Web Developer add-on for FireFox) and use Illustrator to mix and pick colors.

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.

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

#84

Post by ricardobeat »

alanbyrne wrote: post #81
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 "…

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?

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

#85

Post by moconnor »

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

You might want to check the image magnify links on your home page, Chris: http://www.psd2html.co.uk/screenshots/3.png goes to a css-free html page instead of an image, for example.

Edit: also, the unthemed "Error - Login - Paypal" link from your "Free 3-Day Trial" button probably doesn't convert very well...

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

#86

Post by ricardobeat »

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.

Not every, but 95% do. For the rest, there are other pssibilities and tools to make sense of it (microdata, ARIA attributes, etc). Just ignoring semantics altogether won't do any better.

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

#87

Post by ricardobeat »

brianfryer wrote: post #45
alexlande wrote: post #37

Earlier quoted context omitted.

You're right that a bunch of divs like this is non-semantic. Anyone who thinks otherwise is crazy. As far as the classes goes though, I would recommend that you check out a style like OOCSS or SMACSS (which I prefer) and give it a shot on a project. I style almost everything with classes currently, and I've found it much easier to maintain and extend than the style that you're describing. It's a personal choice obvio…

Thanks for the suggestions! I've been wanting to try out a number of pre-processors, but I haven't figured out a way to be able to edit it live (which REALLY speeds up development). However, I'll definitely give SMACSS another (more thorough) look.

LESS has a "live" mode that refreshes with a < 3s delay ijn the browser, without any apps or command-line tools.

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

#88

Post by ricardobeat »

grigy wrote: post #70

How about PNG? Is it just me here using Fireworks for web design?

Fireworks has it's own "export to tables + image slices" thing. The end result is not too different, tag soup and fixed dimensions for everything. Next step up is hand-coding. Or really smart robots.

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

#89

Post by QuantumDoja »

moconnor wrote: post #85
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 "…

You might want to check the image magnify links on your home page, Chris: http://www.psd2html.co.uk/screenshots/3.png goes to a css-free html page instead of an image, for example. Edit: also, the unthemed "Error - Login - Paypal" link from your "Free 3-Day Trial" button probably doesn't convert very well...

ah! - Thank you! I will get them sorted as soon as I can.

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

#90

Post by mtrimpe »

dmix wrote: post #22
danso wrote: 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.

Almost every designer I know implements in photoshop. For prototyping, its either gomockingbird, balsamiq or some quick HTML (plus the odd photoshoping) to simulate interaction.

You can also give moqups.com a try. I started using them a while ago and am really loving it.

Disclosure: I am not owner of moqups. Just an enthusiastic early adopter/evangelist ;)

Post reply on HN