Date post: | 17-Oct-2014 |
Category: |
Technology |
View: | 1,086 times |
Download: | 1 times |
Thursday, September 1, 11
"You'll all be in line for promotions when this is over!" Source: Major T. J. "King" Kong, in the
movie "Dr. Strangelove"
Thursday, September 1, 11
Dale Cruseauthor, "HTML5 Multimedia Development Cookbook"
Thursday, September 1, 11
HOWThursday, September 1, 11
IThursday, September 1, 11
learnedThursday, September 1, 11
toThursday, September 1, 11
stopThursday, September 1, 11
worryingThursday, September 1, 11
&Thursday, September 1, 11
loveThursday, September 1, 11
Thursday, September 1, 11
what is html5?
Thursday, September 1, 11
html5 is:
• html
Thursday, September 1, 11
html5 is:
• old & new at the same time
Thursday, September 1, 11
still good: <a> <abbr> <address> <area> <b> <base> <bdo>
<blockquote> <body> <br> <button> <caption> <cite> <code> <col>
<colgroup> <dd> <del> <dfn> <div> <dl> <dt> <em> <fieldset> <form> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <i> <iframe> <img> <input> <ins> <kbd> <label>
Thursday, September 1, 11
still good: <legend> <li> <link> <map> <menu> <noscript> <object>
<ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp>
<script> <select> <small> <span> <strong> <style> <sub> <sup>
<table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr>
<ul> <var>Thursday, September 1, 11
no good: <acronym> <applet> <basefont> <big> <center> <dir>
<font> <frame> <frameset> <noframes> <strike> <tt> <u>
<xmp>
Thursday, September 1, 11
more gooder: <article> <aside> <audio> <canvas> <command>
<datalist> <details> <embed> <figcaption> <figure> <footer>
<header> <hgroup> <keygen> <mark> <meter> <nav> <output> <progress>
<rp> <rt> <ruby> <section> <source> <summary> <time> <video>
<wbr>Thursday, September 1, 11
what it’s not
Thursday, September 1, 11
html5 isn’t:
• css3
Thursday, September 1, 11
html5 isn’t:
• design
Thursday, September 1, 11
html5 isn’t:
• a flash killer
Thursday, September 1, 11
myth #1:
<flash_killer>
Thursday, September 1, 11
myth #2:
<hype>
Thursday, September 1, 11
myth #3:
<not_ready>
Thursday, September 1, 11
myth #4:
<easy_multimedia>
Thursday, September 1, 11
myth #5:
<xml_killer>
Thursday, September 1, 11
So what?
Thursday, September 1, 11
so what?
• more browser goodness
Thursday, September 1, 11
so what?
• advantages for different people
Thursday, September 1, 11
Publishers
Thursday, September 1, 11
Publishers
• mobile
Thursday, September 1, 11
Publishers
• use what you know
Thursday, September 1, 11
Publishers
• on even when it's off
Thursday, September 1, 11
designers
Thursday, September 1, 11
designers
• freedom
Thursday, September 1, 11
Thursday, September 1, 11
front-end developers
Thursday, September 1, 11
front-end developers
• doctype
Thursday, September 1, 11
<!doctype html>
Thursday, September 1, 11
front-end developers
• semantic naming
Thursday, September 1, 11
more gooder: <article> <aside> <audio> <canvas> <datalist>
<details> <figcaption> <figure> <footer> <header> <hgroup>
<keygen> <mark> <meter> <nav> <output> <progress> <section>
<source> <summary> <time> <video>
Thursday, September 1, 11
"Do not piss your future self off!"
Source: Jeremy Keith, in his An Event Apart presentation.
Thursday, September 1, 11
front-end developers
• multimedia
Thursday, September 1, 11
<video src="">
Thursday, September 1, 11
<video src=""><audio src="">
Thursday, September 1, 11
<video src=""><audio src="">
ubiquitous as:<img src="">
Thursday, September 1, 11
middle-tier developers
Thursday, September 1, 11
middle-tier developers
• javascript
Thursday, September 1, 11
middle-tier developers
• web sockets
Thursday, September 1, 11
content creators
Thursday, September 1, 11
content creators
• seo
Thursday, September 1, 11
content creators
• content first, finally
Thursday, September 1, 11
"If you don't know what you're designing, you can't design it."
Source: Jeffrey Zeldman, during his DIBI Conference keynote
Thursday, September 1, 11
consumers
Thursday, September 1, 11
consumers
• no upgrade path
Thursday, September 1, 11
consumers
• mobile advantages
Thursday, September 1, 11
who’s using it?
Thursday, September 1, 11
who’s using it?
Thursday, September 1, 11
Thursday, September 1, 11
who’s using it?
Thursday, September 1, 11
Thursday, September 1, 11
who’s using it?
• apple
Thursday, September 1, 11
Thursday, September 1, 11
how can i use it?
Thursday, September 1, 11
how can i use it?
• update your doctype
Thursday, September 1, 11
<!doctype html>
Thursday, September 1, 11
how can i use it?
• use semantic naming
Thursday, September 1, 11
<header>
Thursday, September 1, 11
<footer>
Thursday, September 1, 11
<nav>
Thursday, September 1, 11
<div>
Thursday, September 1, 11
how can i use it?
• relook your forms
Thursday, September 1, 11
old school: <input name="keys" value="Search">
Thursday, September 1, 11
new school: <input name="keys" placeholder="Search">
Thursday, September 1, 11
old school: JavaScript-based date picker.
Thursday, September 1, 11
new school: <input type="date">
Thursday, September 1, 11
how can i use it?
• ready for more?
Thursday, September 1, 11
now what?
Thursday, September 1, 11
books:
Thursday, September 1, 11
books:
Thursday, September 1, 11
books:
Thursday, September 1, 11
websites:
•diveintohtml5.org
Thursday, September 1, 11
websites:
•html5doctor.com
Thursday, September 1, 11
websites:
•html5rocks.com
Thursday, September 1, 11
events:
• An event apart
Thursday, September 1, 11
events:
• build guild
Thursday, September 1, 11
events:
• other meetups
Thursday, September 1, 11
events:
• other meetups:•meetup.com/Boston-HTML5-Game-Development
Thursday, September 1, 11
questions?
Thursday, September 1, 11
thank you
Thursday, September 1, 11
Credits:• All movie stills from "Dr. Strangelove"
• Strangelove fonts by MyFonts.com
• zeldman photo from zeldman.com
• jeremy keith photo from adactio.co.uk
Thursday, September 1, 11
Dale Cruseauthor, "HTML5 Multimedia Development Cookbook" dalejcruse.com
Thursday, September 1, 11