Show HN: Weekend Project - Create Simple Android mockup | Hacker News Reader

Show HN: Weekend Project - Create Simple Android mockup

yeblon.com

110 pointsangry-hacker35 comments

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.

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! ;)

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 :)

I think the link to create a new document breaks.

Thank you, I fixed the problem :)

Uh oh, the "new document" button is still directing to localhost for me!

I think you need to refresh the page

I did a hard refresh and tried it in two different browsers just now -- are we talking about the same link? I'm referring to the one right above the info button.

Yes, I'm talking about the same link. Please try once more, because I'm 100% sure I fixed it :)

There it goes!

Must have been some kind of weird caching issue.

Very nice!

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

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

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.

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.

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

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.

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.

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.

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.

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

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!

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

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.

I don't know much about either piece of software. But what made you decide to buy sizeup instead of moom? http://manytricks.com/moom/

sizeup works great, i evaluated moom for only a very short period of time (their trial period is too short IMO).

i have been using sizeup for a long time now, started using it when moom wasn't all that powerful. i think nowadays i would go with moom and customize everything. on the other hand, sizeup does everything i need except for shrinking/growing a window and is extraordinarily stable.

disclaimer: i use Witch => I have nothing against Many Tricks.

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

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

Very cool. This could be really handy!

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?

Nice!

Awesome project!

Reply on news.ycombinator.com