1 / 24

INTro to html5

INTro to html5. Presenter: PhuongNQK. Goals. Introduce HTML5 basics with some cool demos. History of HTML. What is HTML5?. Design principles. What’s new in HTML5?. Added. Removed. Many elements that perform inline styling, such as big , center, font, basefont , etc.  use CSS instead.

daire
Download Presentation

INTro to html5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. INTroto html5 Presenter: PhuongNQK

  2. Goals • Introduce HTML5 basics with some cool demos

  3. History of HTML

  4. What is HTML5?

  5. Design principles

  6. What’s new in HTML5? Added Removed • Many elements that perform inline styling, such as big, center, font, basefont, etc.  use CSS instead • Simpler DOCTYPE and charset • Many new semantic and embedded markups: header, footer, section, article, aside, nav, audio, video, canvas, etc. • New selectors API • Support for JSON • New APIs for graphics, communication, etc.

  7. Quick examples

  8. New Semantic Markups

  9. New Semantic Markups (cont.)

  10. New embedded markups

  11. New Selector API

  12. New Form API

  13. Other new HTML5 APIs

  14. Canvas

  15. Communication

  16. WebSocket

  17. Geolocation • Where does location info come from? • IP address • GPS • Wi-Fi • Cell phone • User-defined • Position requests: • One-shot position request • Repeated position updates

  18. WebWorker

  19. WebStorage

  20. Browsers’ tests • www.caniuse.com • www.html5test.com • http://www.findmebyip.com/litmus/

  21. Showcases • From Apple (here) • http://prohtml5.com/ • http://html5demos.com/ • http://www.benjoffe.com/code/ • Chat demo (http://jwebsocket.org/)

  22. HTML5 Future • What do you think?

  23. References • Pro HTML5 Programming, by Peter Lubbers – Brian Albers – Frank Salim, Apress • http://www.tutorialspoint.com/html5/

  24. Thanks for coming. See ya!

More Related