Interesting (to me) UI insight: if a workspace is not scrollable or scalable, its dimensions are limited to the minimum common dimensions of landscape and portrait modes. Thus Chalk's work area is almost square.
Ah, that's the math. I had forgotten about the toolbar (thinking about the address bar hiding).
Supporting orientation changing at all is also an interesting choice. The addressable surface area would be larger if static, so the trade is pixels for orientation flexibility (and the appearance of gravity holding the chalk and eraser in place, and the orientation of the light switch...).
Yeah, a series of deliberate decisions led us down this path. We could have opened it up and made it more generic. The tight scope allowed us to get it deployed in 3 days.
Moving canvas operations out of event handlers is the key to smooth drawing on the iPad. The queue processor's inner loop is restricted to 10ms at a time every 30ms. This ensures a full two-thirds of the time is spent receiving touch events.
Looking at the code I wander why didnt they allow this for the iPhone (it would be adding more media queries and nothing else). It would be pretty cool (mainly this is envy because me not having an ipad but an iphone).
Anyway, great app, they should enclose it on an iphone app with a webkit browser stripped down and offer it for free on the store (they have the other premium app with more features).
24 comments
[ 2.8 ms ] story [ 80.2 ms ] threadiPad landscape is 1024 x 690. iPad portrait is 768 x 946.
(with Safari's browser toolbar visible)
Supporting orientation changing at all is also an interesting choice. The addressable surface area would be larger if static, so the trade is pixels for orientation flexibility (and the appearance of gravity holding the chalk and eraser in place, and the orientation of the light switch...).
Shameless plug: I threw together an open-source version for browsers (or mice, more specifically) this morning - http://news.ycombinator.com/item?id=1873371
https://github.com/mrduncan/marker
Can this things be done with html5 svg?
1. You should get git. This is the best one.
2. They support Subversion. svn checkout http://svn.github.com/mrduncan/marker
3. They have a Mercurial plugin that makes hg able to interact with git repos. http://hg-git.github.com/
Anyway, great app, they should enclose it on an iphone app with a webkit browser stripped down and offer it for free on the store (they have the other premium app with more features).
These guys are amazing
Time, I would guess, this was apparently built and deployed in 3 days.
This is also great example how web apps can replace native apps. I think we will see more and more of this stuff.