Frontend tree map

ARIA

Content Structure

The Document

Keyboard focus

JavaScript

Images

Color and Contrast

Animation and Motion

Typography

Video and Audio

Forms

Patterns, Components, and Design Systems

Design and User Experience

Automated Accessibility Testing

Manual Accessibility Testing

Assistive Accessibility Testing

Media Queries

Internationalization (i18n)

Macro Layouts

Micro Layouts

Typography

Responsive Images

The Picture Element

Icons

Theming

Interaction

User Interface Patterns

Media features

Screen Configurations

CORS

HTTPS

Content Security Policy (CSP)

OWASP Security Risks

Angular

Svelte

Progressive Web Apps (PWA)

Web Components

Web Assembly

Canvas

SVG

Debugging

Electron

Cypress

Jest

Vitest

ESLint

Prettier

Vite

Webpack

Webpack

npm

yarn

pnpm

Document Structure

Metadata

Semantic HTML

Headings and Sections

Attributes

Text basics

Links

Lists

Navigation

Tables

Forms

Images

Audio and Video

Template, slot and shadow

HTML APIs

Focus

Other inline text elements

Details and summary

Dialog

Box Model

Selectors

Cascade

Specificity

Inheritance

Color

Sizing Units

Layout

Flexbox

Grid

Logical properties

Spacing

Pseudo-elements

Pseudo-classes

Borders

Shadows

Focus

Z-index and stacking contexts

Functions

Gradients

Animations

Filters

Blend modes

Lists

Transitions

Overflow

Backgrounds

Text and typography

SASS

PostCSS

Nginx

Apache

Docker Compose

GitHub