HTML5 - The Future in a Flash
Upcoming SlideShare
Loading in...5
×
 

HTML5 - The Future in a Flash

on

  • 2,325 views

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

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

Statistics

Views

Total Views
2,325
Views on SlideShare
2,088
Embed Views
237

Actions

Likes
0
Downloads
72
Comments
0

3 Embeds 237

http://learni.st 212
http://dungeoun.wordpress.com 24
http://staging.learni.st 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 HTML5 - The Future in a Flash Presentation Transcript

  • 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) • Monitored by W3C (World Wide Web Consortium)
  • IS HTML5 THE FUTURE?
  • Drag & Local Semantics Video Drop Storage Image & Audio Geolocation Canvas TypeHTML5 — Not a “thing”A collection of new conventions and methods
  • 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 even on older browsersthat require Flash.
  • 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.
  • 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.
  • 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.
  • New in HTML5 — GeolocationWebsites can benefit from knowing exactly where the useraccessing their site is from, enabling a more personalized localexperience.
  • 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
  • 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 segmentation • More unique function with crawlability
  • Mobile Features • Video integration • Audio integration • Better compatibility • Higher exposure across multiple devices
  • 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 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
  • THANK YOU.sitewire.com@sitewireagencyfacebook.com/sitewireyoutube.com/sitewire