Export the mockups to html css
Export the mockups to html css,maybe using some css framework like bluepirnt, is that possible?
12
people like this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
-
Inappropriate?Hi genki, this is not possible at the moment but I know someone who is working on a mockups exporter for HTML. Stay tuned on the blog for updates!
-
Inappropriate?Hello genki and Giacomo,
I did it in 80 lines of PHP code in one afternoon, example results here:
http://workshop.mediait.pl/mockups/ou...
Ofcourse script needs some testing -- anyone interested?
1 person thinks
this is one of the best points
-
and sorry but example is in Polish -
Wow Jakub, that's really cool. What does your script do exactly? How would someone use it? -
Inappropriate?It opens all .bmml files in a directory and images exported from them to create .html pages having PNG image as a body background and links positioned absolutely according to linked elements in .bmml file. I tested it only on links, buttons, images and link bars having "href" attribute, so it certainly needs additional testing.
Script is very simple and can be easly enhanced to export images from commadline.
draft version is here:
http://pastebin.com/f49cee06a
I someone's will enhance it please share it with us all.
I’m excited
-
.... if someone will ... [typo] -
Inappropriate?Hey Jakub good job, it works pretty well. There's a glith with the links for the Tabs Bar. They are not located at the right area (some of them overlap on one the other) and they are too big in height. But everything else works fine! Loving it
I’m excited
-
Inappropriate?Hi JBB,
that's because I have to ques link positions, in elements like links it's ok they have x,y and width and height, but link bars don't have any item coordinates and widths -- Giacomo -- maybe you can do something about it -- adding extra tags to xml: link inside control tag with x,y,w,h parameters -- that way we could easly iterate trough all controls without making any "precognitions"? -
Hi Jakub, you're right I don't save that data because I compute it on the fly based on the chosen font's size...maybe you can take some educated guesses? I guess I could save some font metrics in the BMML somewhere to help you...I'll make a note. -
Inappropriate?Hi genki, as Peldi said I'm the someone who's currently working at the exporter. The exporter is actually a software called Napkee and it can export to HTML+CSS+JS or Flex 3. It's currently in closed beta and the release date will be posted soon on the website.
2 people think
this is one of the best points
Loading Profile...





