Skip to content

awesome-webdevs/web-standards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome Web Standards Awesome

A comprehensive collection of specifications, proposals, and browser-level APIs for modern web development.

Web standards are the foundation of the open web, ensuring interoperability and consistency across different browsers and platforms. This curated list provides developers with essential resources for building modern, accessible, and performant web applications.

Contents

Core Web Standards

HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages and web applications.

Specifications

Semantic HTML

HTML Forms

HTML Media

CSS

CSS (Cascading Style Sheets) is the language used to describe the presentation of web pages.

Core CSS Specifications

Layout

Visual Effects

Typography

Colors and Backgrounds

Responsive Design

Advanced CSS

JavaScript

JavaScript (ECMAScript) is the programming language of the web.

ECMAScript Specifications

Language Features

  • ES2015 (ES6) - Major JavaScript update introducing classes, modules, and more.
  • ES2016 - Array.prototype.includes, exponentiation operator.
  • ES2017 - Async/await, Object.values/entries.
  • ES2018 - Rest/spread properties, async iteration.
  • ES2019 - Array.flat, Object.fromEntries.
  • ES2020 - Optional chaining, nullish coalescing.
  • ES2021 - Logical assignment operators, numeric separators.
  • ES2022 - Top-level await, class fields.
  • ES2023 - Array.findLast, hashbang grammar.

Core Concepts

Web APIs

DOM and Events

The Document Object Model (DOM) represents the structure of web documents and provides APIs for manipulation.

DOM Specifications

DOM APIs

Event APIs

Fetch and Network

Modern APIs for making HTTP requests and handling network communication.

Network APIs

Request and Response

WebSockets and Real-time Communication

Real-time bidirectional communication between client and server.

Web Storage

Client-side storage mechanisms for web applications.

Storage APIs

IndexedDB

Advanced client-side database for structured data storage.

Service Workers

Background scripts that enable offline functionality and advanced caching.

Web Workers

JavaScript execution in background threads for improved performance.

Graphics and Media

Canvas API

2D drawing API for dynamic graphics rendering.

WebGL

Hardware-accelerated 3D graphics rendering in the browser.

WebGPU

Next-generation GPU API for the web.

SVG

Scalable Vector Graphics for resolution-independent graphics.

Web Audio API

Advanced audio processing and synthesis.

Web Video

Video playback and processing APIs.

Media Source Extensions

Advanced media streaming capabilities.

WebRTC

Real-time communication with audio, video, and data channels.

Performance

Performance APIs

Measuring and monitoring web application performance.

Web Performance

Performance optimization techniques and best practices.

Resource Hints

Optimizing resource loading through hints to the browser.

Lazy Loading

Deferred loading of resources for improved performance.

Progressive Web Apps

Building app-like experiences on the web.

Web App Manifest

Push Notifications

Background Sync

Install Prompts

Security and Privacy

Content Security Policy

Protecting against XSS and other code injection attacks.

CORS

Cross-Origin Resource Sharing for secure cross-origin requests.

Permissions API

Managing user permissions for sensitive features.

Credential Management

Modern authentication and credential management.

Web Authentication

Passwordless authentication using FIDO2 and WebAuthn.

Subresource Integrity

Verifying the integrity of fetched resources.

Accessibility

ARIA

Accessible Rich Internet Applications for improved accessibility.

Web Accessibility Standards

  • WCAG 2.2 - Web Content Accessibility Guidelines.
  • WCAG 2.1 - Previous WCAG version.
  • ATAG 2.0 - Authoring Tool Accessibility Guidelines.
  • UAAG 2.0 - User Agent Accessibility Guidelines.

Accessibility APIs

Device APIs

Geolocation

Accessing device location information.

Device Orientation

Detecting device motion and orientation.

Vibration API

Controlling device vibration.

Battery Status

Monitoring device battery status.

Ambient Light

Detecting ambient light levels.

Web Bluetooth

Communicating with Bluetooth devices.

Web USB

Accessing USB devices from the browser.

Web NFC

Near Field Communication support in browsers.

  • Web NFC - NFC tag reading and writing.

Web Components

Reusable custom elements with encapsulated functionality.

Custom Elements

Shadow DOM

HTML Templates

Modern JavaScript Features

ES2015+ Features

Modern JavaScript language features and syntax.

Modules

JavaScript module system for code organization.

Async/Await

Asynchronous programming with async functions.

Promises

Asynchronous operation handling.

Emerging Standards

WebAssembly

Low-level bytecode for high-performance web applications.

Web Payments

Streamlined payment processing on the web.

Web Share API

Native sharing capabilities from web applications.

File System Access

Direct file system access from web applications.

WebXR

Immersive VR and AR experiences on the web.

Compute Pressure

Monitoring system compute pressure for adaptive performance.

Standards Organizations

Key organizations developing and maintaining web standards.

W3C (World Wide Web Consortium)

WHATWG (Web Hypertext Application Technology Working Group)

