@toddanglin
started with a demo that used html5 in ie6 browser
HTML5 is really a mix of <html>, CSS3, abf Javascript
Things in HTNML5 that work in all browser: Canvas,local storage,micordatra,docukent editing, geolocation,semantic tags, video
more defined CCS3 - Css color, selectors,backgrounds,borders,media queries, multicolumn
Browswer prefixes for Css tags for broswer specific css tags :webkit,moz,o,ms
Adoption strategies
Lowest common demoninator...features that all browsers support - wont use many new features
Pollyfill Enriched - only use features eitjh native filled or can be done using Javascipt adding HTML5 tags functions
Alterante experiences - Design alternate experience for other browsers
Vertical targeting - Create experience for targeted browsers or class of browsers
HTMLUI.com has good demos
html5demos.com good demos too
MOdernizr - give api to test if browser has the features you want to use. If they don't you can potentially call javascript that will handle it
Renders elements as html elements
Semantic tags are tags with meaning, cahnge tags from <div id="header"> to <header>
<!Doctype html /> is valid without all extra itmes nonamlly in doctype tags
video audio use mp4 or h.264 as it works in htlm5, silverlight, and flash
Geolocation - naqvigator.geolocation.getcurrentposition(callback); or for older browser try getting ip address and determine from there
Local Storage - store stuff client side up to 5MB -Sessionstorage per window, localstorage per browser
you can put tags inside new tags to to tell browser if this outer tag doesn't work, try inner tags. this helps makes thing work in all browsers
CSS SELECTORS
use css to style every other row and more
CSS3 COLOR
BAckground:rgb
background:rgba
background:HSL
Borders and backgrounds
border-radius:
Web Font Providers
Easy access for fonts liscened to use on the web
www.fontsquirrel.com ias web site for fonts you can use on the web
css3pie.com - has pollyfill for rounder corners
No comments:
Post a Comment