The Future in a Flash
What is HTML? • Hypertext Markup Language • HTML elements form the building blocks of all   websites
What is the problem? • Browser inconsistency • Reliance on plug-ins
What is HTML 5? • Successor of HTML & XHTML • Developed by WHATWG(Web Hypertext   Application Technology Working Group) • ...
IS HTML5 THE FUTURE?
Drag &                    Local   Semantics                          Video                      Drop                    St...
New in HTML5 — SemanticsContent is more organized, search friendly, and indexable
New in HTML5 — <Video>Using an HTML5 Javascript Library, your videos can be playedback on the latest mobile devices and ev...
New in HTML5 — <Audio>HTML5 specifies a standard way to include audio, with the audioelement.The audio element can play so...
New in HTML5 — <Canvas>2D drawing platform within the browser without the need of aplug-in such as Flash. Applications inc...
New in HTML5 — Drag & Drop(DnD) Drag and drop is one of the often used functionalitiesthroughout websites for various reas...
New in HTML5 — GeolocationWebsites can benefit from knowing exactly where the useraccessing their site is from, enabling a...
New in HTML5 — Local StorageClient-side key-value database, stored in the users browserThe users data is saved on their ma...
DESIGN IN HTML5
Design in HTML5 — Gradients, Transparencies,Shadows, Rounded Corners, and Text Effects
Design in HTML 5 — TypographyMore diverse, more brand friendly, more flexible forSEO and indexing
Design in HTML5 — Gaming
Design in HTML5 — Rich Media Experience
Design in HTML5 — Rich Media Experience
Design in HTML5 — Responsive Design
HTML5 FOR MARKETERS
Better for SEO   • More specific tags to determine type of     content   • Multimedia indexing   • Better page segmentatio...
Mobile Features   •   Video integration   •   Audio integration   •   Better compatibility   •   Higher exposure across mu...
Email Marketing   • Embedded video emails   • No need for plugin compatibility   • Cross browser support
Summary  • Content/Media will become more important to    SEO as HTML5 makes it easier to rank and index  • HTML 5 is impo...
THANK YOU.sitewire.com@sitewireagencyfacebook.com/sitewireyoutube.com/sitewire
HTML5 - The Future in a Flash
HTML5 - The Future in a Flash
Upcoming SlideShare
Loading in...5
×

HTML5 - The Future in a Flash

2,343

Published on

A short presentation about design and development changes coming with HTML5.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,343
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
127
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • HTML5 - The Future in a Flash

    1. 1. The Future in a Flash
    2. 2. What is HTML? • Hypertext Markup Language • HTML elements form the building blocks of all websites
    3. 3. What is the problem? • Browser inconsistency • Reliance on plug-ins
    4. 4. What is HTML 5? • Successor of HTML & XHTML • Developed by WHATWG(Web Hypertext Application Technology Working Group) • Monitored by W3C (World Wide Web Consortium)
    5. 5. IS HTML5 THE FUTURE?
    6. 6. Drag & Local Semantics Video Drop Storage Image & Audio Geolocation Canvas TypeHTML5 — Not a “thing”A collection of new conventions and methods
    7. 7. New in HTML5 — SemanticsContent is more organized, search friendly, and indexable
    8. 8. New in HTML5 — <Video>Using an HTML5 Javascript Library, your videos can be playedback on the latest mobile devices and even on older browsersthat require Flash.
    9. 9. New in HTML5 — <Audio>HTML5 specifies a standard way to include audio, with the audioelement.The audio element can play sound files, or an audio stream.
    10. 10. New in HTML5 — <Canvas>2D drawing platform within the browser without the need of aplug-in such as Flash. Applications include web apps, datavisualization, animated graphics, and gaming.
    11. 11. New in HTML5 — Drag & Drop(DnD) Drag and drop is one of the often used functionalitiesthroughout websites for various reasons.HTML 5 allows this function to be implemented with ease.
    12. 12. New in HTML5 — GeolocationWebsites can benefit from knowing exactly where the useraccessing their site is from, enabling a more personalized localexperience.
    13. 13. New in HTML5 — Local StorageClient-side key-value database, stored in the users browserThe users data is saved on their machine inside their browser, noton the server
    14. 14. DESIGN IN HTML5
    15. 15. Design in HTML5 — Gradients, Transparencies,Shadows, Rounded Corners, and Text Effects
    16. 16. Design in HTML 5 — TypographyMore diverse, more brand friendly, more flexible forSEO and indexing
    17. 17. Design in HTML5 — Gaming
    18. 18. Design in HTML5 — Rich Media Experience
    19. 19. Design in HTML5 — Rich Media Experience
    20. 20. Design in HTML5 — Responsive Design
    21. 21. HTML5 FOR MARKETERS
    22. 22. Better for SEO • More specific tags to determine type of content • Multimedia indexing • Better page segmentation • More unique function with crawlability
    23. 23. Mobile Features • Video integration • Audio integration • Better compatibility • Higher exposure across multiple devices
    24. 24. Email Marketing • Embedded video emails • No need for plugin compatibility • Cross browser support
    25. 25. Summary • Content/Media will become more important to SEO as HTML5 makes it easier to rank and index • HTML 5 is important for marketing across multiple screens/devices • HTML 5 imagines a web that is more visually and interactively robust • The time to adopt is now, in order to prepare for what is to come
    26. 26. THANK YOU.sitewire.com@sitewireagencyfacebook.com/sitewireyoutube.com/sitewire
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×