Index

Found 43 pages:

# Page Tags and summary
1 Developer guides API, Guide, Landing, Web
These articles provide how-to information to help make use of specific web technologies and APIs.
2 Ajax AJAX, DOM, JSON, JavaScript, References, XMLHttpRequest
Asynchronous JavaScript and XML, while not a technology in itself, is a term coined in 2005 by Jesse James Garrett, that describes a "new" approach to using a number of existing technologies together
3 Community AJAX
If you know of useful mailing lists, newsgroups, forums, or other communities related to AJAX, please link to them here.
4 Getting Started AJAX, API, Advanced, JavaScript, WebMechanics, XMLHttpRequest
This article guides you through the AJAX basics and gives you some simple hands-on examples to get you started.
5 WAI ARIA Live Regions/API Support AJAX, Accessibility
Firefox 3 contains important improvements to the way the Mozilla engine exposes live changes in a document.
6 Audio and Video Delivery Audio, Guide, HTML, HTML5, Media, Video
Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same. Currently, to support all browsers we need to specify two formats, although with the adoption of MP3 and MP4 formats in Firefox and Opera, this is changing fast. You can find compatibility information in the Guide to media types and formats on the web.
7 Adding captions and subtitles to HTML5 video HTML5, Media, WebVTT, captions, subtitles, track
In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player. This article will take the same player and show how to add captions and subtitles to it, using the WebVTT format and the <track> element.
8 Creating a cross-browser video player Apps, HTML5, Video, full screen
This article describes a simple HTML5 video player that uses the Media and Fullscreen APIs and works across most major desktop and mobile browsers. As well as working fullscreen, the player features custom controls rather than just using the browser defaults. The player controls themselves won't be styled beyond the basics required to get them working; full styling of the player will be taken care of in a future article.
9 Cross-browser audio basics Apps, Audio, Guide, HTML5, Media, events

This article provides:

  • a basic guide to creating a cross-browser HTML5 audio player with all the associated attributes, properties, and events explained
  • a guide to custom controls created using the Media API
