Your SlideShare is downloading. ×
HTML5 (Mid-Technical)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

HTML5 (Mid-Technical)

949
views

Published on

This is an internal brown bag presentation given at ISITE Design (isitedesign.com), where we discuss the topic of HTML5 with a broad internal audience.

This is an internal brown bag presentation given at ISITE Design (isitedesign.com), where we discuss the topic of HTML5 with a broad internal audience.

Published in: Technology

2 Comments
0 Likes
Statistics
Notes
  • dude... slideshare spam?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Generic message - PS : Congratulations for your work ! Thank you for sharing....For information, your presentation has been referenced in the following groups:
    'SOUND AND MUSIC,the best' : http://www.slideshare.net/group/sound-and-music-the-best-slideshows
    'YOUTUBE,SLIDECAST AND VIDEOS' :http://www.slideshare.net/group/you-tube-slidecast
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
949
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
2
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HTML5 (Mid-Technical)
    Presented by:
    Christophe Saxe
    ISITEDesign.com
  • 2. HTML5
    What is it?
    Why the new specification?
    When can we start using it?
  • 3. History of HTML
    Designed to share and markup scientific documents.
    New uses were applied, and HTML evolved.
  • 4. Demands Changed
    As the web matured, more sites became dynamic applications. Static sites have become less common.
  • 5. What's new?
    HTML5 has been architected to fit the way the web is being used. Applications are the main focus.
  • 6. What’s new?
    Tags
    Video
    Audio
    Canvas
  • 7. Tags
    Video Tag
    Show Video on webpage without other application
    Renders on an iPhone/ iPad
    IE6-IE8 does not support the tag
  • 8. Tags
    Audio Tag
    Just like video, its an object on the page controlled with JavaScript.
  • 9. Tags
    Canvas Tag
    2D drawing and animations
    Can draw on it using JavaScript
  • 10. Browsers
    IE is 60% of all browsers
    IE8 is 25% of all browsers (The single most used IE browser)
    Adoption of new browser versions will improve.
  • 11. Other Tags
    Header
    Footer
    Article
    Section
    Navigation
  • 12. Other Tags
    Improve Indexing and Accessibility by improving semantics of page elements
  • 13. Tags
    Form Tags
    Email
    Calendar
    Phone Numbers
    Many more
  • 14. Application Elements
    Progress Bar
    Editable Areas
  • 15. Application Awareness
    New APIs
    Storage
    Offline applications
  • 16. DOM(Document Object Model)
    Version of site that lives in CPU Memory, and determines page interaction.
  • 17. DOM
    HTML 4 DOM was an add-on, HTML5 DOM is inherent in the script with outlined functionality
  • 18. Application Awareness
    New APIs
    Storage
    Offline applications
  • 19. Storage
    Save a file and database on users client. Enables offline applications w/out secondary technology
  • 20. Offline Applications
    Think about email, calendars, or even lightweight games.
  • 21. Webkit
    Layout engine for Safari and Chrome Browsers.
    It is portable to many other computing platforms.
  • 22. Role of HTML5
    Not a Flash Replacement
    Not CSS3
    Not AJAX
  • 23. HTML5 Sites
    Apple
    Google
    Newsweek
    Have all changed DocType to HTML5
  • 24. HTML5 DocType
    Will work in all browsers
  • 25. Mobile
    Smartphone browsers (almost) across the board use WebKit, the most HTML5 ready browser at this time.
  • 26. Mobile
    Ideal target for offline applications.
    HTML5 enables one application to operate in the browser with saved state (offline).
  • 27. Mobile
    Video tag supports the decision to use HTML5 for mobile sub-sites.
  • 28. Form Tag
    New form tags allow you to serve the appropriate keypad based on form field. (phone format, .com for URL, etc.)
  • 29. Form Tag
    Browsers are still catching up:
    Firefox4 and IE9 should be supporting form tags.
  • 30. Landscape
    Browsers will catch up, and start to unlock the opportunities provided by HTML5
  • 31. Frameworks
    Frameworks and CMS are (mostly) not there to support the new tags, but developers are at work as we speak.
  • 32. Summary
    For new web projects, you will be “future proofing” your website.
  • 33. Find Us:
    ISITEDesign.com
    @ISITE_Design
  • 34. Thank you
    Thank you to the entire ISITE Design Front End Development team, specifically Christoph for putting this event together
  • 35. Questions
    The next 12 min. will be dedicated to QA.
  • 36. Q/A Schedule
    21:00 Preserved State: Native vs. web app. debate
    23:50 Encoding types and Streaming Support
    24:45 Audio/Video File Reference
  • 37. Find Us:
    ISITEDesign.com
    @ISITE_Design
  • 38. Q/A Schedule
    21:00 Preserved State: Native vs. web app. debate
    23:50 Encoding types and Streaming Support
    24:45 Audio/Video File Reference
  • 39. Find Us:
    ISITEDesign.com
    @ISITE_Design