Sarah Dutkiewicz gave a presentation on HTML5 to Euclid High School students. The presentation covered what HTML5 is, why it is important, both the limitations and capabilities of HTML5, and demonstrated some fun websites that use HTML5 features. The agenda included discussing the bad parts of HTML5 like browser support issues, the good parts like new input types and multimedia, and finally showed examples of sites using HTML5 through demos and screenshots.
1. HTML5 – THE BAD, THE
GOOD, AND THE FUN!
Presented for Euclid High School
By Sarah Dutkiewicz
sarah@cletechconsulting.com
2. ABOUT ME
• Spent a lot of time goofing
off with computers in high
school and met a guy
who told me to learn HTML
• Got a Bachelor of Science
in Computer Science and
Engineering Technology
• Did some IT work –
desktop support, phone
support, and system
admin
• Found that development
was my happy place
3. AGENDA
• What is HTML5?
• Why should you care about it?
• The Good – Some of the capabilities
• The Bad – Where it doesn’t always work
• The Fun – Fun sites using HTML5!
4.
5. HTML5
• “HTML5 Technologies” / “HTML5 Stack” collectively used to describe:
• HTML 5 Core
• CSS3
• Includes other features such as:
•
•
•
•
Web Storage
Geolocation
Drag and Drop
Web Workers and Sockets
10. NOT FULLY SUPPORTED
• Working Draft features
• Not always supported in the older browsers
11.
12. MEDIA SUPPORT
• Each browser handles media formats differently – no one format rules them all
• Audio formats
• MP3 (not Opera, nor Firefox 20 and below)
• Wav (not IE)
• Ogg (not IE, nor Safari)
• Video formats
• MP4 (not Opera, nor Firefox 20 and below)
• WebM (not IE, nor Safari)
• Ogg (not IE, nor Safari)
13. HTML5 – THE GOOD
Some of the many capabilities of the HTML5 Stack