TC39 (Ecma Technical Committee 39)

IETF (Internet Engineering Task Force)

Khronos Group

WICG (Web Incubator Community Group)

Browser Compatibility

Resources for checking feature support across browsers.

Compatibility Tables

Browser Engines

  • Blink - Chrome, Edge, Opera engine.
  • Gecko - Firefox engine.
  • WebKit - Safari engine.

Feature Detection

Testing and Development

Testing Tools

Development Tools

Validation Tools

Performance Tools

Communities and Resources

Documentation

Learning Resources

Communities

Newsletters and Blogs

Conferences

Official Channels

Additional Web Standards and APIs

Web Audio and Speech

Beyond the basic Web Audio API, there are several specialized APIs for audio and speech processing.

Speech Synthesis

Internationalization (i18n)

Standards for building globally accessible applications.

ECMAScript Internationalization API

Unicode and Character Encoding

Data Formats and Serialization

Standards for data representation and exchange.

JSON

XML

  • XML - Extensible Markup Language.
  • XPath - XML Path Language.
  • XSLT - XSL Transformations.
  • DOM Parsing - Parsing and serializing XML/HTML.

Binary Data

URL and URI Standards

Standards for working with URLs and URIs.

Clipboard API

Accessing and manipulating the system clipboard.

Drag and Drop

Native drag and drop functionality for web applications.

Screen Orientation

Controlling and detecting screen orientation.

Fullscreen API

Presenting elements in fullscreen mode.

Page Visibility

Detecting when a page is visible to the user.

Pointer Lock

Providing access to raw mouse movement.

Gamepad API

Supporting game controllers in web applications.

Media Capture

Accessing cameras, microphones, and screen recording.

Web Animations

Programmatic animation control and synchronization.

Web Crypto

Cryptographic operations in web applications.

Encoding and Compression

Text encoding and data compression APIs.

Timing and Scheduling

APIs for precise timing and task scheduling.

History and Navigation

Managing browser history and navigation.

Console API

Debugging and logging interface.

Streams API

Processing sequences of data chunk by chunk.

Broadcast Channel

Communication between browsing contexts.

Channel Messaging

Message passing between different execution contexts.

Web Locks

Coordinating resource access across tabs and workers.

Trusted Types

Preventing DOM-based cross-site scripting vulnerabilities.

Reporting API

Collecting and reporting browser events and issues.

HTTP and Networking Standards

HTTP Protocol

Core HTTP protocol specifications and features.

HTTP Headers

Important HTTP headers for web applications.

HTTP Status Codes

Understanding HTTP response status codes.

TLS and Security

Transport Layer Security for secure communications.

Best Practices and Guidelines

Web Performance Best Practices

Optimizing web application performance.

Security Best Practices

Securing web applications against common vulnerabilities.

Accessibility Best Practices

Building accessible web applications for all users.

SEO Best Practices

Optimizing web applications for search engines.

Mobile Web Best Practices

Creating optimal mobile web experiences.

Design Patterns and Architectures

Web Application Architectures

Modern web application architectural patterns.

API Design Patterns

Designing robust web APIs.

  • REST - Representational State Transfer.
  • GraphQL - Query language for APIs.
  • gRPC-Web - RPC framework for web.
  • JSON-RPC - Remote procedure call protocol.
  • OpenAPI - API specification standard.
  • JSON:API - JSON API specification.

Contributing

Contributions are welcome! Please read the contribution guidelines before submitting.

Guidelines

  • Ensure your contribution fits the theme of web standards, specifications, and browser APIs.
  • Provide links to official specifications or authoritative documentation.
  • Check that your link is not already included.
  • Follow the existing format and style.
  • Add your contribution to the appropriate category.
  • Create a new category if needed, but ensure it's distinct and necessary.
  • Write clear and concise descriptions.
  • Ensure all links are working and point to the correct resources.
  • For new standards or APIs, include a brief description of their purpose.

Submission Process

  1. Fork this repository.
  2. Create a new branch for your contribution.
  3. Add your changes following the guidelines above.
  4. Ensure your changes maintain alphabetical order within categories.
  5. Submit a pull request with a clear description of your additions.
  6. Respond to any feedback during the review process.

Quality Standards

  • Links must point to official specifications, documentation, or highly authoritative sources.
  • Prefer W3C, WHATWG, TC39, or MDN documentation over third-party sources.
  • Ensure the resource is actively maintained and not deprecated.
  • Include the most recent version of specifications when available.
  • Verify that all links are accessible and not behind paywalls.

Content Requirements

  • Use proper markdown formatting.
  • Maintain consistent heading levels.
  • Include brief but informative descriptions.
  • Link text should be descriptive and meaningful.
  • Avoid promotional language or bias.
  • Focus on educational and reference value.

Thank you for helping make this resource better for the web development community!


Note: This is a living document that evolves with web standards. Standards and specifications are continuously updated, and new features are regularly added to the web platform. Always refer to the official specifications for the most current information.