Results 61 - 80 of 124

File drag and drop

HTML Drag and Drop interfaces enable web applications to  drag and drop files on a web page. This document describes how an application can accept one or more files that are dragged from the underlying platform's file manager and dropped on a web page.
drag and drop drop zone Guide

Using the Notifications API

The Notifications API lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send information to a user even if the application is idle or in the background. This article looks at the basics of using this API in your own apps.
Advanced API DOM Guide Notifications Tutorial

Performance API

The High Resolution Time standard defines a Performance interface that supports client-side latency measurements within applications. The Performance interfaces are considered high resolution because they are accurate to a thousandth of a millisecond (subject to hardware or software constraints). The interfaces support a number of use cases including calculating frame-rates (potentially important in animations) and benchmarking (such as the time to load a resource).
Guide NeedsContent Overview performance Performance Web Performance

Using server-sent events

The server-sent event API is contained in the EventSource interface; to open a connection to the server to begin receiving events from it, create a new EventSource object specifying the URI of a script that generates the events. For example:
Advanced DOM Guide Server-sent events

Touch events

In order to provide quality support for touch-based user interfaces, touch events offer the ability to interpret finger (or stylus) activity on touch screens or trackpads.
Advanced DOM Event Guide Mobile Overview

Using the Web Audio API

To demonstrate usage of the Web Audio API, we created a number of examples that will be added to as time goes on. Please feel free to add to them and suggest improvements!
API Guide Reference Référence Web Audio API

Web audio spatialization basics

The easiest use case to imagine for this capability is realistic alterations in how an audio source will sound as you move around it in a 3D environment like a first-person game.
Guide PannerNode panning Web Audio API

Using Web Workers

A worker is an object created using a constructor (e.g. Worker()) that runs a named JavaScript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current window. Thus, using the window shortcut to get the current global scope (instead of self) within a Worker will return an error.
Advanced Firefox Guide HTML5 JavaScript Workers

WebGL model view projection

This article explores how to take data within a WebGL project, and project it into the proper spaces to display it on the screen. It assumes a knowledge of basic matrix math using translation, scale, and rotation matrices. It explains the three core matrices that are typically used to represent a 3D object: the model, view and projection matrices.
Graphics Guide Model projection View WebGL

WebRTC API overview

WebRTC consists of several interrelated APIs and protocols which work together to support the exchange of data and media between two or more peers. This article provides a brief overview of each of these APIs and what purpose it serves.
API Audio Guide Intro Media Video WebRTC

WebRTC protocols

This article introduces the protocols on top of which the WebRTC API is built.
API Audio Beginner Guide Media Video WebRTC

Writing WebSocket servers

A WebSocket server is a TCP application listening on any port of a server that follows a specific protocol, simple as that. The task of creating a custom server tends to scare people; however, it can be easy to implement a simple WebSocket server on your platform of choice.
Guide HTML5 NeedsContent NeedsExample Tutorial WebSocket WebSockets

Block-level elements

HTML (Hypertext Markup Language) elements are usually either "block-level" elements or "inline" elements. A block-level element occupies the entire space of its parent element (container), thereby creating a "block." This article helps to explain what this means.
Beginner beginner Development Guide HTML HTML5 Web