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

1. The Future in a Flash

2. What is HTML?
• Hypertext Markup Language
• HTML elements form the building blocks of all
websites

3. What is the problem?
• Browser inconsistency
• Reliance on plug-ins

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. IS HTML5 THE FUTURE?

6. Drag & Local
Semantics Video
Drop Storage
Image &
Audio Geolocation Canvas
Type
HTML5 — Not a “thing”
A collection of new conventions and methods

7. New in HTML5 — Semantics
Content is more organized, search friendly, and indexable

8. 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.

9. 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.

10. 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.

11. 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.

12. New in HTML5 — Geolocation
Websites can benefit from knowing exactly where the user
accessing their site is from, enabling a more personalized local
experience.

13. New in HTML5 — Local Storage
Client-side key-value database, stored in the users browser
The users data is saved on their machine inside their browser, not
on the server

14. DESIGN IN HTML5

15. Design in HTML5 — Gradients, Transparencies,
Shadows, Rounded Corners, and Text Effects

16. Design in HTML 5 — Typography
More diverse, more brand friendly, more flexible for
SEO and indexing

19. Design in HTML5 — Gaming

20. Design in HTML5 — Rich Media Experience

21. Design in HTML5 — Rich Media Experience

22. Design in HTML5 — Responsive Design

23. HTML5 FOR MARKETERS

24. Better for SEO
• More specific tags to determine type of
content
• Multimedia indexing
• Better page segmentation
• More unique function with crawlability

25. Mobile Features
• Video integration
• Audio integration
• Better compatibility
• Higher exposure across multiple devices

26. Email Marketing
• Embedded video emails
• No need for plugin compatibility
• Cross browser support

27. 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

28. THANK YOU.
sitewire.com
@sitewireagency
facebook.com/sitewire
youtube.com/sitewire