These articles provide how-to information to help make use of specific web technologies and APIs.
- HTML learning area
- HyperText Markup Language (HTML) is the core language of nearly all web content. Most of what you see on screen in your browser is described, fundamentally, using HTML.
- CSS learning area
- Cascading Style Sheets (CSS) is a stylesheet language used to define the presentation of a document written in HTML.
- Audio and video delivery
- We can deliver audio and video on the web in several ways, ranging from 'static' media files to adaptive live streams. This article is intended as a starting point for exploring the various delivery mechanisms of web-based media and compatibility with popular browsers.
- Audio and video manipulation
- The beauty of the web is that you can combine technologies to create new forms. Having native audio and video in the browser means we can use these data streams with technologies such as
<canvas>, WebGL or Web Audio API to modify audio and video directly, for example adding reverb/compression effects to audio, or grayscale/sepia filters to video. This article provides a reference to explain what you need to do.
- Events developer guide
- Events refer to two things: a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page; and the naming, characterization, and use of a large number of incidents of different types.
- AJAX is a term that defines a group of technologies allowing web applications to make quick, incremental updates to the user interface without reloading the entire browser page. This makes the application faster and more responsive to user actions.
- Graphics on the web
- Modern web sites and applications often need to present graphics of varying sophistication.
- Guide to web APIs
- A list of all web APIs and what they do.
- Localizations and character encodings
- Browsers process text as Unicode internally. However, a way of representing characters in terms of bytes (character encoding) is used for transferring text over the network to the browser. The HTML specification recommends the use of the UTF-8 encoding (which can represent all of Unicode), and regardless of the encoding used requires Web content to declare that encoding.
- Mobile web development
- This article provides an overview of some of the main techniques needed to design web sites that work well on mobile devices. See also Firefox for Android.
- Progressive web apps
- Progressive web apps (PWAs) use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps. This set of guides tells you all you need to know about PWAs.
- Optimization and performance
- When building modern web apps and sites, it's important to make your content work quickly and efficiently. This lets it perform effectively for both powerful desktop systems and weaker handheld devices.
- Parsing and serializing XML
- The web platform provides different methods of parsing and serializing XML, each with its pros and cons.
- The Web Open Font Format (WOFF)
- WOFF (Web Open Font Format) is a font file format that is free for anyone to use on the web.
- Unicode Bidirectional Text Algorithm (BiDi)
- The Unicode® BiDi algorithm is part of the Unicode text standard. It describes how the browser should order characters while rendering Unicode text. This guide covers the algorithm in general and how it applies to content you create—especially when you build properly localized and internationalized content.
- Using FormData objects
FormDataobject lets you compile a set of key/value pairs to send using
XMLHttpRequest. It's primarily intended for sending form data, but can be used independently from forms to transmit keyed data. The transmission is in the same format that the form's
submit()method would use to send the data if the form's encoding type were set to "multipart/form-data".
- User input and controls
- Modern web user input goes beyond simple mouse and keyboard: think of touchscreens for example. This article provides recommendations for managing user input and implementing controls in open web apps, along with FAQs, real-world examples, and links to further information for anyone needing more detailed information on the underlying technologies.
- Defines numerous technical terms related to the Web and the Internet.