This document is a guide for getting started with HTML5 published by MakeUseOf in July 2013. It contains 26 sections that cover topics such as semantic markup, forms, media integration like video and audio, CSS3 transformations and animations, JavaScript, and using the HTML5 canvas element to create graphics. The guide encourages readers to test their knowledge with self-tests included throughout.
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
W make120
1.
2. This manual is the intellectual property of MakeUseOf. It must only be published in its original form. Using
parts or republishing altered parts of this guide is prohibited without permission from MakeUseOf.com
By Mathew Hughes
http://www.matthewhughes.co.uk/
Published July 2013
share:
3. GET STARTED WITH HTML5!
3HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
Table Of Contents
4. GET STARTED WITH HTML5!
4HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5. GET STARTED WITH HTML5!
5HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
1. Introduction
1.1 Prerequisites
6. GET STARTED WITH HTML5!
6HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
1.2 Text Editors For Web Development
7. GET STARTED WITH HTML5!
7HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2. Semantic Markup
8. GET STARTED WITH HTML5!
8HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2.1 Section
2.2 Article
2.3 Aside
2.4 Header
2.5 Nav
2.6 Footer
9. GET STARTED WITH HTML5!
9HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2.7 Test Yourself
10. GET STARTED WITH HTML5!
10HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
3. Forms
3.1 Improving a Form
11. GET STARTED WITH HTML5!
11HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
3.2 Input Types and Patterns
3.3 Test Yourself
12. GET STARTED WITH HTML5!
12HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
13. GET STARTED WITH HTML5!
13HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
4. Media
4.1 How HTML5 Makes Video and Audio Awesome
4.2 All About Codecs
4.3 Starting With Video
14. GET STARTED WITH HTML5!
14HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
15. GET STARTED WITH HTML5!
15HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
4.4 Adding Audio
4.5 Test Yourself
16. GET STARTED WITH HTML5!
16HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5. CSS3 Transformations And Animations
5.1 CSS Hover Effects
17. GET STARTED WITH HTML5!
17HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5.2 Using CSS3 To Resize Images
18. GET STARTED WITH HTML5!
18HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5.3 Test Yourself
19. GET STARTED WITH HTML5!
19HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6. Just Enough Javascript
6.1 Accessing The Console
6.2 Your First Program
20. GET STARTED WITH HTML5!
20HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.3 Variables In JavaScript
6.4 What Functions Do
6.5 Repeating An Action With A ‘For’ Loop
21. GET STARTED WITH HTML5!
21HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.6 If Statements
6.7 While Loops
22. GET STARTED WITH HTML5!
22HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.8 Test yourself
23. GET STARTED WITH HTML5!
23HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
7. Creative Canvas
7.1 Getting Started With Canvas
7.2 Shapes And Text
24. GET STARTED WITH HTML5!
24HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
25. GET STARTED WITH HTML5!
25HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
7.3 A Word On Canvas
7.4 Test Yourself
-
26. GET STARTED WITH HTML5!
26HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
8. Where Next?
Guide Published: July 2013
27. Did you like this PDF Guide? Then why not visit MakeUseOf.com for daily posts on
cool websites, free software and internet tips?
If you want more great guides like this, why not subscribe to MakeUseOf and receive
instant access to 50+ PDF Guides like this one covering wide range of topics. More-
over, you will be able to download free Cheat Sheets, Free Giveaways and other cool
things.
Home: http://www.makeuseof.com
MakeUseOf Answers: http://www.makeuseof.com/answers
PDF Guides: http://www.makeuseof.com/pages/
Tech Deals: http://www.makeuseof.com/pages/hot-tech-deals
Follow MakeUseOf:
RSS Feed: http://feedproxy.google.com/Makeuseof
Newsletter: http://www.makeuseof.com/pages/subscribe-to-makeuseof-newsletter
Facebook: http://www.facebook.com/makeuseof
Twitter: http://www.twitter.com/Makeuseof