html5 - the future in a flash
DESCRIPTION
A short presentation about design and development changes coming with HTML5.TRANSCRIPT
![Page 1: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/1.jpg)
The Future in a Flash
![Page 2: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/2.jpg)
What is HTML?• Hypertext Markup Language• HTML elements form the building blocks of all
websites
![Page 3: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/3.jpg)
What is the problem?• Browser inconsistency• Reliance on plug-ins
![Page 4: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/4.jpg)
What is HTML 5?• Successor of HTML & XHTML• Developed by WHATWG (Web Hypertext
Application Technology Working Group)• Monitored by W3C (World Wide Web
Consortium)
![Page 5: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/5.jpg)
IS HTML5 THE FUTURE?
![Page 6: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/6.jpg)
Semantics Video
Audio Canvas
Drag & Drop
Local Storage
Geolocation Image & Type
HTML5 — Not a “thing”A collection of new conventions and methods
![Page 7: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/7.jpg)
New in HTML5 — SemanticsContent is more organized, search friendly, and indexable
![Page 8: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/8.jpg)
New in HTML5 — <Video>Using an HTML5 Javascript Library, your videos can be played back on the latest mobile devices and even on older browsers that require Flash.
![Page 9: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/9.jpg)
New in HTML5 — <Audio>HTML5 specifies a standard way to include audio, with the audio element.
The audio element can play sound files, or an audio stream.
![Page 10: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/10.jpg)
New in HTML5 — <Canvas>2D drawing platform within the browser without the need of a plug-in such as Flash. Applications include web apps, data visualization, animated graphics, and gaming.
![Page 11: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/11.jpg)
New in HTML5 — Drag & Drop(DnD) Drag and drop is one of the often used functionalities throughout websites for various reasons.
HTML 5 allows this function to be implemented with ease.
![Page 12: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/12.jpg)
New in HTML5 — GeolocationWebsites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience.
![Page 13: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/13.jpg)
New in HTML5 — Local StorageClient-side key-value database, stored in the users browser
The users data is saved on their machine inside their browser, not on the server
![Page 14: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/14.jpg)
DESIGN IN HTML5
![Page 15: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/15.jpg)
Design in HTML5 — Gradients, Transparencies, Shadows, Rounded Corners, and Text Effects
![Page 16: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/16.jpg)
Design in HTML 5 — TypographyMore diverse, more brand friendly, more flexible for SEO and indexing
![Page 17: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/17.jpg)
![Page 18: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/18.jpg)
![Page 19: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/19.jpg)
Design in HTML5 — Gaming
![Page 20: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/20.jpg)
Design in HTML5 — Rich Media Experience
![Page 21: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/21.jpg)
Design in HTML5 — Rich Media Experience
![Page 22: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/22.jpg)
Design in HTML5 — Responsive Design
![Page 23: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/23.jpg)
HTML5 FOR MARKETERS
![Page 24: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/24.jpg)
Better for SEO• More specific tags to determine type of
content• Multimedia indexing• Better page segmentation• More unique function with crawlability
![Page 25: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/25.jpg)
Mobile Features• Video integration• Audio integration• Better compatibility• Higher exposure across multiple devices
![Page 26: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/26.jpg)
Email Marketing• Embedded video emails• No need for plugin compatibility• Cross browser support
![Page 27: HTML5 - The Future in a Flash](https://reader033.vdocument.in/reader033/viewer/2022061112/54560a77af7959755d8b4b6c/html5/thumbnails/27.jpg)
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