Show HN: Weekend Project - Create Simple Android mockup

by angry-hacker • 15 years ago

110 31 15 years ago

It's my little weekend project to practice javascript/jquery. You can also save the layout if you want to share it for whatever reason :)

prak• 15 years ago

I think the link to create a new document breaks.

angry-hacker6• 15 years ago

Thank you, I fixed the problem :)

alleri• 15 years ago

Nice!

alexanderberman• 15 years ago

Awesome project!

chriseidhof• 15 years ago

Nice! I tried dragging components onto the screen, took me a minute before I realized I had to click them and then drag them around.

yamilg2• 15 years ago

Same here, I was trying to drag all along, I guess that's the natural way we understand apps nowadays.

Great app anyways! keep it up, great work! ;)

a1k0n• 15 years ago

Cool. Bug report: the first element appears behind the phone as soon as you move it around (you can still drag it around behind the phone). Subsequent elements work fine. This is on Chrome/OSX.

1880• 15 years ago

Very nice!

A suggestion: make mockups exportable to images. It shouldn't be hard with something like this: http://www.nihilogic.dk/labs/canvas2image/

yamilg2• 15 years ago

For the time being I suggest using ⌘ + ⇧ + 4

fourspace• 15 years ago

Nice work! I've been hacking on something very similar. What are you using to save the layouts?

angry-hacker6• 15 years ago

The saving part is actually quite odd :) I get innerHTML (with inline css to position the elements correctly) of the layout where you can insert objects and save it to database.

svigraham• 15 years ago

This is awesome. Maybe, you can store the current elements coordinates to prevent overlapping on top of each other when you click multiple elements at the same time. Not a biggie. Love it.

mikle• 15 years ago

For a second I thought they are talking about exporting the mockup to an actual Android layout which made me come back and check for that option, only to not find it. They are just talking about serializing the mockup for later reference.

iworkforthem• 15 years ago

Nice!

You definitely have your MVP done already. Just a suggestion, it would be nice to allow saving of the completed mockup in pdf or img.

The ability of multiple revisions of a mockup would be nice.

2mur• 15 years ago

Very cool. This could be really handy!

bosie3• 15 years ago

looks good.

one thing though: on my 30" the distance between the phone elements and the bin is extremely far (worse on the rotated 24"). move the bin or let me remove an element by dbl-clicking it.

angry-hacker6• 15 years ago

I imagined something like this could be a problem. Thanks for the idea to delete elements with doubelcick. I implemented it already :)

tim_iles• 15 years ago

Hmm, I find the double-click-to-delete feature unintuitive, and too easy to delete elements accidentally. I was clicking some text to edit it, and ended up deleting it by mistake.

Otherwise, great tool!

num12• 15 years ago

Isn't it easier to just resize your browser window?

bosie3• 15 years ago

no. i resize with sizeup (macosx) and the right frame with all the control elements is just a tad too big (in height) than half of my screen. i would have to resize with my mouse which - plain and simple - sucks.

georgieporgie• 15 years ago

Very cool, but I totally don't understand the UI. :-)

* I was able to edit some text at some point, but I don't know how I did it, and I don't know how to do it again. Can the text of all elements be edited?

* Double clicking an element deletes it?

daviday2• 15 years ago

Great tool. Two questions. Any way to edit or save in private?

daviday2• 15 years ago

and the second one would be, any way to resize the objects?

Show HN: Weekend Project - Create Simple Android mockup

Related Stories