10 Live streaming web audio and video Guide, adaptive streaming
Live streaming technology is often employed to relay live events such as sports, concerts and more generally TV and Radio programmes that are output live. Often shortened to just streaming, live streaming is the process of transmitting media 'live' to computers and devices. This is a fairly complex and nascent subject with a lot of variables, so in this article, we'll introduce you to the subject and let you know how you can get started.
11 Media buffering, seeking, and time ranges Apps, Buffer, HTML5, TimeRanges, Video, buffering, seeking
Sometimes it's useful to know how much <audio> or <video> has downloaded or is playable without delay — a good example of this is the buffered progress bar of an audio or video player. This article discusses how to build a buffer/seek bar using TimeRanges, and other features of the media API.
12 Setting up adaptive streaming media sources Audio, HLS, HTML5, HTTP Live Streaming, MPEG-DASH, Video, adaptive streaming
Let's say you want to set up an adaptive streaming media source on a server, to be consumed inside an HTML5 media element. How would you do that? This article explains how, looking at two of the most common formats: MPEG-DASH and HLS (HTTP Live Streaming.)
13 Video player styling basics Apps, Guide, Media, Styling, Video
In the previous Cross browser video player article we described how to build a cross-browser HTML5 video player using the Media and Fullscreen APIs. This follow-up article looks at how to style this custom player, including making it responsive.
14 Web Audio playbackRate explained Apps, Audio, Media, Video, playbackRate
The playbackRate property of the <audio> and <video> elements allows us to change the speed, or rate, at which a piece of web audio or video is playing
15 Writing Web Audio API code that works in every browser API
You probably have already read the announcement on the Web Audio API coming to Firefox, and are totally excited and ready to make your until-now-WebKit-only sites work with Firefox, which uses the unprefixed version of the spec.
16 Audio and video manipulation Audio, Canvas, Examples, Guide, HTML5, Media, Video, Web Audio API, WebGL, developer recommendation
The ability to read the pixel values from each frame of a video can be very useful.
17 Event developer guide DOM, Event, Guide, NeedsUpdate, events
Events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
18 Creating and triggering events Advanced, DOM, Guide, JavaScript, NeedsContent, events
This article demonstrates how to create and dispatch DOM events. Such events are commonly called synthetic events, as opposed to the events fired by the browser itself.
19 DOM onevent handlers Beginner, DOM, DOM Beginner, NeedsBeginnerUpdate, NeedsUpdate
The Web platform provides several ways to be notified of DOM events. Two common approaches are addEventListener() and the specific onevent handlers.
20 Media events Intermediate, Media
Various events are sent when handling media that are embedded in HTML documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.
21 Mouse gesture events Advanced, DOM
Gecko 1.9.1 added support for several Mozilla-specific DOM events used to handle mouse gestures. These are special movements that can be made with a mouse or trackpad and can be interpreted to perform specific tasks.
22 Mutation events Advanced, DOM, Guide
Mutation events provide a mechanism for a web page or an extension to get notified about changes made to the DOM. Use Mutation Observers instead if possible.
23 Orientation and motion data explained Intermediate, Mobile, Motion, NeedsContent, Orientation, páginas_a_traducir, rotation
When using orientation and motion events, it's important to understand what the values you're given by the browser mean. This article provides details about the coordinate systems at play and how you use them.
24 Overview of events and handlers Beginner, DOM, Example, JavaScript, NeedsBeginnerUpdate, NeedsUpdate, events
This overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the types of such incidents modern web browsers can handle.
25 Touch events (Mozilla experimental) DOM
The experimental touch events API described on this page was available from Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) to Gecko/Firefox 17. You should instead use the standard touch events API, supported since Gecko/Firefox 6 with multi-touch support added in Gecko/Firefox 12.
26 Using device orientation with 3D transforms Advanced, CSS, DOM, NeedsUpdate, Orientation, Transforms
This article provides tips on how to use device orientation information in tandem with CSS 3D transforms.
27 Graphics on the Web 2D, 3D, Canvas, Graphics, HTML5, SVG, Web, WebGL, WebRTC
Websites and applications often need to present graphics, such as images.These articles provide insight into how you can accomplish this.
28 Guide to Web APIs API, Guide, Landing, Web
The web includes a wide array of APIs that can be used from JavaScript to build increasingly more powerful and capable applications, running either on the web, locally, or through technology such as Node.js, on a server. On this page you'll find a complete list of all of the APIs provided by the full web technology stack.
29 Index Guide, Index
Found 31 pages:
30 Introduction to Web development Beginner, CSS, CodingScripting, Development, HTML, JavaScript, Web
Whether you're just getting started with Web development, or are just expanding your horizons into new realms of Web awesomeness, the links here should help you get started.
31 Localizations and character encodings Character encodings, HTML, Localization, NeedsMarkupWork
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 what encoding was used.
32 Mobile Web Development Intermediate, NeedsExample
This page provides an overview of some of the main techniques needed to design web sites that work well on mobile devices. If you're looking for information on Mozilla's Firefox OS project, see the Firefox OS page. Or you might be interested in details about Firefox for Android.
33 A hybrid approach Mobile, Responsive Design, Web Development
No approach is a one-size-fits-all solution. Web applications that want to heavily modify the content or user flow for mobile users should probably go for a separate mobile site. Content-oriented pages that don’t need to modify their content for mobile users will be satisfied with responsive design. If you need to slightly alter the site’s message for mobile users, but want to reap the benefits of a responsive design, a hybrid approach may be your best bet. Decisions like these are at the heart of mobile web development: be specific about what you would like to accomplish, and pick a practical approach while being aware of the tradeoffs. Good luck!
34 Mobile-friendliness Mobile, Web Development
Mobile friendliness can mean a multitude of things, depending on who you’re talking to. It can be helpful to think of it in terms of three goals for improving your site’s user experience: Presentation, Content, and Performance.
35 Separate sites for mobile and desktop Mobile, Web Development
The "separate sites" approach to mobile Web development involves creating different sites for mobile and desktop Web users. This approach has positive and negative aspects.
36 Optimization and performance Landing, Optimization, Performance, Web
When building modern Web apps and sites, it's important to make your content perform well. That is, to make it work quickly and efficiently. This lets it work effectively both for users of powerful desktop systems as well as for handheld devices with less power.  There are several tools available to check the performance of a website or blog. The most notable tools are listed below.
37 Parsing and serializing XML AJAX, Add-ons, DOM, DOM Parsing, Document, Extensions, Guide, HTMLDocument, JSON, Parsing, Parsing XML, Serializing, Serializing XML, XML, XMLDocument, XMLHttpRequest
In this article, we'll look at the objects provided by the web platform to make the common tasks of serializing and parsing XML easy.
38 Printing DOM, Guide, NeedsContent, NeedsRelocation, printing
There may be times in which your web site or application would like to improve the user's experience when printing content. There are a number of possible scenarios:
39 SVG-in-OpenType Draft, Fonts, Guide, NeedsContent
The SVG-in-OpenType work is currently in the hands of the MPEG group. Once we're ready for wider adoption the information from wiki.mozilla.org will be moved here, updated and expanded.
40 The Unicode Bidirectional Text Algorithm Algorithm, BiDi, Guide, Internationalization, Introduction, Localization, Text, Unicode, direction, i18n, l10n, ltr, rtl
The Unicode® Bidirectional Algorithm (also known as the BiDi Algorithm) is part of the Unicode text standard that describes how the user agent should order characters while rendering Unicode text.
41 The Web Open Font Format (WOFF) Fonts, NeedsMobileBrowserCompatibility, WOFF
WOFF (the Web Open Font Format) is a web font format developed by Mozilla in concert with Type Supply, LettError, and other organizations. It adds metadata and private-use data structures, including predefined fields allowing foundries and vendors to provide license information if desired.
42 User input and controls Screen Orientation, contenteditable, drag and drop, fullscreen, keyboard, mouse, pointer lock, touch, user input
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. Relevant APIs and events include touch events, Pointer Lock API, Screen Orientation API, Fullscreen API, Drag & Drop and more.
43 Writing forward-compatible websites CSS, Compatibility, DOM, HTML, JavaScript, Web Development
This page explains how to write websites that do not break when new browser versions are released.

This is especially important for intranets and other non-public websites; if we can't see your code, we can't see that it broke. It's not always possible to follow all of these, but following as many of them as possible will help future-proof your website.