Live data from Hacker News

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

markupwand.com

61–70 of 129 posts

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

#61
post #57
post #34

The "r" in "Jack Dorsey" renders funny in Chrome AND in my Firefox. Just me?

Not just you. We see that too. Not sure why though!

Probably because chrome (and/or ff) doesn't handle decimal point sizes well (18px =~ 13.5pt) 13pt works fine though, as does 14pt (after adjusting the word break)

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

#62
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 always find this sentiment funny. As a programmer, and one with 15+ years of HTML/CSS experience, I find it much easier to layout a website design in Photoshop. That being said, I usually jump to markup about 2/3rds of the way through the design. Everyone has a different comfort level, I suppose.

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

#63
Are you guys looking into methods that don't apply widths and pixel-perfect margin/padding to everything? Obviously much harder, but until these converters can do that they just aren't substitutes for handwritten CSS.

I almost never define a fixed width for elements. Here every single element has a fixed width.

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

#64

Are you guys looking into methods that don't apply widths and pixel-perfect margin/padding to everything? Obviously much harder, but until these converters can do that they just aren't substitutes for handwritten CSS. I almost never define a fixed width for elements. Here every single element has a fixed width.

We have few approximations to do simple versions of this, but not perfect yet. Yes, it is harder to guess that an element should be of fluid width.

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

#65
post #62

Earlier quoted context omitted.

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 always find this sentiment funny. As a programmer, and one with 15+ years of HTML/CSS experience, I find it much easier to layout a website design in Photoshop. That being said, I usually jump to markup about 2/3rds of the way through the design. Everyone has a different comfort level, I suppose.

I find myself jumping in and out of Photoshop all the time. Quite often I'll have a working design in HTML/CSS, then as the requirements change, take a screen grab of the page in the browser and start pushing things around or laying new elements on top.

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

#66
post #26

As a visual designer who has learned to code, I feel that this is not a good idea for the simple fact that it outputs non-semantic HTML (divs are not semantic HTML) and CSS "class soup". I am all for getting more designers to output code (thus saving a lot of developer time), but these sorts of things not only reinforce non-semantic (& unmanageable) coding practices, but also handicaps those who use them by not teach…

We do worry about semantic HTML. We are working on a editor which would allow users to modify tags as well.

Haven't used your app but you could segment the page and then allow people to annotate objects, this could guide the html generation.

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

#67
Very impressive ! and I am sure many people will use this service ..

About the quality of code that it generates : I don't mind setting some on in my team to work on optimizing the generated code , but having some base html/css to work on is definitely a plus point.

Oh, BTW, You wont share my PSD with any one else right ?

Post reply on HN