Articles tagged: HTML5

Found 80 documents

Games/Introduction_to_HTML5_Game_Gevelopment_(summary) Games built with HTML5 work on smartphones, tablets, PCs and Smart TVs. Update your game ...
Games/Publishing_games This series of articles looks at the options you have when you want to publish and distribute ...
Games/Publishing_games/Game_distribution Distribution is the way to give the world access to your game. There are many options available ...
Games/Publishing_games/Game_monetization There are many ways to earn money — everything that applies to the "normal" AAA gaming world can ...
Games/Tools/Engines_and_tools The following are game engines implemented with HTML5 and JavaScript:
Games/Tutorials/HTML5_Gamedev_Phaser_Device_Orientation I hope this tutorial will help you dive into 2D game development and inspire you to create ...
Glossary/HTML5 The latest stable release of HTML, HTML5 takes HTML from a simple markup for structuring a ...
Glossary/WHATWG The WHATWG (Web Hypertext Application Technology Working Group) is an organization that ...
Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMHTMLSourceElement The nsIDOMHTMLSourceElement interface is the DOM interface to the source child of the audio and ...
Online_and_offline_events Some browsers implement Online/Offline events from the WHATWG Web Applications 1.0 specification.
Using_files_from_web_applications Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ...
Using_XML_Data_Islands_in_Mozilla Internet Explorer had an "XML Data Islands" feature that allows Web authors include XML data ...
Web-based_protocol_handlers It's fairly common to find web pages link to resources using non- http protocols. An example is ...
Web/API/Canvas_API/Tutorial This tutorial describes how to use the canvas element to draw 2D graphics, starting with the ...
Web/API/Canvas_API/Tutorial/Applying_styles_and_colors Up until now we have only seen methods of the drawing context. If we want to apply colors to a ...
Web/API/Canvas_API/Tutorial/Basic_animations Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need ...
Web/API/Canvas_API/Tutorial/Compositing We can not only draw new shapes behind existing shapes but we can also use it to mask off ...
Web/API/Canvas_API/Tutorial/Compositing/Example This sample program demonstrates a number of compositing operations. The output looks like this:
Web/API/Canvas_API/Tutorial/Drawing_shapes Before we can start drawing, we need to talk about the canvas grid or coordinate space. Our HTML ...
Web/API/Canvas_API/Tutorial/Optimizing_canvas This article aims to provide suggestions for optimizing your use of the canvas element, to ...
Web/API/Canvas_API/Tutorial/Transformations Before we look at the transformation methods, let's look at two other methods which are ...
Web/API/Channel_Messaging_API/Using_channel_messaging The Channel Messaging API allows two separate scripts running in different browsing contexts ...
Web/API/DeviceLightEvent/Using_light_sensors Ambient Light Events give a web application access to a device's ambient light sensor to detect ...
Web/API/Document/getElementsByClassName Returns an array-like object of all child elements which have all of the given class names. When ...
Web/API/HashChangeEvent The hashchange event is fired when the fragment identifier of the URL has changed (the part of ...
Web/API/History_API The DOM window object provides access to the browser's history through the history object. It ...
Web/API/HTML_Drag_and_Drop_API HTML Drag and Drop interfaces enable applications to use drag and drop features in Firefox and ...
Web/API/MessageChannel/port1 The port1 read-only property of the MessageChannel interface returns the first port of the ...
Web/API/MessageChannel/port2 The port2 read-only property of the MessageChannel interface returns second port of the message ...
Web/API/MessagePort The MessagePort interface of the Channel Messaging API represents one of the two ports of a ...
Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java This example shows you how to create a WebSocket API server using Oracle Java. Although other ...
Web/API/WebSockets_API/Writing_WebSocket_server If you would like to use the WebSocket API, it is useful if you have a server. In this article I ...
Web/API/WebSockets_API/Writing_WebSocket_servers A WebSocket server is a TCP application listening on any port of a server that follows a ...
Web/API/Web_Workers_API/Structured_clone_algorithm The structured clone algorithm is a new algorithm defined by the HTML5 specification for ...
Web/API/Web_Workers_API/Using_web_workers A worker is an object created using a constructor (e.g. Worker()) that runs a named JavaScript ...
Web/API/WindowEventHandlers/onpopstate An event handler for the popstate event on the window.
Web/Apps/Fundamentals/Audio_and_video_delivery Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making ...
Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video In other articles we looked at how to build a cross browser video player using the ...
Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges Sometimes it's useful to know how much audio or video has downloaded or is playable without ...
Web/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics This article provides a basic guide to creating an HTML5 audio player that works cross browser, ...
Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player This article describes a simple HTML5 video player that uses the Media and Fullscreen APIs and ...
Web/Apps/Fundamentals/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources Let's say you want to set up an adaptive streaming media source on a server, to be consumed ...
Web/Apps/Fundamentals/Audio_and_video_manipulation The ability to read the pixel values from each frame of a video can be very useful.
Web/Apps/Progressive/Responsive/responsive_design_building_blocks For Web developers, it is now fairly common to be called upon to create a Web site or app that ...
Web/Guide/Graphics Web sites and applications often need to present graphics. These articles provide insight into ...
Web/Guide/HTML/Content_categories Each HTML element must abide by rules defining what kind of content it can have. These rules are ...
Web/Guide/HTML/Drag_operations The following describes the steps that occur during a drag and drop operation.
Web/Guide/HTML/Editable_content In HTML, any element can be editable. By using some JavaScript event handlers, you can transform ...
Web/Guide/HTML/Forms_in_HTML This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using ...
Web/Guide/HTML/HTML5 HTML5 is the latest evolution of the standard that defines HTML. It is a new version of the ...
Web/Guide/HTML/HTML5/Constraint_validation The creation of web forms has always been a complex task. While marking up the form itself is ...
Web/Guide/HTML/HTML5/HTML5_Parser Gecko 2 introduces a new parser, based on HTML5. The HTML parser is one of the most complicated ...
Web/Guide/HTML/HTML5/Introduction_to_HTML5 HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that ...
Web/Guide/HTML/Obsolete_things_to_avoid This article tries to list older coding practices that over time have become unnecessary or bad ...
Web/Guide/HTML/Using_data_attributes HTML5 is designed with extensibility in mind for data that should be associated with a ...
Web/Guide/HTML/Using_HTML5_audio_and_video HTML5 introduces built-in media support via the audio and video elements, offering the ability ...
Web/Guide/HTML/Using_HTML_sections_and_outlines The HTML5 specification brings several new elements to web developers allowing them to describe ...
Web/HTML HTML, which stands for HyperText Markup Language, is the most basic building block of a webpage ...
Web/HTML/Block-level_elements HTML (Hypertext Markup Language) elements are usually either "block-level" elements or "inline" ...
Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video Dynamic Adaptive Streaming over HTTP (DASH) is an adaptive streaming protocol.
Web/HTML/Element/aside The HTML aside element represents a section of the page with content connected tangentially to ...
Web/HTML/Element/audio The HTML audio element is used to embed sound content in documents. It may contain one or more ...
Web/HTML/Element/canvas The HTML canvas Element can be used to draw graphics via scripting (usually JavaScript). For ...
Web/HTML/Element/command The command element represents a command which the user can invoke.
Web/HTML/Element/datalist The HTML Datalist Element (datalist) contains a set of option elements that represent the values ...
Web/HTML/Element/embed The HTML embed Element represents an integration point for an external application or ...
Web/HTML/Element/hgroup The HTML hgroup Element (HTML Headings Group Element) represents the heading of a section. It ...
Web/HTML/Element/keygen The HTML keygen element exists to facilitate generation of key material, and submission of the ...
Web/HTML/Element/mark The HTML Mark Element (mark) represents highlighted text, i.e., a run of text marked for ...
Web/HTML/Element/menuitem The HTML menuitem element represents a command that a user is able to invoke through a popup ...
Web/HTML/Element/meter The HTML meter Element represents either a scalar value within a known range or a fractional value.
Web/HTML/Element/output The HTML output element represents the result of a calculation or user action.
Web/HTML/Element/progress The HTML progress Element is used to view the completion progress of a task. While the specifics ...
Web/HTML/Element/time The HTML time element represents either a time on a 24-hour clock or a precise date in the ...
Web/HTML/Element/track The HTML track element is used as a child of the media elements— audio and video. It lets you ...
Web/HTML/Element/video Use the HTML video element to embed video content in a document. The video element contains one ...
Web/HTML/Optimizing_your_pages_for_speculative_parsing Traditionally in browsers the HTML parser has run on the main thread and has blocked after a ...
Web/HTML/Supported_media_formats The audio and video elements provide support for playing audio and video media without requiring ...
Web/HTTP/Configuring_servers_for_Ogg_media Gecko 1.9.1 (Firefox 3.5) introduced support for HTML 5 audio and video media presentation ...
Web/MathML/Examples/Deriving_the_Quadratic_Formula This page outlines the derivation of the Quadratic Formula.