jMockups

Lean Designs, the HTML5 mockup tool I’ve been working on, is now jMockups due to trademark issues with “Lean Designs”. It’s coming along incredibly well and I expect to launch the alpha version in two to three weeks.

If you’re interested in helping test it when its ready, add your email to the mailing list on the jMockups.com homepage.

###

Here’s my daily AccountableTo report:

What did you work on today?

* Improved the code that displays the toolbar when you select an element
— Only show common groups of attributes when multiple elements are selected. For example, a text box might have font and border attributes. A picture wouldn’t have font attributes, but it would have a border. When you select both, the toolbar now only shows the common attributes (border in this example).
— Also, if the element shares common values for a specific attribute (both border widths are 3px), the toolbar defaults to that value. If they are different, it doesn’t display a value for that attribute.
— Changed the default toolbar positioning for selected objects. This has been a bit tricky. For example, you can say by default to show the toolbar to the left of a selected element, but what if that causes it to extend beyond the right border of the screen? You say, OK, then show it to the left of the element. OK, but what if the element spans the width of the screen? You get the idea–the new algorithm works fairly well, but will likely change as I get feedback from actual users.
— You can now reposition the toolbar by dragging it around the screen. jMockups will also remember where you dropped it so when you select that element again, the toolbar will reappear in the same position. The position is also saved when you save the mockup so when you reload the page it remembers where it should appear.

What I’m working on

Preceden is coming along well. After several different pricing and freemium model variations, I settled on a $19 premium account which lets you surpass the 5-event limit for a free account. That seems to have worked pretty well and the site is bringing it a few hundred dollars a month with little work on my part.

For the last six weeks I’ve been working on a new web app called Lean Designs. It started off as a tool for making decision trees, evolved into a web-based diagramming tool, and is now slated to become a pixel-perfect mockup tool.  It’s similar to Balsamiq, except it’s completely web-based and high fidelity, meaning it doesn’t looked sketched. The editor is built on top of HTML5’s canvas element, which makes it incredibly powerful in terms of what it can render. My short term goal is to build a tool that can quickly create website mockups that are indistinguishable from the actual sites. It’s not there yet, but it’s close.

(Lean Designs, unfortunately, is a temporary name and will not be what the final product is called. I found out this weekend that the name LEANdesign is trademarked by a company that produces related software with the same name. New name is TBD.)

Also of note is that for the past two months I’ve been using a site called AccountableTo, which is currently in private beta. The site, which is being built by a Philadelphia based web developer named Mike Nicholaides, helps you stay focused by encouraging you to write a daily log of what you’ve done that day, which other members of your group can comment on (Mike and Chris Conley in my case). AccountableTo asks two simple questions: What did you do today? and What’s the next step?. It’s that second question which is the most valuable because it forces you to think about what you’re going and what you need to do to get there. I’ve found it incredibly useful in helping me stay productive day after day.

Here’s one of my updates from three weeks ago:

What did you do today?

Background work:
* Arbitrary HTML color input
* Drop down color palette (thanks Yahoo)
* Select from previously used colors
* Set background color to none
* Ability to change the canvas background color

What’s the next step?

Need to spend a few hours cleaning up the code, which has gotten a bit unwieldy.

Also, I’m considering focusing on creating high-fidelity website mockups (ie, forget about diagramming). It’s tricky because on one hand, adding the diagramming tools would not be very hard, but, it’s easier to market as a “high fidelity mockup tool” than as a “web based diagramming tool that can also do mockups”–thoughts? A natural step once I had this in place would be for it to generate quality HTML/CSS from the mockups (but that would probably be a few months down the road).

That second part — algorithmically exporting to HTML — is going to be fun, though it’s something a lot of developers want and will pay for if done well. Think of it as a web-based Dreamweaver that doesn’t suck. Imagine rendering all the PSD 2 HTML sites obsolete. That’s the long term goal.

I’m also preparing to move to Boston in a few weeks, so my progress of late has been slower than normal. I’m going to wait until I get settled there to launch the mockup tool, so it’ll probably be sometime around October.

Slowly by surely…

Quote: “I just wanted to become really rich and do it on my own terms”

Andrew: I actually went to the way back machine to see what you were up to before you did this, to see who you were. And you had your resume up and I looked at it and it’s pretty freaking impressive. In addition to three degrees from MIT which a lot of us have seen in news stories about you and the one from Harvard, you worked at Oracle. You worked at a venture capital firm. You were on a path to be one of these rich people of Silicon Valley. You’re not going to be that now, right? Not with this.

Sal: Unless they make a movie about the Khan Academy. Yeah, you know, it’s funny. When I was working at a hedge fund, the six years after business school, I was the senior analyst at a hedge fund, and it was doing well. And then, my manager retired. He encouraged me to start my own fund. So, I was on that track to kind of be a hedge fund manager and all of that. But, the whole time I kind of rationalized that the only reason that I’m doing this is because I want to, one day, start a school.  In my mind, I didn’t want to start a school, write grants and go to the Department of Education and get a charter and all of that. I felt the constraints. I just want to become really rich and just do it on my own terms. So, that was my rationalization for just trying to generate alpha day and night.

From Andrew Warner’s Mixergy interview with Salman “Sal” Khan, who has created more than 1,500 free educational videos on YouTube, which you can check out here.