HTML5 Cheat Sheets & Quick References

A comprehensive list of all HTML5 elements, organized by category. Includes syntax, attributes, and usage examples.

• Document structure elements
• Semantic content elements
• Text formatting elements
• Form elements and attributes
• Multimedia elements
• Table elements
• All HTML5 global attributes

Focus on HTML5 semantic elements and how to use them effectively for better document structure.

• Detailed explanations of all semantic elements
• Proper nesting guidelines
• Accessibility benefits
• SEO advantages
• Common use cases
• Best practices

Everything you need to know about creating forms with HTML5, including new input types and validation attributes.

• All input types with examples
• Form attributes and their values
• Built-in validation attributes
• Datalist and autocomplete features
• Form styling tips
• Accessibility considerations

A reference for all HTML5 attributes, including global attributes and element-specific attributes.

• Global attributes and their usage
• Element-specific attributes
• Data attributes and custom data
• Event handler attributes
• ARIA attributes for accessibility
• Common attribute combinations

A comprehensive guide to all CSS3 selectors, including basic, advanced, and pseudo-selectors.

• Basic selectors (element, class, ID)
• Combinators (descendant, child, sibling)
• Attribute selectors
• Pseudo-classes and pseudo-elements
• Structural selectors
• Selector specificity rules

Everything you need to know about CSS Flexbox layout, with visual examples and property references.

• Flex container properties
• Flex item properties
• Alignment and justification options
• Common layout patterns
• Visual examples
• Browser compatibility notes

A comprehensive guide to CSS Grid Layout with properties, values, and common layout patterns.

• Grid container properties
• Grid item properties
• Grid template syntax
• Grid area naming conventions
• Common layout patterns
• Visual examples with code

A comprehensive reference of all CSS3 properties, organized by category with examples and values.

• Typography properties
• Box model properties
• Background and border properties
• Transform and transition properties
• Animation properties
• Positioning and layout properties

A quick reference for JavaScript syntax, including variables, functions, objects, arrays, and control structures.

• Variable declarations and scopes
• Data types and operators
• Function declarations and expressions
• Object and array syntax
• Control flow statements
• ES6+ features and syntax

A comprehensive guide to manipulating the DOM with JavaScript, including selection, modification, and events.

• Element selection methods
• Element manipulation techniques
• Creating and modifying elements
• Event handling
• Common DOM patterns
• Performance considerations

A reference for modern JavaScript features introduced in ES6 and beyond, with syntax and examples.

• Arrow functions
• Template literals
• Destructuring assignment
• Spread and rest operators
• Classes and modules
• Promises and async/await

A comprehensive reference of all major HTML5 APIs with methods, properties, and usage examples.

• Canvas API
• Web Storage API
• Geolocation API
• Drag and Drop API
• Web Workers API
• Fetch API and XMLHttpRequest

A detailed reference for working with the HTML5 Canvas API, including all drawing functions and properties.

• Basic setup and context
• Drawing shapes and paths
• Colors, gradients, and patterns
• Text rendering
• Image manipulation
• Animation techniques

The perfect starting point for beginners, covering the essential elements, attributes, and concepts of HTML5.

• Basic document structure
• Most commonly used elements
• Essential attributes
• Text formatting
• Links and images
• Basic forms