Draw.io on a Chromebook a real webapp

If you want to peek into the future then have a look at Draw.io running on a Chromebook. I think this is what Google has in mind for ChromeOS.

In the context of ChromeOS, Draw.io is a true 'app', in contrast to some of the "apps" in the Chrome Store that are basically bookmarks for websites. What you're seeing in this screenshot is my screen running the HTML5 based Draw.io app (BTW to the right of it I have the 60 minutes app). This is a web app running as a first-class citizen on a web OS.

Stay tuned, I suspect there's more where this came from.

3 must read books for newbie web designers

 http://www.20thingsilearned.com
This is both a technology demostration and valuable education resource. The book makes excellent use of the new HTML5 technologies why teaching valuable lessons about the web, the internet and web browsers. 

http://html5dog.com

A series of tutorials that will walk you from beginner to advanced in the essential web technologies of HTML and CSS.

http://eloquentjavascript.net
I'll be honest and say that this is one that I haven't read yet, but it's on my reading list because the outline is really good. I think it will make teaching javascript a bit easier for me.








Once you've covered the basic technologies then you want to learn the processes associated with web management so head to:

 http://webstyleguide.com/


After that you'll want to learn a bit about content management systems and web languages. I have a preference for Plone and Python.

Background on these web books

Some one recently asked me about learning Web Development. In answering them I came up with what I consider an very good web learning roadmap.

HTML5 is here - With a doctype I can remember

As you know (or maybe not), HTML documents are prepended with a doctype.
Typically something like:

or
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

or

PUBLIC "-//W3C//DTD IMPOSSIBLE 2.0 Remember//JM"
"http://www.w3.org/TR/jamaicanhtml1/DTD/not-really-a-doctype.dtd">

Given how complex they are, I've never actually committed the whole thing to memory, typically relying on a template or just cut and paste.

Not anymore, HTML 5 now has the sweetest doctype ever, I think I'll actually remember it:

As you know (or should know), HTML documents are prepended with a doctype.
Typically something like:

or
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Given how complex they are, I typically rely on a template or just cut and paste it from another document.


Not anymore, HTML 5 now has the sweetest doctype ever, I think I'll actually remember it:

btw, check the source code of Gmail.com, Google.com and Youtube, what doctype do you see? I'd say HTML5 is here.