Mockingbird: New tool for building mockups, written in Cappuccino

by boucher • 17 years ago

166 52 17 years ago

mattiss• 17 years ago

Looks cool, but it is painfully slow (Linux + firefox). Maybe other systems run it better, but for me it is too slow to do much good.

saikat11• 17 years ago

Yeah, we just launched this today and are in very early stages of beta. We realize speed is an issue right now (we've mostly been testing on Windows and OS X, on which it runs better), and it's definitely something we're working to improve.

absconditus• 17 years ago

Yet:

"Powered by Cappuccino: no Flash slowing down your browser."

schoudha• 17 years ago

Use Chrome man.

http://www.google.com/chrome/intl/en/eula_dev.html?dl=unstab...

ido• 17 years ago

Are you using an old firefox version by any chance (<3.5.x)?

divia3• 17 years ago

Here's a picture my friend made that I like: http://gomockingbird.com/mockingbird/index.html?project=73c3...

Meatshoes• 17 years ago

Cool idea but it's very buggy. With 2 minutes of use I discovered that upon double clicking text to edit hitting enter makes the widget disappear, now I can no longer drag widgets onto the work space and the scroll bar on the widget "library" is frozen (although it still works).

Looks like it could be very cool with the issues ironed out.

saikat11• 17 years ago

Interesting, I haven't been able to replicate that problem. What browser/OS are you using?

slig• 17 years ago

Here when I hit enter after changing the text/value of a control, it suddenly disappears. os x tiger, firefox 3.5.4

tlrobinson• 17 years ago

I like how the volume slider intelligently resizes. Nice attention to detail.

ams6110• 17 years ago

Nice effort, and great to see someone building a Cappuccino app; I like that I don't need any plugins to run it. Clearly it's still beta, but something to keep an eye on.

shpxnvz• 17 years ago

I like that I don't need any plugins to run it.

I second that. Requiring a plugin is the only reason I don't use that other really cool mockup tool. Good luck to the team.

izaidi• 17 years ago

Might want to consider a different screenshot on the main page. The big centered arrow made me think it was a clickable demo video.

divia3• 17 years ago

http://gomockingbird.com/mockingbird/index.html?project=ebdb...

justinweiss• 17 years ago

Oh hey! Another dvorak user!

divia3• 17 years ago

Heh, nice notice of nonsense name :-).

grinich• 17 years ago

      index.html
      Mockingbird

      Created by You on May 22, 2009.
      Copyright 2009, Your Company All rights reserved.

accurate?

saikat11• 17 years ago

Hah! Nice catch, that is not in fact accurate.

sammcd• 17 years ago

Bug Report:

1) Put a button on the screen.

2) But a box on the screen

3) But the box on top of the button

