Examples

This is a collection of examples in order to quickly test/demo different functionality.

Edu Info

• simple HTML page: double click on any elements or attributes on the page to learn what they do.
• CSS properties, values, etc: double click on different pieces of the CSS code to learn what they do.
• CSS selectors: double click on any of the comlex CSS Selectors to get a plain English description of which elements on the page they will effect

Friendly Errors

HTML

• missing doctype
• old-school doctype
• attribute casing
• attribute doesn't exist
• attribute misspelled
• attribute repeated
• attribute extra spaces
• attribute single quotes
• attribute missing value
• missing alt attribute
• avoid trailing slashes
• avoid mixing tabs and spaces
• closing tag missing
• element/tag does not exist
• opening tag misspelled
• element/tag casing
• missing src value
• id value repeated
• avoid using "ad" in class/id values
• avoid inline styling
• avoid inline scripting
• HTML basic template: missing language attribute
• HTML basic template: missing charset
• HTML basic template: missing title element