Table of Contents

• Writing Your First Code
• Building on the Basics
• Styling Your First Web Page
• Laying Out Your First Web Page
• Getting Fancy with HTML5 & CSS3
• Building Formidable Forms with HTML5
• Coding Canvas
• Starting with SVG
• Enabling the App Cache
• Exploring HTML5 WebStorage
• HTML5 API Grab Bag
• Open Topics

1. Writing Your First Code

• A walkthrough intended to make you feel comfortable writing HTML and CSS on your own by the end of it.
• How HTML was developed
• Defining HTML and CSS
• How browsers work with HTML and CSS
• How to set up your development environment
• Building a basic Hello World web page
• Deconstructing the web page and identifying all the parts

See Also

• Beginner's Guide to HTML5/CSS3 - Part 1 of 12 By Kornfeld Eliyahu Peter

2. Building on the Basics

• An explanation of attributes
• Images and different kinds of hyperlinks.
• Ordered lists and unordered lists, ordered list attributes
• Tables, thead, rowspan colspan
• Emphasis Elements (Bold, Underline, Italics, etc.)
• Edit elements - cite and datetime
• Using Comments
• Tips for Structuring Code and Making it Readable
• Browser Support

See Also

• Beginner's Guide to HTML5/CSS3 - Part 2 of 12 By Tadit Dash

3. Styling Your First Web Page

• Web Page without Style and web pages with simple style
• CSS Selectors - element selector, id selector, class selector, chaining selectors
• CSS Placements - internal/external/inline stylesheets
• CSS Properties - backgrounds, text, fonts

See Also

• Beginning with HTML and CSS - Part 3/12 - Styling Your First Web Page By Guruprasad.K.Basavaraju

4. Laying Out Your First Web Page

• The Box Model (Margin, Border, Padding and Content)
• Dimension, Display, Positioning, Floating, Align
• Borders
• CSS Lists and Tables
• Div and Span

See Also

• Beginner's Guide to HTML5/CSS3 - Part 4 of 12 By Kornfeld Eliyahu Peter

5. Getting Fancy with HTML5 & CSS3

• Working with HTML5 Audio and Video tags
• CSS3 Text Effects (Outline, Shadow, Wrap, etc.)
• CSS3 Transitions
• CSS3 2D and 3D Transforms
• CSS3 Animations

See Also

• Beginner's Guide to HTML5 & CSS3 - Part 5 of 12 By James Jensen

6. Formidable Forms with HTML5

See Also

• Beginner's Guide to HTML5 and CSS3 - Formidable Forms with HTML5 (Series 6 of 12) By Ranjan.D

7. Coding Canvas

• What is canvas?
• Creating a canvas
• Canvas Coordinates and Paths
• Javascript Timer methods
• Canvas Gradients, Images
• Translate, Rotate and Scale methods
• Font property and FillText method
• Finishing "Balloon Bob" as a Canvas example
• Assignment - Develop the game "Bobby Carter"

See Also

• Beginner's Guide to HTML5 & CSS3 - Coding Canvas By Peter Leow

8. Starting with SVG

What is SVG?

• Raster Graphics
• Vector Graphics
• How and why do you use SVG?

Learn how to use SVG

• Professional Tools For Creating SVG's
• SVG Document Structure
• Basic Shapes of SVG
• Paths in SVG
• Styling the SVG
• Filter effects in SVG
• Gradients in SVG

Advantages of SVG
SVG examples

See Also

• Beginner's Guide to HTML5 & CSS3: Starting with SVG (Scalable Vector Graphics) By Manas Bhardwaj

9. Enabling the App Cache

• What is Application Cache?
• Why would you use App Cache? Where is it useful?
• The basics of creating a cache manifest
• The Manifest File (CACHE MANIFEST, NETWORK, FALLBACK)
• Updating the cache
• Other tips and best practices

See Also

• Beginning with HTML5 and CSS3 - Part 9/12 – Cache and Carry CodeProject articles By Guruprasad.K.Basavaraju

10. Web Storage Wizardry

• HTML5 Web Storage
• Session Storage
• Local Storage
• Building Session Storage
• Building Local Storage
• Best Practices
• Web Storage Event

See Also

• HTML5 and CSS3 Part 10: Web Storage Wizardry By Tim Corey

11. HTML5 API Grab Bag

• HTML5 Geolocation
• HTML5 Drag and Drop
• Drag and Drop Events
• DataTransfer Object
• Drag and Drop Prizes
• HTML5 Server-Sent Events

12. Open Topics on HTML5 and CSS

• Web Sockets 
• Server Sent Events (SSE)
• SSE vs Web Sockets
• Web Workers
• Web Messaging
• File API
• Web Notifications
• Micro Data
• Indexed DB

See Also

• Beginner's Guide to HTML5 & CSS3 - Server Side Story By Peter Leow