4) Select the button (oh wait you can't)

Otherwise seems like a great product. I love that you used cappuccino, I can't wait until they give us Atlas.

saikat11• 17 years ago

Yeah that's a good point, I can see how this is fairly confusing. This happens because the box is added on top of the button - you can, however, hit the "Back" button on the toolbar (after selecting the box) to move the box back.

bbsabelli• 17 years ago

doesn't seem to work

netcan• 17 years ago

cannot change grids to anything but 3X3

theli0nheart2• 17 years ago

What I can't understand is why you'd model a language after Objective-C. It's verbose to the point of ridiculousness.

GeneralMaximus• 17 years ago

It's not the language that's verbose, it's the Cocoa libraries.

Instead of this:

  NSString *s2 = [s1 stringByAddingPercentEscapesUsingEncoding:NSUTF8Encoding];

You could easily have:

  NSString *s2 = [s1 percentEscapes:UTF8];

(I like the first way better, though. It reads like an English sentence, and you know exactly what the arguments are.)

EDIT: formatting.

theli0nheart2• 17 years ago

Good point, but Objective J seems to have borrowed that as well.

i.e.

  [CPApp sendEvent:[CPEvent mouseEventWithType:CPLeftMouseDown location:[theWindow convertBridgeToBase:CGPointMake(x, y)]

  [CPApp setTarget:self selector:@selector(disposeOfEvent:) forNextEventMatchingMask:CPLeftMouseUpMask untilDate:nil inMode:nil dequeue:YES];

It's not that I don't applaud the creation of Objective-J, because I do. I think it's a big step towards the next generation of in-browser applications.

To the 280 guys: I'm not trying to insult you or your hard work, and I'm sorry if it came off like that. All I'm saying is that you're going to have a harder time making this a new web standard because of this design fact. It certainly won't deter me, but it will definitely deter others.

davidcann• 17 years ago

Awesome, nice job!

redact207• 17 years ago

seems very similar to sketchflow http://www.microsoft.com/video/en/us/details/1eea789b-c69c-4... but for the web

terpua2• 17 years ago

I met the founders (saikat and ??) at HeyZap's (post SUS) party. They described it as (Peldi's) Mockups but for the Web. Interesting underserved niche.

saikat11• 17 years ago

?? == sheena

terpua2• 17 years ago

Yup, that's her :)

Ennis• 17 years ago

Very happy about seeing a Cappuccino app. I can see myself using this. I'm concerned about the lack of an "export" mechanism. Being able to export to html would be ideal. At the very least, having a PDF or other universal format file that I can email around is probably a must.

I wonder what "Try it now" implies? It would be nice to know if this is planned to become a paid service once out of beta.

Side note: Looks like 280 Atlas is finally rolling out. I don't know what the $20 fee is all about. It feels disrespectful. I thought it was hard enough to find developers to test out a new beta platform/service in the first place.

saikat11• 17 years ago

We are planning to charge once we iron out all the bugs and we add a few more features, though there will probably be a free version. We'll have more details on that later. Export is definitely a feature we plan to implement, but for now, E-mailing the share link is the way to get others to see your mockups.

gord• 17 years ago

Just the value in getting div positions / sizes would sell the product.

I'd like to see some completed mockups as examples, to lead me gently into the try-it-out phase.

inglorian• 17 years ago

Very nice. I like the simplicity of the syntax you've created for editing elements. Seems to work quite smoothly for me in Safari, OS 10.6

chaosmachine• 17 years ago

Neat. I spent a few weeks working on something similar in jQuery, but gave up on it, because I wasn't really confident it could be done well enough to beat Balsamiq.

geoffw8• 17 years ago

Hihi,

Obviously a great product. One thing though - I wouldn't use this because of the nature of my business, I was hoping and praying that it was a downloadable tool....!!!!!

(My business: ideas generation, spitting things out quickly).

If you can download, or are going to make available for download. Please let me know : )

Thanks,

Geoff

davidw• 17 years ago

> My business: ideas generation, spitting things out quickly

How does that work? I mean, how do you make money from it?

saikat11• 17 years ago

I believe there are plans to create desktop versions of Cappuccino apps using Atlas. Once that comes out, we will probably release a desktop version of the app.

cridal2• 17 years ago

If you really want to build a valuable web prototyping app, please make it spit out HTML/CSS. That would be the killer feature! Give me a limited, but functional web site/app that I can then modify/refine, instead of a "picture" of it in whatever else format.

THAT would make me use your product in a hearbeat...

cridal2• 17 years ago

For future... host the prototypes on your site, making them instantly accessible to others... maybe also some sort of prototype exchange/marketplace... ideas for expansion are endless, however, first you have to concentrate on the ability to create clean, tight HTML/CSS prototypes

natrius• 17 years ago

Any HTML or CSS spit out by that app would be unusable without a tremendous engineering effort. Anything can be dragged anywhere. Even if export was only available if you limited yourself to certain functionality and layouts, I'd still be extremely impressed if exported HTML and CSS were worth using.

misuba• 17 years ago

HTML output would be valuable even if it were as simple as possible and completely unstyled. That's still a tedious step I don't have to do.

cpr• 17 years ago

Nice effort (great to see a real Capp app), but a bit ugly.

Perhaps unleash a really good designer on the UI?

nathanwdavis2• 17 years ago

My browser tab (Google Chrome) froze up when trying to do a Copy and Paste of a Rectangle element. Other than that, it's a nice tool. Keep up the good work!

saikat11• 17 years ago

Yeah we just found out about that bug. I just pushed a fix for it about 30 minutes ago.

nathanwdavis2• 17 years ago

Well, you sure respond to feedback fast. Great service, thanks!

BTW, I've been designing a few screens for an up-coming project over the past week and haven't had any problems. It is a joy to use. Keep up the good work.

joeld42• 17 years ago

Nice! A bit sluggish here (linux/firefox) but usable.

If you had some iPhone UI templates, I'd use it.

Mockingbird: New tool for building mockups, written in Cappuccino

Related Stories