I've tried to tackle this very same problem. I've been doing a lot of UX work for a native Mac OS, which would allow you to design similar to PS but use a preview using a Webkit engine.
You can check out the mock I've been working on via my Dribbble site (http://cl.ly/HOrs) and the larger version is attached below that shot as well. If anyone is interested we should definitely sync up and tackle this problem.
I think you you have here is off to a good start but is definitely too basic if you are intending it to take over PS. Would be great for simple prototyping sites though.
I agree. On that same note, I would stay away from using a web font in your body. It'll render slow on smart phones if you have a fairly lenthy article. Not only that, it may not render as crisp, therefore causing a bad reading experience.
"I would stay away from using a web font in your body. It'll render slow on smart phones"
Why is that? I thought the system fonts would be TrueType or OpenType, and so use the same renderer as web fonts. Not that I know much about the technical details of fonts; is it possible to optimize a font for ease of rendering?
Thanks for sharing this. It's been a while since I've been inspired to learn more from a 'talk'. This was just perfect in timing as I am trying to learn several new technologies out there.
CodeAcademy.Org (Course offered in GroupOn HQ in Chicago is the real deal from what I hear). @CodeAcademy (not to be confused with an up and coming online resource @CodeCademy.
Check out: joinTreeHouse.com (formerly Think Vitamin) & Codeschool.com. Tons of resources now to dabble & learn. Glad you enjoyed!