HTML5 Everywhere: Michael Booth speaks at Infocamp Seattle 2013

Michael Booth talked at InfoCamp 2013 about why you should use HTML5. Michael is a developer at Microsoft for over two years.

He says that HTML5 is great for a lot of different projects. Because it’s easy to learn, it’s a widely known “language.” (See Why HTML is Not a Programming Language.)

Its strengths: content creation, content consumption, “living” applications with frequent updates, heavy user interaction. It’s good for desktop. The benefits include the ability to make rapid changes (there’s a quick write-refresh cycle), shorter bug tails and less risk. When the application fails, the browser catches it, so it “gracefully fails” instead of crashing.  It’s good for web. It’s a text file, so the security risk is low. Users aren’t required to download anything. The browser handles everything. It’s good for mobile. Windows 8 supports apps in HTML5. Do that with PhoneGap.

Its weaknesses: mathematical computations and intensive games.

The HTML5 stack is great for User Interface prototyping. Because of its popularity, there are many frameworks available. Prototyping in code allows for stateful prototyping. Active links, hovers, etc. are controlled by the CSS (Cascading Style Sheets) and developers will appreciate that you’ve communicated in a language they understand.

 

layoutofhtml5

Javascript

Michael recommends downloading an editor. JetBrains WebStorm has a 30-day free trial period. JSFiddle allows you to create in the browswer in a usable WYSIWYG (What you see is what you get). Imagine sending a url to your dev and they get this! Wow.

Q and A

How much is enough? (Or what’s a recommended minimal amount of code knowledge for a non-programmer (read: designer)?
Read code. Build a bare bones website with HTML and CSS. Basic javascript that calls and changes CSS. Be able to hide and display elements. Care about the explorer tools like Inspect Element. Get the “Inspect Element” Tool for Your Browser. With these tools, you can see what your favorite websites are made of.

What projects are good for learning HTML5?
Games. Personal Portfolio. Use Google. Look up what you want it to do. Then take the code that the result gives you and type it out. Think about why it works.

What’s the difference between HTML4 and HTML5?
HTML5 has new features including better scripting, media players, metadata and semantic tags such as <section> and <article>. Use HTML5 as intended and your page will be read by computers in a way that they are better understanding of the content because of this new markup code.

Advertisements

About KC

I am Katarina Countiss, a multimedia designer. I like blogs, games, art and technology. I am curious about how things are made.
This entry was posted in event, Web Design. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s