Search completed in 1.02 seconds.
4360 results for "source":
Your results are loading. Please wait...
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
Web › HTML › Element › source
the html <source> element specifies multiple media resources for the <picture>, the <audio> element, or the <video> element.
...tiple media resources for the <picture>, the <audio> element, or the <video> element.
...t have a start tag, but must not have an end tag.
...And 23 more matches
MediaSource.addSourceBuffer() - Web APIs
the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
... the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
... the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
...And 19 more matches
XRInputSourceEventInit.inputSource - Web APIs
the xrinputsourceeventinit dictionary's inputsource property is used when calling the xrinputsourceevent() constructor to specify the xrinputsource from which the newly-created event is being sent.
... the xrinputsourceeventinit dictionary's inputsource property is used when calling the xrinputsourceevent() constructor to specify the xrinputsource from which the newly-created event is being sent.
... the xrinputsourceeventinit dictionary's inputsource property is used when calling the xrinputsourceevent() constructor to specify the xrinputsource from which the newly-created event is being sent.
...And 18 more matches
MediaSource.removeSourceBuffer() - Web APIs
the removesourcebuffer() method of the mediasource interface removes the given sourcebuffer from the sourcebuffers list associated with this mediasource object.
... the removesourcebuffer() method of the mediasource interface removes the given sourcebuffer from the sourcebuffers list associated with this mediasource object.
... the removesourcebuffer() method of the mediasource interface removes the given sourcebuffer from the sourcebuffers list associated with this mediasource object.
...And 15 more matches
MediaSource.activeSourceBuffers - Web APIs
the activesourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing a subset of the sourcebuffer objects contained within sourcebuffers — the list of objects providing the selected video track, enabled audio tracks, and shown/hidden text tracks.
... the activesourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing a subset of the sourcebuffer objects contained within sourcebuffers — the list of objects providing the selected video track, enabled audio tracks, and shown/hidden text tracks.
... the activesourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing a subset of the sourcebuffer objects contained within sourcebuffers — the list of objects providing the selected video track, enabled audio tracks, and shown/hidden text tracks.
...And 13 more matches
MediaSource.sourceBuffers - Web APIs
the sourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing the list of sourcebuffer objects associated with this mediasource.
... the sourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing the list of sourcebuffer objects associated with this mediasource.
... the sourcebuffers read-only property of the mediasource interface returns a sourcebufferlist object containing the list of sourcebuffer objects associated with this mediasource.
...And 12 more matches
RTCRtpContributingSource.source - Web APIs
the read-only source property of the rtcrtpcontributingsource interface returns the source identifier of a particular stream of rtp packets.
... the read-only source property of the rtcrtpcontributingsource interface returns the source identifier of a particular stream of rtp packets.
... the read-only source property of the rtcrtpcontributingsource interface returns the source identifier of a particular stream of rtp packets.
...And 12 more matches
XRInputSourceEvent.inputSource - Web APIs
the xrinputsourceevent interface's read-only inputsource property specifies the xrinputsource which generated the input event.
... the xrinputsourceevent interface's read-only inputsource property specifies the xrinputsource which generated the input event.
... the xrinputsourceevent interface's read-only inputsource property specifies the xrinputsource which generated the input event.
...And 10 more matches
AudioBufferSourceNode.AudioBufferSourceNode() - Web APIs
the audiobuffersourcenode() constructor creates a new audiobuffersourcenode object instance.
... the audiobuffersourcenode() constructor creates a new audiobuffersourcenode object instance.
... the audiobuffersourcenode() constructor creates a new audiobuffersourcenode object instance.
...And 3 more matches
MediaSource.MediaSource() - Web APIs
the mediasource() constructor of the mediasource interface constructs and returns a new mediasource object with no associated source buffers.
... the mediasource() constructor of the mediasource interface constructs and returns a new mediasource object with no associated source buffers.
... the mediasource() constructor of the mediasource interface constructs and returns a new mediasource object with no associated source buffers.
...And 2 more matches
Inputs and input sources - Web APIs
wing the user a wholly virtual scene or augmenting reality by adding to or altering the world around them.
...eality by adding to or altering the world around them.
...creen taps (particularly but not necessarily only on phones or tablets) can be used to simultaneously perform both targeting and selection.
...And 128 more matches
Using the Resource Timing API - Web APIs
the resource timing api provides a way to retrieve and analyze detailed network timing data regarding the loading of an application's resource(s).
... the resource timing api provides a way to retrieve and analyze detailed network timing data regarding the loading of an application's resource(s).
... the resource timing api provides a way to retrieve and analyze detailed network timing data regarding the loading of an application's resource(s).
...And 83 more matches
Appendix: What you should know about open-source software licenses - Archive of obsolete content
appendix: what you should know about open-source software licenses draft this page is not complete.
... appendix: what you should know about open-source software licenses draft this page is not complete.
... appendix: what you should know about open-source software licenses draft this page is not complete.
...And 74 more matches
RDF Datasource How-To - Archive of obsolete content
this article is at least partially outdated.
...parts and the "as of this writing, it is not currently possible to implement javascript xpcom components" comment seem outdated didn't check the whole article.
... javascript xpcom components" comment seem outdated didn't check the whole article.
...And 71 more matches
SourceMap.jsm
get a reference to the module: let sourcemap = {}; components.utils.import('resource:///modules/devtools/sourcemap.jsm', sourcemap); sourcemapconsumer a sourcemapconsumer instance represents a parsed source map which we can query for information about the original file positions by giving it a file position in the generated source.
... get a reference to the module: let sourcemap = {}; components.utils.import('resource:///modules/devtools/sourcemap.jsm', sourcemap); sourcemapconsumer a sourcemapconsumer instance represents a parsed source map which we can query for information about the original file positions by giving it a file position in the generated source.
... get a reference to the module: let sourcemap = {}; components.utils.import('resource:///modules/devtools/sourcemap.jsm', sourcemap); sourcemapconsumer a sourcemapconsumer instance represents a parsed source map which we can query for information about the original file positions by giving it a file position in the generated source.
...And 70 more matches
Debugger.Source - Firefox Developer Tools
debugger.source a debugger.source instance represents either a piece of javascript source code or the serialized text of a block of webassembly code.
... debugger.source a debugger.source instance represents either a piece of javascript source code or the serialized text of a block of webassembly code.
...ugger.source instance represents either a piece of javascript source code or the serialized text of a block of webassembly code.
...And 70 more matches
SourceBuffer - Web APIs
the sourcebuffer interface represents a chunk of media to be passed into an htmlmediaelement and played, via a mediasource object.
...t="50" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">eventtarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#d4dde4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/sourcebuffer" target="_top"><rect x="151" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="211" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">sourcebuffer</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties sourcebuffer.a...
...4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="211" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">sourcebuffer</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties sourcebuffer.appendwindowend controls the timestamp for the end of the append window.
...And 55 more matches
source-editor.jsm
this component has been removed from the platform in firefox 28.
... this component has been removed from the platform in firefox 28.
...ved from the platform in firefox 28.
...And 49 more matches
MediaSource - Web APIs
the mediasource interface of the media source extensions api represents a source of media data for an htmlmediaelement object.
... the mediasource interface of the media source extensions api represents a source of media data for an htmlmediaelement object.
..." fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">eventtarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#d4dde4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/mediasource" target="_top"><rect x="151" y="1" width="110" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="206" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">mediasource</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor mediasource() const...
...And 46 more matches
PerformanceResourceTiming - Web APIs
the performanceresourcetiming interface enables retrieval and analysis of detailed network timing data regarding the loading of an application's resources.
... the performanceresourcetiming interface enables retrieval and analysis of detailed network timing data regarding the loading of an application's resources.
... the performanceresourcetiming interface enables retrieval and analysis of detailed network timing data regarding the loading of an application's resources.
...And 43 more matches
RDF Datasources - Archive of obsolete content
« previousnext » here, we'll look at additional datasources and how to use your own rdf files as datasources.
... « previousnext » here, we'll look at additional datasources and how to use your own rdf files as datasources.
... « previousnext » here, we'll look at additional datasources and how to use your own rdf files as datasources.
...And 39 more matches
Resource Timing API - Web APIs
the resource timing interfaces enable retrieving and analyzing detailed network timing data regarding the loading of an application's resource(s).
... the resource timing interfaces enable retrieving and analyzing detailed network timing data regarding the loading of an application's resource(s).
... the resource timing interfaces enable retrieving and analyzing detailed network timing data regarding the loading of an application's resource(s).
...And 39 more matches
Object.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 33 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
Web › HTML › Element › link
the html external resource link element (<link>) specifies relationships between the current document and an external resource.
... the html external resource link element (<link>) specifies relationships between the current document and an external resource.
... link to the site's favicon: <link rel="icon" href="favicon.ico"> there are a number of other icon rel values, mainly used to indicate special icon types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes attribute indicates the icon size, while the type contains the mime type of the resource being linked.
...And 28 more matches
Resource URLs - HTTP
non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
...And 28 more matches
Source map errors - Firefox Developer Tools
source maps are json files providing a way to associate transformed sources, as seen by the browser, with their original sources, as written by the developer.
... source maps are json files providing a way to associate transformed sources, as seen by the browser, with their original sources, as written by the developer.
... source maps are json files providing a way to associate transformed sources, as seen by the browser, with their original sources, as written by the developer.
...And 27 more matches
AudioBufferSourceNode - Web APIs
the audiobuffersourcenode interface is an audioscheduledsourcenode which represents an audio source consisting of in-memory audio data, stored in an audiobuffer.
...#fff" stroke="#d4dde4" stroke-width="2px" /><text x="196" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">audionode</text></a><polyline points="241,25 251,20 251,30 241,25" stroke="#d4dde4" fill="none"/><line x1="251" y1="25" x2="281" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/audioscheduledsourcenode" target="_top"><rect x="281" y="1" width="240" height="50" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="401" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">audioscheduledsourcenode</text></a><polyline points="521,25 531,20 531,30 521,25" stroke="#d4dde4" fill="none"/><line x1="531" y...
...="#d4dde4" stroke-width="2px" /><text x="401" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">audioscheduledsourcenode</text></a><polyline points="521,25 531,20 531,30 521,25" stroke="#d4dde4" fill="none"/><line x1="531" y1="25" x2="561" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/audiobuffersourcenode" target="_top"><rect x="561" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="666" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">audiobuffersourcenode</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} an audiobuffersourcen...
...And 27 more matches
Subresource Integrity - Web security
subresource integrity (sri) is a security feature that enables browsers to verify that resources they fetch (for example, from a cdn) are delivered without unexpected manipulation.
... subresource integrity (sri) is a security feature that enables browsers to verify that resources they fetch (for example, from a cdn) are delivered without unexpected manipulation.
... subresource integrity (sri) is a security feature that enables browsers to verify that resources they fetch (for example, from a cdn) are delivered without unexpected manipulation.
...And 27 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
cross-origin resource sharing (cors) is a mechanism that uses additional http headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.
... cross-origin resource sharing (cors) is a mechanism that uses additional http headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.
...a cross-origin request: the front-end javascript code served from https://domain-a.com uses xmlhttprequest to make a request for https://domain-b.com/data.json.
...And 26 more matches
Navigation and resource timings - Web Performance
navigation timings are metrics measuring a browser's document navigation events.
... navigation timings are metrics measuring a browser's document navigation events.
... navigation timings are metrics measuring a browser's document navigation events.
...And 26 more matches
EventSource - Web APIs
the eventsource interface is web content's interface to server-sent events.
... the eventsource interface is web content's interface to server-sent events.
... the eventsource interface is web content's interface to server-sent events.
...And 25 more matches
View Source - Firefox Developer Tools
view source lets you look at the html or xml source for the page you're viewing.
... view source lets you look at the html or xml source for the page you're viewing.
... view source lets you look at the html or xml source for the page you're viewing.
...And 22 more matches
ConstantSourceNode - Web APIs
the constantsourcenode interface—part of the web audio api—represents an audio source (based upon audioscheduledsourcenode) whose output is single unchanging value.
... the constantsourcenode interface—part of the web audio api—represents an audio source (based upon audioscheduledsourcenode) whose output is single unchanging value.
...audio api—represents an audio source (based upon audioscheduledsourcenode) whose output is single unchanging value.
...And 21 more matches
Aggregating the In-Memory Datasource
introduction you can use xpcom aggregation1 with the in-memory datasource.
... introduction you can use xpcom aggregation1 with the in-memory datasource.
... introduction you can use xpcom aggregation1 with the in-memory datasource.
...And 20 more matches
Identifying resources on the Web - HTTP
the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
... the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
... the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
...And 20 more matches
Source code directories overview - Archive of obsolete content
this document is a guide for developers to the directory structure of the mozilla source code tree.
... this document is a guide for developers to the directory structure of the mozilla source code tree.
...ee.
...And 19 more matches
Source Navigator - Archive of obsolete content
note: this document is still in the draft state.
... note: this document is still in the draft state.
... note: this document is still in the draft state.
...And 18 more matches
Use a source map - Firefox Developer Tools
the javascript sources executed by the browser are often transformed in some way from the original sources created by a developer.
... the javascript sources executed by the browser are often transformed in some way from the original sources created by a developer.
...ed by the browser are often transformed in some way from the original sources created by a developer.
...And 18 more matches
MediaStreamAudioSourceNode - Web APIs
the mediastreamaudiosourcenode interface is a type of audionode which operates as an audio source whose media is received from a mediastream obtained using the webrtc or media capture and streams apis.
... the mediastreamaudiosourcenode interface is a type of audionode which operates as an audio source whose media is received from a mediastream obtained using the webrtc or media capture and streams apis.
...ates as an audio source whose media is received from a mediastream obtained using the webrtc or media capture and streams apis.
...And 18 more matches
Media Source API - Web APIs
the media source api, formally known as media source extensions (mse), provides functionality enabling plugin-free web-based streaming media.
... the media source api, formally known as media source extensions (mse), provides functionality enabling plugin-free web-based streaming media.
... been available in web applications without plugins for a few years now, but the basic features offered have really only been useful for playing single whole tracks.
...And 18 more matches
nsIDOMOfflineResourceList
the nsidomofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
... the nsidomofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
... the nsidomofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
...And 17 more matches
SourceBufferList - Web APIs
the sourcebufferlist interface represents a simple container list for multiple sourcebuffer objects.
... the sourcebufferlist interface represents a simple container list for multiple sourcebuffer objects.
... the sourcebufferlist interface represents a simple container list for multiple sourcebuffer objects.
...And 16 more matches
XRInputSourcesChangeEvent - Web APIs
the webxr device api interface xrinputsourceschangeevent is used to represent the inputsourceschange event sent to an xrsession when the set of available webxr input controllers changes.
... the webxr device api interface xrinputsourceschangeevent is used to represent the inputsourceschange event sent to an xrsession when the set of available webxr input controllers changes.
... the webxr device api interface xrinputsourceschangeevent is used to represent the inputsourceschange event sent to an xrsession when the set of available webxr input controllers changes.
...And 16 more matches
MediaElementAudioSourceNode - Web APIs
the mediaelementaudiosourcenode interface represents an audio source consisting of an html5 <audio> or <video> element.
... the mediaelementaudiosourcenode interface represents an audio source consisting of an html5 <audio> or <video> element.
... the mediaelementaudiosourcenode interface represents an audio source consisting of an html5 <audio> or <video> element.
...And 15 more matches
SourceBuffer.mode - Web APIs
Web › API › SourceBuffer › mode
the mode property of the sourcebuffer interface controls whether media segments can be appended to the sourcebuffer in any order, or in a strict sequence.
... the mode property of the sourcebuffer interface controls whether media segments can be appended to the sourcebuffer in any order, or in a strict sequence.
... property of the sourcebuffer interface controls whether media segments can be appended to the sourcebuffer in any order, or in a strict sequence.
...And 15 more matches
SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead - JavaScript
the javascript warning "using //@ to indicate sourceurl pragmas is deprecated.
... the javascript warning "using //@ to indicate sourceurl pragmas is deprecated.
... the javascript warning "using //@ to indicate sourceurl pragmas is deprecated.
...And 15 more matches
View Source for XUL Applications - Archive of obsolete content
importing gviewsourceutils xul applications wanting to show the source code for documents should import the viewsourceutils.js script instead of attempting to open the viewsource.xul window themselves: <script type="application/javascript" src="chrome://global/content/viewsourceutils.js"/> viewsourceutils.js exposes a gviewsourceutils global into the scope of the window that imports that script.
...s xul applications wanting to show the source code for documents should import the viewsourceutils.js script instead of attempting to open the viewsource.xul window themselves: <script type="application/javascript" src="chrome://global/content/viewsourceutils.js"/> viewsourceutils.js exposes a gviewsourceutils global into the scope of the window that imports that script.
...utils.js script instead of attempting to open the viewsource.xul window themselves: <script type="application/javascript" src="chrome://global/content/viewsourceutils.js"/> viewsourceutils.js exposes a gviewsourceutils global into the scope of the window that imports that script.
...And 14 more matches
MediaSource.readyState - Web APIs
the readystate read-only property of the mediasource interface returns an enum representing the state of the current mediasource.
... the readystate read-only property of the mediasource interface returns an enum representing the state of the current mediasource.
... the readystate read-only property of the mediasource interface returns an enum representing the state of the current mediasource.
...And 14 more matches
msPlayToSource - Web APIs
non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
...cing the web: it will not work for every user.
...And 14 more matches
XRInputSourceEvent - Web APIs
the webxr device api's xrinputsourceevent interface describes an event which has occurred on a webxr user input device such as a hand controller, gaze tracking system, or motion tracking system.
... the webxr device api's xrinputsourceevent interface describes an event which has occurred on a webxr user input device such as a hand controller, gaze tracking system, or motion tracking system.
... the webxr device api's xrinputsourceevent interface describes an event which has occurred on a webxr user input device such as a hand controller, gaze tracking system, or motion tracking system.
...And 14 more matches
AudioContext.createMediaElementSource() - Web APIs
the createmediaelementsource() method of the audiocontext interface is used to create a new mediaelementaudiosourcenode object, given an existing html <audio> or <video> element, the audio from which can then be played and manipulated.
... the createmediaelementsource() method of the audiocontext interface is used to create a new mediaelementaudiosourcenode object, given an existing html <audio> or <video> element, the audio from which can then be played and manipulated.
... the createmediaelementsource() method of the audiocontext interface is used to create a new mediaelementaudiosourcenode object, given an existing html <audio> or <video> element, the audio from which can then be played and manipulated.
...And 13 more matches
AudioContext.createMediaStreamSource() - Web APIs
the createmediastreamsource() method of the audiocontext interface is used to create a new mediastreamaudiosourcenode object, given a media stream (say, from a mediadevices.getusermedia instance), the audio from which can then be played and manipulated.
... the createmediastreamsource() method of the audiocontext interface is used to create a new mediastreamaudiosourcenode object, given a media stream (say, from a mediadevices.getusermedia instance), the audio from which can then be played and manipulated.
... the createmediastreamsource() method of the audiocontext interface is used to create a new mediastreamaudiosourcenode object, given a media stream (say, from a mediadevices.getusermedia instance), the audio from which can then be played and manipulated.
...And 13 more matches
BaseAudioContext.createBufferSource() - Web APIs
the createbuffersource() method of the baseaudiocontext interface is used to create a new audiobuffersourcenode, which can be used to play audio data contained within an audiobuffer object.
... the createbuffersource() method of the baseaudiocontext interface is used to create a new audiobuffersourcenode, which can be used to play audio data contained within an audiobuffer object.
... the createbuffersource() method of the baseaudiocontext interface is used to create a new audiobuffersourcenode, which can be used to play audio data contained within an audiobuffer object.
...And 13 more matches
MediaSource.duration - Web APIs
the duration property of the mediasource interface gets and sets the duration of the current media being presented.
... the duration property of the mediasource interface gets and sets the duration of the current media being presented.
... the duration property of the mediasource interface gets and sets the duration of the current media being presented.
...And 13 more matches
MediaStreamTrackAudioSourceNode - Web APIs
the mediastreamtrackaudiosourcenode interface is a type of audionode which represents a source of audio data taken from a specific mediastreamtrack obtained through the webrtc or media capture and streams apis.
... the mediastreamtrackaudiosourcenode interface is a type of audionode which represents a source of audio data taken from a specific mediastreamtrack obtained through the webrtc or media capture and streams apis.
...ta taken from a specific mediastreamtrack obtained through the webrtc or media capture and streams apis.
...And 13 more matches
externalResourcesRequired - SVG: Scalable Vector Graphics
the externalresourcesrequired attribute specifies whether referenced resources that are not part of the current document are required for proper rendering of the given container or graphics element.
... the externalresourcesrequired attribute specifies whether referenced resources that are not part of the current document are required for proper rendering of the given container or graphics element.
...pecifies whether referenced resources that are not part of the current document are required for proper rendering of the given container or graphics element.
...And 13 more matches
ConstantSourceNode.offset - Web APIs
the read-only offset property of the constantsourcenode interface returns a audioparam object indicating the numeric a-rate value which is always returned by the source when asked for the next sample.
... the read-only offset property of the constantsourcenode interface returns a audioparam object indicating the numeric a-rate value which is always returned by the source when asked for the next sample.
... the read-only offset property of the constantsourcenode interface returns a audioparam object indicating the numeric a-rate value which is always returned by the source when asked for the next sample.
...And 12 more matches
XRInputSourceArray - Web APIs
the interface xrinputsourcearray represents a live list of webxr input sources, and is used as the return value of the xrsession property inputsources.
... the interface xrinputsourcearray represents a live list of webxr input sources, and is used as the return value of the xrsession property inputsources.
... the interface xrinputsourcearray represents a live list of webxr input sources, and is used as the return value of the xrsession property inputsources.
...And 12 more matches
XRInputSourcesChangeEvent() - Web APIs
the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
... the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
... the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
...And 12 more matches
Setting up adaptive streaming media sources - Developer guides
let's say you want to set up an adaptive streaming media source on a server, to be consumed inside an html5 media element.
...ists specifying the name and location of these stream folders.
...width="480" height="360"> <baseurl>elephantsdream_h264bpl30_0500.264.dash</baseurl> </representation> </adaptationset> </period> </mpd> once you have generated your mpd file you can reference it from within the video tag.
...And 12 more matches
Using the Mozilla source server
using the mozilla source server is now even more feature-packed.
... using the mozilla source server is now even more feature-packed.
... using the mozilla source server is now even more feature-packed.
...And 11 more matches
HTMLSourceElement - Web APIs
the htmlsourceelement interface provides special properties (beyond the regular htmlelement object interface it also has available to it by inheritance) for manipulating <source> elements.
...aco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#d4dde4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#d4dde4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#d4dde4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/htmlsourceelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlsourceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits ...
...h="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlsourceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 11 more matches
SourceBuffer.changeType() - Web APIs
the changetype() method of the sourcebuffer interface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
... the changetype() method of the sourcebuffer interface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
... the changetype() method of the sourcebuffer interface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
...And 11 more matches
XRInputSourceEvent() - Web APIs
the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
... the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
... the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
...And 11 more matches
AudioContext.createMediaStreamTrackSource() - Web APIs
the createmediastreamtracksource() method of the audiocontext interface creates and returns a mediastreamtrackaudiosourcenode which represents an audio source whose data comes from the specified mediastreamtrack.
... the createmediastreamtracksource() method of the audiocontext interface creates and returns a mediastreamtrackaudiosourcenode which represents an audio source whose data comes from the specified mediastreamtrack.
... the createmediastreamtracksource() method of the audiocontext interface creates and returns a mediastreamtrackaudiosourcenode which represents an audio source whose data comes from the specified mediastreamtrack.
...And 10 more matches
SourceBuffer.abort() - Web APIs
the abort() method of the sourcebuffer interface aborts the current segment and resets the segment parser.
... the abort() method of the sourcebuffer interface aborts the current segment and resets the segment parser.
... the abort() method of the sourcebuffer interface aborts the current segment and resets the segment parser.
...And 10 more matches
SourceBuffer.appendBufferAsync() - Web APIs
the appendbufferasync() method of the sourcebuffer interface begins the process of asynchronously appending media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
... the appendbufferasync() method of the sourcebuffer interface begins the process of asynchronously appending media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
... the appendbufferasync() method of the sourcebuffer interface begins the process of asynchronously appending media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
...And 10 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
this article demonstrates how to use a constantsourcenode to link multiple parameters together so they share the same value, which can be changed by simply setting the value of the constantsourcenode.offset parameter.
...rite; and second, that loop uses valuable cpu time on your thread (likely the main thread), and there's a way to offload all that work to the audio rendering thread, which is optimized for this kind of work and may run at a more appropriate priority level than your code.
...g thread, which is optimized for this kind of work and may run at a more appropriate priority level than your code.
...And 10 more matches
XRInputSource.handedness - Web APIs
the read-only xrinputsource property handedness indicates which of the user's hands the webxr input source is associated with, or if it's not associated with a hand at all.
... the read-only xrinputsource property handedness indicates which of the user's hands the webxr input source is associated with, or if it's not associated with a hand at all.
...s, which hand.
...And 10 more matches
mask-border-source - CSS: Cascading Style Sheets
the mask-border-source css property sets the source image used to create an element's mask border.
... the mask-border-source css property sets the source image used to create an element's mask border.
... the mask-border-source css property sets the source image used to create an element's mask border.
...And 10 more matches
Cross-Origin Resource Policy (CORP) - HTTP
cross-origin resource policy is a policy set by the cross-origin-resource-policy http header that lets web sites and applications opt in to protection against certain requests from other origins (such as those issued with elements like <script> and <img>), to mitigate speculative side-channel attacks, like spectre, as well as cross-site script inclusion attacks.
...in-resource-policy http header that lets web sites and applications opt in to protection against certain requests from other origins (such as those issued with elements like <script> and <img>), to mitigate speculative side-channel attacks, like spectre, as well as cross-site script inclusion attacks.
... in safari and chromium.
...And 10 more matches
Warning: -file- is being assigned a //# sourceMappingURL, but already has one - JavaScript
the javascript warning "-file- is being assigned a //# sourcemappingurl, but already has one." occurs when a source map has been specified more than once for a given javascript source.
... the javascript warning "-file- is being assigned a //# sourcemappingurl, but already has one." occurs when a source map has been specified more than once for a given javascript source.
... the javascript warning "-file- is being assigned a //# sourcemappingurl, but already has one." occurs when a source map has been specified more than once for a given javascript source.
...And 10 more matches
datasources - Archive of obsolete content
« xul reference home datasources type: space separated list of datasource uris a space-separated list of datasources that an element's template will use for content generation.
... « xul reference home datasources type: space separated list of datasource uris a space-separated list of datasources that an element's template will use for content generation.
... « xul reference home datasources type: space separated list of datasource uris a space-separated list of datasources that an element's template will use for content generation.
...And 9 more matches
Getting SpiderMonkey source code
you can get the spidermonkey source code in gzipped form or directly from the mercurial repository.
... you can get the spidermonkey source code in gzipped form or directly from the mercurial repository.
... you can get the spidermonkey source code in gzipped form or directly from the mercurial repository.
...And 9 more matches
nsIDOMHTMLSourceElement
the nsidomhtmlsourceelement interface is the dom interface to the source child of the audio and video media elements in html.
... the nsidomhtmlsourceelement interface is the dom interface to the source child of the audio and video media elements in html.
... the nsidomhtmlsourceelement interface is the dom interface to the source child of the audio and video media elements in html.
...And 9 more matches
AudioBufferSourceNode.loopEnd - Web APIs
the loopend property of the audiobuffersourcenode interface specifies is a floating point number specifying, in seconds, at what offset into playing the audiobuffer playback should loop back to the time indicated by the loopstart property.
... the loopend property of the audiobuffersourcenode interface specifies is a floating point number specifying, in seconds, at what offset into playing the audiobuffer playback should loop back to the time indicated by the loopstart property.
... the loopend property of the audiobuffersourcenode interface specifies is a floating point number specifying, in seconds, at what offset into playing the audiobuffer playback should loop back to the time indicated by the loopstart property.
...And 9 more matches
ConstantSourceNode() - Web APIs
the constantsourcenode() constructor creates a new constantsourcenode object instance, representing an audio source which constantly outputs samples whose values are always the same.
... the constantsourcenode() constructor creates a new constantsourcenode object instance, representing an audio source which constantly outputs samples whose values are always the same.
... the constantsourcenode() constructor creates a new constantsourcenode object instance, representing an audio source which constantly outputs samples whose values are always the same.
...And 9 more matches
MediaStreamAudioSourceNode() - Web APIs
the web audio api's mediastreamaudiosourcenode() constructor creates and returns a new mediastreamaudiosourcenode object which uses the first audio track of a given mediastream as its source.
... the web audio api's mediastreamaudiosourcenode() constructor creates and returns a new mediastreamaudiosourcenode object which uses the first audio track of a given mediastream as its source.
... the web audio api's mediastreamaudiosourcenode() constructor creates and returns a new mediastreamaudiosourcenode object which uses the first audio track of a given mediastream as its source.
...And 9 more matches
MediaStreamAudioSourceNode.mediaStream - Web APIs
the mediastreamaudiosourcenode interface's read-only mediastream property indicates the mediastream that contains the audio track from which the node is receiving audio.
... the mediastreamaudiosourcenode interface's read-only mediastream property indicates the mediastream that contains the audio track from which the node is receiving audio.
... the mediastreamaudiosourcenode interface's read-only mediastream property indicates the mediastream that contains the audio track from which the node is receiving audio.
...And 9 more matches
WebGLRenderingContext.shaderSource() - Web APIs
the webglrenderingcontext.shadersource() method of the webgl api sets the source code of a webglshader.
... the webglrenderingcontext.shadersource() method of the webgl api sets the source code of a webglshader.
... the webglrenderingcontext.shadersource() method of the webgl api sets the source code of a webglshader.
...And 9 more matches
XRInputSource.targetRaySpace - Web APIs
the read-only xrinputsource property targetrayspace returns an xrspace (typically an xrreferencespace) representing the position and orientation of the target ray in the virtual space.
... the read-only xrinputsource property targetrayspace returns an xrspace (typically an xrreferencespace) representing the position and orientation of the target ray in the virtual space.
...lly an xrreferencespace) representing the position and orientation of the target ray in the virtual space.
...And 9 more matches
XRInputSourceArray.entries() - Web APIs
the xrinputsourcearray interface's entries() method returns a javascript iterator which can then be used to iterate over the key/value pairs in the input source array.
... the xrinputsourcearray interface's entries() method returns a javascript iterator which can then be used to iterate over the key/value pairs in the input source array.
... the xrinputsourcearray interface's entries() method returns a javascript iterator which can then be used to iterate over the key/value pairs in the input source array.
...And 9 more matches
XRInputSourceArray.forEach() - Web APIs
the xrinputsourcearray method foreach() executes the specified callback once for each input source in the array, starting at index 0 and progressing until the end of the list.
... the xrinputsourcearray method foreach() executes the specified callback once for each input source in the array, starting at index 0 and progressing until the end of the list.
... the xrinputsourcearray method foreach() executes the specified callback once for each input source in the array, starting at index 0 and progressing until the end of the list.
...And 9 more matches
Array.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the array.
... the tosource() method returns a string representing the source code of the array.
... the tosource() method returns a string representing the source code of the array.
...And 9 more matches
Links and Resources
here are some useful links for those interested in web accessibility as well as open source accessibility.
... here are some useful links for those interested in web accessibility as well as open source accessibility.
...et of official guidelines from the w3c web accessibility initiative (wai).
...And 8 more matches
JS::SourceBufferHolder
this article covers features introduced in spidermonkey 31 container class for passing in script source buffers to the js engine.
... this article covers features introduced in spidermonkey 31 container class for passing in script source buffers to the js engine.
... this article covers features introduced in spidermonkey 31 container class for passing in script source buffers to the js engine.
...And 8 more matches
Ignore a source - Firefox Developer Tools
braries like jquery, ember, or angular, and 99% of the time we can safely assume that they “just work”.
... of the time we can safely assume that they “just work”.
... “just work”.
...And 8 more matches
AudioBufferSourceNode.loopStart - Web APIs
the loopstart property of the audiobuffersourcenode interface is a floating-point value indicating, in seconds, where in the audiobuffer the restart of the play must happen.
... the loopstart property of the audiobuffersourcenode interface is a floating-point value indicating, in seconds, where in the audiobuffer the restart of the play must happen.
... the loopstart property of the audiobuffersourcenode interface is a floating-point value indicating, in seconds, where in the audiobuffer the restart of the play must happen.
...And 8 more matches
MediaSource.endOfStream() - Web APIs
the endofstream() method of the mediasource interface signals the end of the stream.
... the endofstream() method of the mediasource interface signals the end of the stream.
...kind of polling.) decode: terminates playback and signals that a decoding error has occured.
...And 8 more matches
MediaStreamTrackAudioSourceNode() - Web APIs
the web audio api's mediastreamtrackaudiosourcenode() constructor creates and returns a new mediastreamtrackaudiosourcenode object whose audio is taken from the mediastreamtrack specified in the given options object.
... the web audio api's mediastreamtrackaudiosourcenode() constructor creates and returns a new mediastreamtrackaudiosourcenode object whose audio is taken from the mediastreamtrack specified in the given options object.
... the web audio api's mediastreamtrackaudiosourcenode() constructor creates and returns a new mediastreamtrackaudiosourcenode object whose audio is taken from the mediastreamtrack specified in the given options object.
...And 8 more matches
Performance.onresourcetimingbufferfull - Web APIs
the onresourcetimingbufferfull property is an event handler that will be called when the resourcetimingbufferfull event is fired.
... the onresourcetimingbufferfull property is an event handler that will be called when the resourcetimingbufferfull event is fired.
... the onresourcetimingbufferfull property is an event handler that will be called when the resourcetimingbufferfull event is fired.
...And 8 more matches
SourceBuffer.remove() - Web APIs
the remove() method of the sourcebuffer interface removes media segments within a specific time range from the sourcebuffer.
... the remove() method of the sourcebuffer interface removes media segments within a specific time range from the sourcebuffer.
... the remove() method of the sourcebuffer interface removes media segments within a specific time range from the sourcebuffer.
...And 8 more matches
SourceBuffer.timestampOffset - Web APIs
the timestampoffset property of the sourcebuffer interface controls the offset applied to timestamps inside media segments that are appended to the sourcebuffer.
... the timestampoffset property of the sourcebuffer interface controls the offset applied to timestamps inside media segments that are appended to the sourcebuffer.
... the timestampoffset property of the sourcebuffer interface controls the offset applied to timestamps inside media segments that are appended to the sourcebuffer.
...And 8 more matches
XRInputSourcesChangeEventInit.added - Web APIs
the xrinputsourceschangeeventinit property added specifies a list of input sources, each identified using an xrinputsource object, which the represented inputsourceschange event is to indicate are newly available for use.
... the xrinputsourceschangeeventinit property added specifies a list of input sources, each identified using an xrinputsource object, which the represented inputsourceschange event is to indicate are newly available for use.
... the xrinputsourceschangeeventinit property added specifies a list of input sources, each identified using an xrinputsource object, which the represented inputsourceschange event is to indicate are newly available for use.
...And 8 more matches
XRInputSourcesChangeEventInit.removed - Web APIs
the xrinputsourceschangeeventinit property removed is an array of zero or more xrinputsource objects, each representing one input source which has been removed from the xrsession.
... the xrinputsourceschangeeventinit property removed is an array of zero or more xrinputsource objects, each representing one input source which has been removed from the xrsession.
... the xrinputsourceschangeeventinit property removed is an array of zero or more xrinputsource objects, each representing one input source which has been removed from the xrsession.
...And 8 more matches
XRInputSourcesChangeEventInit.session - Web APIs
the xrinputsourceschangeeventinit property session specifies the xrsession to which the input source list change event applies.
... the xrinputsourceschangeeventinit property session specifies the xrsession to which the input source list change event applies.
... the xrinputsourceschangeeventinit property session specifies the xrsession to which the input source list change event applies.
...And 8 more matches
IDBRequest.source - Web APIs
Web › API › IDBRequest › source
the source read-only property of the idbrequest interface returns the source of the request, such as an index or an object store.
... the source read-only property of the idbrequest interface returns the source of the request, such as an index or an object store.
... the source read-only property of the idbrequest interface returns the source of the request, such as an index or an object store.
...And 7 more matches
MediaElementAudioSourceNode() - Web APIs
the mediaelementaudiosourcenode() constructor creates a new mediaelementaudiosourcenode object instance.
... the mediaelementaudiosourcenode() constructor creates a new mediaelementaudiosourcenode object instance.
... the mediaelementaudiosourcenode() constructor creates a new mediaelementaudiosourcenode object instance.
...And 7 more matches
MediaElementAudioSourceNode.mediaElement - Web APIs
the mediaelementaudiosourcenode interface's read-only mediaelement property indicates the htmlmediaelement that contains the audio track from which the node is receiving audio.
... the mediaelementaudiosourcenode interface's read-only mediaelement property indicates the htmlmediaelement that contains the audio track from which the node is receiving audio.
... the mediaelementaudiosourcenode interface's read-only mediaelement property indicates the htmlmediaelement that contains the audio track from which the node is receiving audio.
...And 7 more matches
MediaStreamTrackAudioSourceOptions.mediaStreamTrack - Web APIs
the mediastreamtrackaudiosourceoptions dictionary's mediastreamtrack property must contain a reference to the mediastreamtrack from which the mediastreamtrackaudiosourcenode being created using the mediastreamtrackaudiosourcenode() constructor.
... the mediastreamtrackaudiosourceoptions dictionary's mediastreamtrack property must contain a reference to the mediastreamtrack from which the mediastreamtrackaudiosourcenode being created using the mediastreamtrackaudiosourcenode() constructor.
... the mediastreamtrackaudiosourceoptions dictionary's mediastreamtrack property must contain a reference to the mediastreamtrack from which the mediastreamtrackaudiosourcenode being created using the mediastreamtrackaudiosourcenode() constructor.
...And 7 more matches
MouseEvent.mozInputSource - Web APIs
non-standard this feature is non-standard and is not on a standards track.
...n the future.
...ozinputsource read-only property on mouseevent provides information indicating the type of device that generated the event.
...And 7 more matches
performance.setResourceTimingBufferSize() - Web APIs
the setresourcetimingbuffersize() method sets the browser's resource timing buffer size to the specified number of "resource" performance entry type objects.
... the setresourcetimingbuffersize() method sets the browser's resource timing buffer size to the specified number of "resource" performance entry type objects.
... the setresourcetimingbuffersize() method sets the browser's resource timing buffer size to the specified number of "resource" performance entry type objects.
...And 7 more matches
RTCRtpContributingSource.audioLevel - Web APIs
the read-only audiolevel property of the rtcrtpcontributingsource interface indicates the audio level contained in the last rtp packet played from the described source.
... the read-only audiolevel property of the rtcrtpcontributingsource interface indicates the audio level contained in the last rtp packet played from the described source.
...evel contained in the last rtp packet played from the described source.
...And 7 more matches
RTCRtpReceiver.getSynchronizationSources() - Web APIs
the getsynchronizationsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one ssrc (synchronization source) identifier received by the current rtcrtpreceiver in the last ten seconds.
... the getsynchronizationsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one ssrc (synchronization source) identifier received by the current rtcrtpreceiver in the last ten seconds.
... the getsynchronizationsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one ssrc (synchronization source) identifier received by the current rtcrtpreceiver in the last ten seconds.
...And 7 more matches
WebGLRenderingContext.getShaderSource() - Web APIs
the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a domstring.
... the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a domstring.
... the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a domstring.
...And 7 more matches
XRInputSource.targetRayMode - Web APIs
the read-only xrinputsource property targetraymode indicates the method by which the target ray for the input source should be generated and how it should be presented to the user.
... the read-only xrinputsource property targetraymode indicates the method by which the target ray for the input source should be generated and how it should be presented to the user.
...d device or hand-tracking system which the user points in the direction of the target.
...And 7 more matches
XRInputSource - Web APIs
the webxr device api's xrinputsource interface describes a single source of control input which is part of the user's webxr-compatible virtual or augmented reality system.
...input which is part of the user's webxr-compatible virtual or augmented reality system.
...rovides the direction in which it is being aimed and optionally may generate events if the user triggers performs actions using the device.
...And 7 more matches
XRInputSourceArray.length - Web APIs
the read-only length property returns an integer value indicating the number of items in the input source list represented by the xrinputsourcearray object.
... the read-only length property returns an integer value indicating the number of items in the input source list represented by the xrinputsourcearray object.
... the read-only length property returns an integer value indicating the number of items in the input source list represented by the xrinputsourcearray object.
...And 7 more matches
XRInputSourceArray.values() - Web APIs
the xrinputsourcearray method values() returns a javascript iterator that can walk over the list of xrinputsource objects contained in the array, from first to last.
... the xrinputsourcearray method values() returns a javascript iterator that can walk over the list of xrinputsource objects contained in the array, from first to last.
... the xrinputsourcearray method values() returns a javascript iterator that can walk over the list of xrinputsource objects contained in the array, from first to last.
...And 7 more matches
XRInputSourceEventInit.frame - Web APIs
the xrinputsourceeventinit dictionary's property frame specifies an xrframe providing information about the timestamp at which the new input source event took place, as well as access to the xrframe method getpose() which can be used to map the coordinates of any xrreferencespace to the space in which the event took place.
... the xrinputsourceeventinit dictionary's property frame specifies an xrframe providing information about the timestamp at which the new input source event took place, as well as access to the xrframe method getpose() which can be used to map the coordinates of any xrreferencespace to the space in which the event took place.
...tamp at which the new input source event took place, as well as access to the xrframe method getpose() which can be used to map the coordinates of any xrreferencespace to the space in which the event took place.
...And 7 more matches
border-image-source - CSS: Cascading Style Sheets
the border-image-source css property sets the source image used to create an element's border image.
... the border-image-source css property sets the source image used to create an element's border image.
... the border-image-source css property sets the source image used to create an element's border image.
...And 7 more matches
RegExp.prototype.source - JavaScript
the source property returns a string containing the source text of the regexp object, and it doesn't contain the two forward slashes on both sides and any flags.
... the source property returns a string containing the source text of the regexp object, and it doesn't contain the two forward slashes on both sides and any flags.
...ng the source text of the regexp object, and it doesn't contain the two forward slashes on both sides and any flags.
...And 7 more matches
Ember resources and troubleshooting - Learn web development
previous overview: client-side javascript frameworks next our final ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and other information.
...nformation.
...recommended that you are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
...And 6 more matches
AudioBufferSourceNode.playbackRate - Web APIs
the playbackrate property of the audiobuffersourcenode interface is a k-rate audioparam that defines the speed at which the audio asset will be played.
...audiobuffersourcenode interface is a k-rate audioparam that defines the speed at which the audio asset will be played.
...h the audio asset will be played.
...And 6 more matches
performance.clearResourceTimings() - Web APIs
the clearresourcetimings() method removes all performance entries with an entrytype of "resource" from the browser's performance data buffer and sets the size of the performance data buffer to zero.
... the clearresourcetimings() method removes all performance entries with an entrytype of "resource" from the browser's performance data buffer and sets the size of the performance data buffer to zero.
... the clearresourcetimings() method removes all performance entries with an entrytype of "resource" from the browser's performance data buffer and sets the size of the performance data buffer to zero.
...And 6 more matches
SVGExternalResourcesRequired - Web APIs
the svgexternalresourcesrequired interface defines an interface which applies to all elements where this element or one of its descendants can reference an external resource.
...ts descendants can reference an external resource.
... 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svgexternalresourcesrequired" target="_top"><rect x="1" y="1" width="280" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="141" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgexternalresourcesrequired</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
...And 6 more matches
SourceBuffer.appendWindowEnd - Web APIs
the appendwindowend property of the sourcebuffer interface controls the timestamp for the end of the append window, a timestamp range that can be used to filter what media data is appended to the sourcebuffer.
...y of the sourcebuffer interface controls the timestamp for the end of the append window, a timestamp range that can be used to filter what media data is appended to the sourcebuffer.
... controls the timestamp for the end of the append window, a timestamp range that can be used to filter what media data is appended to the sourcebuffer.
...And 6 more matches
SourceBuffer.appendWindowStart - Web APIs
the appendwindowstart property of the sourcebuffer interface controls the timestamp for the start of the append window, a timestamp range that can be used to filter what media data is appended to the sourcebuffer.
...t of the append window, a timestamp range that can be used to filter what media data is appended to the sourcebuffer.
...mp range that can be used to filter what media data is appended to the sourcebuffer.
...And 6 more matches
SourceBuffer.trackDefaults - Web APIs
the trackdefaults property of the sourcebuffer interface specifies the default values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the sourcebuffer.
... the trackdefaults property of the sourcebuffer interface specifies the default values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the sourcebuffer.
... the trackdefaults property of the sourcebuffer interface specifies the default values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the sourcebuffer.
...And 6 more matches
XRInputSource.gripSpace - Web APIs
the read-only xrinputsource property gripspace returns an xrspace whose native origin tracks the pose used to render virtual objects so they appear to be held in (or part of) the user's hand.
... the read-only xrinputsource property gripspace returns an xrspace whose native origin tracks the pose used to render virtual objects so they appear to be held in (or part of) the user's hand.
... if a user were holding a virtual straight rod, the native origin of this xrspace would be located at the approximate center of mass of the user's fist.
...And 6 more matches
Function.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 6 more matches
JS_GetRegExpSource
this article covers features introduced in spidermonkey 17 get the source string of the given regexp object.
... this article covers features introduced in spidermonkey 17 get the source string of the given regexp object.
... this article covers features introduced in spidermonkey 17 get the source string of the given regexp object.
...And 5 more matches
Debug eval sources - Firefox Developer Tools
you can debug javascript code that is evaluated dynamically, either as a string passed to eval() or as a string passed to the function constructor.
... you can debug javascript code that is evaluated dynamically, either as a string passed to eval() or as a string passed to the function constructor.
...d to the function constructor.
...And 5 more matches
AudioBufferSourceNode.buffer - Web APIs
the buffer property of the audiobuffersourcenode interface provides the ability to play back audio using an audiobuffer as the source of the sound data.
... the buffer property of the audiobuffersourcenode interface provides the ability to play back audio using an audiobuffer as the source of the sound data.
...er as the source of the sound data.
...And 5 more matches
AudioBufferSourceNode.loop - Web APIs
the loop property of the audiobuffersourcenode interface is a boolean indicating if the audio asset must be replayed when the end of the audiobuffer is reached.
... the loop property of the audiobuffersourcenode interface is a boolean indicating if the audio asset must be replayed when the end of the audiobuffer is reached.
... the loop property of the audiobuffersourcenode interface is a boolean indicating if the audio asset must be replayed when the end of the audiobuffer is reached.
...And 5 more matches
EventSource() - Web APIs
the eventsource() constructor returns a newly-created eventsource, which represents a remote resource.
... the eventsource() constructor returns a newly-created eventsource, which represents a remote resource.
... the eventsource() constructor returns a newly-created eventsource, which represents a remote resource.
...And 5 more matches
MediaSource.isTypeSupported() - Web APIs
the mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
... the mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
... the mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
...And 5 more matches
Performance: resourcetimingbufferfull event - Web APIs
the resourcetimingbufferfull event is fired when the browser's resource timing buffer is full.
... the resourcetimingbufferfull event is fired when the browser's resource timing buffer is full.
... the resourcetimingbufferfull event is fired when the browser's resource timing buffer is full.
...And 5 more matches
PerformanceResourceTiming.fetchStart - Web APIs
the fetchstart read-only property represents a timestamp immediately before the browser starts to fetch the resource.
... the fetchstart read-only property represents a timestamp immediately before the browser starts to fetch the resource.
... the fetchstart read-only property represents a timestamp immediately before the browser starts to fetch the resource.
...And 5 more matches
RTCRtpSynchronizationSource - Web APIs
the rtcrtpsynchronizationsource dictionary of the the webrtc api is used by getsynchronizationsources() to describe a particular synchronization source (ssrc).
... the rtcrtpsynchronizationsource dictionary of the the webrtc api is used by getsynchronizationsources() to describe a particular synchronization source (ssrc).
... the rtcrtpsynchronizationsource dictionary of the the webrtc api is used by getsynchronizationsources() to describe a particular synchronization source (ssrc).
...And 5 more matches
SourceBufferList: indexed property getter - Web APIs
the indexed property getter of the sourcebufferlist interface allows the sourcebuffer objects in the list to be accessed with an array operator (i.e.
... the indexed property getter of the sourcebufferlist interface allows the sourcebuffer objects in the list to be accessed with an array operator (i.e.
... the indexed property getter of the sourcebufferlist interface allows the sourcebuffer objects in the list to be accessed with an array operator (i.e.
...And 5 more matches
WEBGL_debug_shaders.getTranslatedShaderSource() - Web APIs
the webgl_debug_shaders.gettranslatedshadersource() method is part of the webgl api and allows you to debug a translated shader.
... the webgl_debug_shaders.gettranslatedshadersource() method is part of the webgl api and allows you to debug a translated shader.
... the webgl_debug_shaders.gettranslatedshadersource() method is part of the webgl api and allows you to debug a translated shader.
...And 5 more matches
XRInputSourceArray.keys() - Web APIs
the keys() method in the xrinputsourcearray interface returns a javascript iterator which can then be used to iterate over the keys used to reference each item in the array of input sources.
... the keys() method in the xrinputsourcearray interface returns a javascript iterator which can then be used to iterate over the keys used to reference each item in the array of input sources.
... the keys() method in the xrinputsourcearray interface returns a javascript iterator which can then be used to iterate over the keys used to reference each item in the array of input sources.
...And 5 more matches
XRSession.inputSources - Web APIs
the read-only inputsources property of the xrsession interface returns an xrinputsourcearray object which lists all controllers and input devices which are expressly associated with the xr device and are currently available.
... inputsources property of the xrsession interface returns an xrinputsourcearray object which lists all controllers and input devices which are expressly associated with the xr device and are currently available.
...l controllers and input devices which are expressly associated with the xr device and are currently available.
...And 5 more matches
XRSession.oninputsourceschange - Web APIs
the oninputsourcechange attribute of the xrsession object is the event handler for the inputsourcechange event, which is dispatched when session's list of active xr input sources has changed.
... the oninputsourcechange attribute of the xrsession object is the event handler for the inputsourcechange event, which is dispatched when session's list of active xr input sources has changed.
... the oninputsourcechange attribute of the xrsession object is the event handler for the inputsourcechange event, which is dispatched when session's list of active xr input sources has changed.
...And 5 more matches
Cross-Origin-Resource-Policy - HTTP
note: due to a bug in chrome, setting cross-origin-resource-policy can break pdf rendering, preventing visitors from being able to read past the first page of some pdfs.
... note: due to a bug in chrome, setting cross-origin-resource-policy can break pdf rendering, preventing visitors from being able to read past the first page of some pdfs.
... note: due to a bug in chrome, setting cross-origin-resource-policy can break pdf rendering, preventing visitors from being able to read past the first page of some pdfs.
...And 5 more matches
Error.prototype.toSource() - JavaScript
the tosource() method returns code that could eval to the same error.
... the tosource() method returns code that could eval to the same error.
... the tosource() method returns code that could eval to the same error.
...And 5 more matches
Number.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 5 more matches
String.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 5 more matches
Symbol.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 5 more matches
RDF: Resource Description Framework for metadata - Archive of obsolete content
Archive › Web › RDF
resource description framework (rdf) is a family of specifications for a metadata model that is often implemented as an application of xml.
... resource description framework (rdf) is a family of specifications for a metadata model that is often implemented as an application of xml.
...ramework (rdf) is a family of specifications for a metadata model that is often implemented as an application of xml.
...And 4 more matches
AudioScheduledSourceNode - Web APIs
the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and stopped, optionally at specified times.
... the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and stopped, optionally at specified times.
...udio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and stopped, optionally at specified times.
...And 4 more matches
DataTransfer.mozSourceNode - Web APIs
the datatransfer.mozsourcenode property is used to determine the node over which the mouse cursor was located when the the drag operation was initiated (for example, when a <button> was clicked).
... the datatransfer.mozsourcenode property is used to determine the node over which the mouse cursor was located when the the drag operation was initiated (for example, when a <button> was clicked).
... <button> was clicked).
...And 4 more matches
EventSource: message event - Web APIs
the message event of the eventsource api is fired when data is received through an event source.
... the message event of the eventsource api is fired when data is received through an event source.
... the message event of the eventsource api is fired when data is received through an event source.
...And 4 more matches
IDBCursor.source - Web APIs
Web › API › IDBCursor › source
the source read-only property of the idbcursor interface returns the idbobjectstore or idbindex that the cursor is iterating over.
... the source read-only property of the idbcursor interface returns the idbobjectstore or idbindex that the cursor is iterating over.
... the source read-only property of the idbcursor interface returns the idbobjectstore or idbindex that the cursor is iterating over.
...And 4 more matches
MediaSource.setLiveSeekableRange() - Web APIs
the setliveseekablerange() method of the mediasource interface sets the range that the user can seek to in the media element.
... the setliveseekablerange() method of the mediasource interface sets the range that the user can seek to in the media element.
... the setliveseekablerange() method of the mediasource interface sets the range that the user can seek to in the media element.
...And 4 more matches
MediaStreamAudioSourceOptions.mediaStream - Web APIs
the mediastreamaudiosourceoptions dictionary's mediastream property must specify the mediastream from which to retrieve audio data when instantiating a mediastreamaudiosourcenode using the mediastreamaudiosourcenode() constructor.
... the mediastreamaudiosourceoptions dictionary's mediastream property must specify the mediastream from which to retrieve audio data when instantiating a mediastreamaudiosourcenode using the mediastreamaudiosourcenode() constructor.
... the mediastreamaudiosourceoptions dictionary's mediastream property must specify the mediastream from which to retrieve audio data when instantiating a mediastreamaudiosourcenode using the mediastreamaudiosourcenode() constructor.
...And 4 more matches
Transcoding assets for Media Source Extensions - Web APIs
when working with media source extensions, it is likely that you need to condition your assets before you can stream them.
...ad a version for your system at the download ffmpeg page.
...4-dash-encode.py command line.
...And 4 more matches
msPlayToPreferredSourceUri - Web APIs
non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
... future.
...And 4 more matches
PerformanceResourceTiming.connectStart - Web APIs
the connectstart read-only property returns the timestamp immediately before the user agent starts establishing the connection to the server to retrieve the resource.
... the connectstart read-only property returns the timestamp immediately before the user agent starts establishing the connection to the server to retrieve the resource.
... the connectstart read-only property returns the timestamp immediately before the user agent starts establishing the connection to the server to retrieve the resource.
...And 4 more matches
PerformanceResourceTiming.domainLookupEnd - Web APIs
the domainlookupend read-only property returns the timestamp immediately after the browser finishes the domain name lookup for the resource.
... the domainlookupend read-only property returns the timestamp immediately after the browser finishes the domain name lookup for the resource.
...user agent has the domain information in cache, domainlookupstart and domainlookupend represent the times when the user agent starts and ends the domain data retrieval from the cache.
...And 4 more matches
PerformanceResourceTiming.domainLookupStart - Web APIs
the domainlookupstart read-only property returns the timestamp immediately before the browser starts the domain name lookup for the resource.
... the domainlookupstart read-only property returns the timestamp immediately before the browser starts the domain name lookup for the resource.
... the domainlookupstart read-only property returns the timestamp immediately before the browser starts the domain name lookup for the resource.
...And 4 more matches
PerformanceResourceTiming.initiatorType - Web APIs
the initiatortype read-only property is a string that represents the type of resource that initiated the performance event.
... the initiatortype read-only property is a string that represents the type of resource that initiated the performance event.
...llows: if the initiator is a element, the property returns the element's localname.
...And 4 more matches
PerformanceResourceTiming.redirectEnd - Web APIs
the redirectend read-only property returns a timestamp immediately after receiving the last byte of the response of the last redirect.
... the redirectend read-only property returns a timestamp immediately after receiving the last byte of the response of the last redirect.
...e, if there are multiple http redirects, and any of the redirects have an origin that is different from the current document, and the timing allow check algorithm passes for each redirected resource, this property returns the time immediately after receiving the last byte of the response of the last redirect; otherwise, zero is returned.
...And 4 more matches
PerformanceResourceTiming.redirectStart - Web APIs
the redirectstart read-only property returns a timestamp representing the start time of the fetch which that initiates the redirect.
... the redirectstart read-only property returns a timestamp representing the start time of the fetch which that initiates the redirect.
...es the redirect.
...And 4 more matches
PerformanceResourceTiming.requestStart - Web APIs
the requeststart read-only property returns a timestamp of the time immediately before the browser starts requesting the resource from the server, cache, or local resource.
...ueststart read-only property returns a timestamp of the time immediately before the browser starts requesting the resource from the server, cache, or local resource.
...er, cache, or local resource.
...And 4 more matches
PerformanceResourceTiming.responseEnd - Web APIs
the responseend read-only property returns a timestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
... the responseend read-only property returns a timestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
... the responseend read-only property returns a timestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
...And 4 more matches
PerformanceResourceTiming.transferSize - Web APIs
the transfersize read-only property represents the size (in octets) of the fetched resource.
... the transfersize read-only property represents the size (in octets) of the fetched resource.
... the transfersize read-only property represents the size (in octets) of the fetched resource.
...And 4 more matches
PerformanceResourceTiming.workerStart - Web APIs
the workerstart read-only property of the performanceresourcetiming interface returns a domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
... the workerstart read-only property of the performanceresourcetiming interface returns a domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
...the performanceresourcetiming interface returns a domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
...And 4 more matches
RTCRtpContributingSource - Web APIs
the rtcrtpcontributingsource dictionary of the the webrtc api is used by getcontributingsources() to provide information about a given contributing source (csrc), including the most recent time a packet that the source contributed was played out.
...s() to provide information about a given contributing source (csrc), including the most recent time a packet that the source contributed was played out.
...ontributed was played out.
...And 4 more matches
SourceBuffer.appendBuffer() - Web APIs
the appendbuffer() method of the sourcebuffer interface appends media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
... the appendbuffer() method of the sourcebuffer interface appends media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
... the appendbuffer() method of the sourcebuffer interface appends media segment data from an arraybuffer or arraybufferview object to the sourcebuffer.
...And 4 more matches
SourceBuffer.removeAsync() - Web APIs
the removeasync() method of the sourcebuffer interface starts the process of asynchronously removing from the sourcebuffer media segments found within a specific time range.
...oveasync() method of the sourcebuffer interface starts the process of asynchronously removing from the sourcebuffer media segments found within a specific time range.
...e.
...And 4 more matches
RegExp.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 4 more matches
Working with Mozilla source code
the articles below will help you get your hands on the mozilla source code, learn to navigate the code, and how to get the changes you propose checked into the tree.
...nds on the mozilla source code, learn to navigate the code, and how to get the changes you propose checked into the tree.
...nto the tree.
...And 3 more matches
JS_ValueToSource
convert a js::value to a javascript source.
... convert a js::value to a javascript source.
...ipt source.
...And 3 more matches
AudioBufferSourceNode.detune - Web APIs
the detune property of the audiobuffersourcenode interface is a k-rate audioparam representing detuning of oscillation in cents.
... the detune property of the audiobuffersourcenode interface is a k-rate audioparam representing detuning of oscillation in cents.
... the detune property of the audiobuffersourcenode interface is a k-rate audioparam representing detuning of oscillation in cents.
...And 3 more matches
AudioBufferSourceNode.start() - Web APIs
the start() method of the audiobuffersourcenode interface is used to schedule playback of the audio data contained in the buffer, or to begin playback immediately.
... the start() method of the audiobuffersourcenode interface is used to schedule playback of the audio data contained in the buffer, or to begin playback immediately.
...entical to calling start(when, offset) and then calling stop(when+duration).
...And 3 more matches
AudioScheduledSourceNode.onended - Web APIs
the onended event handler for the audioscheduledsourcenode interface specifies an eventhandler to be executed when the ended event occurs on the node.
... the onended event handler for the audioscheduledsourcenode interface specifies an eventhandler to be executed when the ended event occurs on the node.
... the onended event handler for the audioscheduledsourcenode interface specifies an eventhandler to be executed when the ended event occurs on the node.
...And 3 more matches
AudioTrack.sourceBuffer - Web APIs
the read-only audiotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
... the read-only audiotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
... the read-only audiotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
...And 3 more matches
BaseAudioContext.createConstantSource() - Web APIs
the createconstantsource() property of the baseaudiocontext interface creates a constantsourcenode object, which is an audio source that continuously outputs a monaural (one-channel) sound signal whose samples all have the same value.
... the createconstantsource() property of the baseaudiocontext interface creates a constantsourcenode object, which is an audio source that continuously outputs a monaural (one-channel) sound signal whose samples all have the same value.
... the createconstantsource() property of the baseaudiocontext interface creates a constantsourcenode object, which is an audio source that continuously outputs a monaural (one-channel) sound signal whose samples all have the same value.
...And 3 more matches
EventSource: error event - Web APIs
the error event of the eventsource api is fired when a connection with an event source fails to be opened.
... the error event of the eventsource api is fired when a connection with an event source fails to be opened.
... the error event of the eventsource api is fired when a connection with an event source fails to be opened.
...And 3 more matches
EventSource: open event - Web APIs
the open event of the eventsource api is fired when a connection with an event source is opened.
... the open event of the eventsource api is fired when a connection with an event source is opened.
... the open event of the eventsource api is fired when a connection with an event source is opened.
...And 3 more matches
EventSource.url - Web APIs
Web › API › EventSource › url
the url read-only property of the eventsource interface returns a domstring representing the url of the source.
... the url read-only property of the eventsource interface returns a domstring representing the url of the source.
... the url read-only property of the eventsource interface returns a domstring representing the url of the source.
...And 3 more matches
EventSource.withCredentials - Web APIs
the withcredentials read-only property of the eventsource interface returns a boolean indicating whether the eventsource object was instantiated with cors credentials set.
... the withcredentials read-only property of the eventsource interface returns a boolean indicating whether the eventsource object was instantiated with cors credentials set.
... the withcredentials read-only property of the eventsource interface returns a boolean indicating whether the eventsource object was instantiated with cors credentials set.
...And 3 more matches
MessageEvent.source - Web APIs
the source read-only property of the messageevent interface is a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) representing the message emitter.
... the source read-only property of the messageevent interface is a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) representing the message emitter.
... the source read-only property of the messageevent interface is a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) representing the message emitter.
...And 3 more matches
PerformanceResourceTiming.connectEnd - Web APIs
the connectend read-only property returns the timestamp immediately after the browser finishes establishing the connection to the server to retrieve the resource.
... the connectend read-only property returns the timestamp immediately after the browser finishes establishing the connection to the server to retrieve the resource.
...he time interval to establish the transport connection, as well as other time intervals such as ssl handshake and socks authentication.
...And 3 more matches
PerformanceResourceTiming.nextHopProtocol - Web APIs
the nexthopprotocol read-only property is a string representing the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
... is a string representing the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
...otocol id (rfc7301).
...And 3 more matches
PerformanceResourceTiming.responseStart - Web APIs
the responsestart read-only property returns a timestamp immediately after the browser receives the first byte of the response from the server, cache, or local resource.
... the responsestart read-only property returns a timestamp immediately after the browser receives the first byte of the response from the server, cache, or local resource.
...y after the browser receives the first byte of the response from the server, cache, or local resource.
...And 3 more matches
PerformanceResourceTiming.secureConnectionStart - Web APIs
the secureconnectionstart read-only property returns a timestamp immediately before the browser starts the handshake process to secure the current connection.
... the secureconnectionstart read-only property returns a timestamp immediately before the browser starts the handshake process to secure the current connection.
...ble in web workers.
...And 3 more matches
PerformanceResourceTiming.toJSON() - Web APIs
the tojson() method is a serializer that returns a json representation of the performanceresourcetiming object.
... the tojson() method is a serializer that returns a json representation of the performanceresourcetiming object.
... the tojson() method is a serializer that returns a json representation of the performanceresourcetiming object.
...And 3 more matches
RTCRtpReceiver.getContributingSources() - Web APIs
the getcontributingsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one csrc (contributing source) identifier received by the current rtcrtpreceiver in the last ten seconds.
... the getcontributingsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one csrc (contributing source) identifier received by the current rtcrtpreceiver in the last ten seconds.
... the getcontributingsources() method of the rtcrtpreceiver interface returns an array of rtcrtpcontributingsource instances, each corresponding to one csrc (contributing source) identifier received by the current rtcrtpreceiver in the last ten seconds.
...And 3 more matches
SourceBuffer.updating - Web APIs
the updating read-only property of the sourcebuffer interface indicates whether the sourcebuffer is currently being updated — i.e.
... the updating read-only property of the sourcebuffer interface indicates whether the sourcebuffer is currently being updated — i.e.
... the updating read-only property of the sourcebuffer interface indicates whether the sourcebuffer is currently being updated — i.e.
...And 3 more matches
sourceCapabilities - Web APIs
the uievent.sourcecapabilities read-only property returns an instance of the inputdevicecapabilities interface which provides information about the physical device responsible for generating a touch event.
... the uievent.sourcecapabilities read-only property returns an instance of the inputdevicecapabilities interface which provides information about the physical device responsible for generating a touch event.
...ull.
...And 3 more matches
VideoTrack.sourceBuffer - Web APIs
the read-only videotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
... the read-only videotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
... the read-only videotrack property sourcebuffer returns the sourcebuffer that created the track, or null if the track was not created by a sourcebuffer or the sourcebuffer has been removed from the mediasource.sourcebuffers attribute of its parent media source.
...And 3 more matches
XRInputSource.profiles - Web APIs
the read-only xrinputsource property profiles returns an array of strings, each describing a configuration profile for the input source.
... the read-only xrinputsource property profiles returns an array of strings, each describing a configuration profile for the input source.
...ation profile for the input source.
...And 3 more matches
XRInputSourcesChangeEvent.added - Web APIs
the read-only xrinputsourceschangeevent property added is a list of zero or more input sources, each identified using an xrinputsource object, which have been newly made available for use.
... the read-only xrinputsourceschangeevent property added is a list of zero or more input sources, each identified using an xrinputsource object, which have been newly made available for use.
... the read-only xrinputsourceschangeevent property added is a list of zero or more input sources, each identified using an xrinputsource object, which have been newly made available for use.
...And 3 more matches
XRInputSourcesChangeEvent.removed - Web APIs
the read-only xrinputsourceschangeevent property removed is an array of zero or more xrinputsource objects representing the input sources which have been removed from the xrsession.
... the read-only xrinputsourceschangeevent property removed is an array of zero or more xrinputsource objects representing the input sources which have been removed from the xrsession.
... the read-only xrinputsourceschangeevent property removed is an array of zero or more xrinputsource objects representing the input sources which have been removed from the xrsession.
...And 3 more matches
SourceMap - HTTP
the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
... the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
... the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
...And 3 more matches
Boolean.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 3 more matches
Date.prototype.toSource() - JavaScript
the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
... the tosource() method returns a string representing the source code of the object.
...And 3 more matches
loadResources - Archive of obsolete content
loadresources loads a properties file.
... loadresources loads a properties file.
... loadresources loads a properties file.
...And 2 more matches
Vue resources - Learn web development
previous overview: client-side javascript frameworks next now we'll round off our study of vue by giving you a list of resources that you can use to go further in your learning, plus some other useful tips.
... manage the app's data and an html-based template syntax that maps to the underlying dom structure.
... further resources here’s where you should go to learn more about vue: vue docs — the main vue site.
...And 2 more matches
DownloadSource
a downloadsource object represents the source of a download, for example a document or an uri.
... a downloadsource object represents the source of a download, for example a document or an uri.
...f a download, for example a document or an uri.
...And 2 more matches
NSS sources building testing
getting the source code of network security services (nss), how to build it, and how to run its test suite.
... getting the source code of network security services (nss), how to build it, and how to run its test suite.
... archives of nss releases from mozilla's download server.
...And 2 more matches
EventSource.close() - Web APIs
Web › API › EventSource › close
the close() method of the eventsource interface closes the connection, if one is made, and sets the eventsource.readystate attribute to 2 (closed).
... the close() method of the eventsource interface closes the connection, if one is made, and sets the eventsource.readystate attribute to 2 (closed).
... the close() method of the eventsource interface closes the connection, if one is made, and sets the eventsource.readystate attribute to 2 (closed).
...And 2 more matches
EventSource.readyState - Web APIs
the readystate read-only property of the eventsource interface returns a number representing the state of the connection.
... the readystate read-only property of the eventsource interface returns a number representing the state of the connection.
... the readystate read-only property of the eventsource interface returns a number representing the state of the connection.
...And 2 more matches
ExtendableMessageEvent.source - Web APIs
the source read-only property of the extendablemessageevent interface returns a reference to the client object from which the message was sent.
... the source read-only property of the extendablemessageevent interface returns a reference to the client object from which the message was sent.
... the source read-only property of the extendablemessageevent interface returns a reference to the client object from which the message was sent.
...And 2 more matches
PerformanceResourceTiming.decodedBodySize - Web APIs
the decodedbodysize read-only property returns the size (in octets) received from the fetch (http or cache) of the message body, after removing any applied content-codings.
... the decodedbodysize read-only property returns the size (in octets) received from the fetch (http or cache) of the message body, after removing any applied content-codings.
... the decodedbodysize read-only property returns the size (in octets) received from the fetch (http or cache) of the message body, after removing any applied content-codings.
...And 2 more matches
PerformanceResourceTiming.encodedBodySize - Web APIs
the encodedbodysize read-only property represents the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
... the encodedbodysize read-only property represents the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
...encodedbodysize read-only property represents the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
...And 2 more matches
SecurityPolicyViolationEvent.sourceFile - Web APIs
the sourcefile read-only property of the securitypolicyviolationevent interface is a usvstring representing the uri of the document or worker in which the violation was found.
... the sourcefile read-only property of the securitypolicyviolationevent interface is a usvstring representing the uri of the document or worker in which the violation was found.
... the sourcefile read-only property of the securitypolicyviolationevent interface is a usvstring representing the uri of the document or worker in which the violation was found.
...And 2 more matches
XRInputSourceEvent.frame - Web APIs
the read-only xrinputsourceevent property frame specifies an xrframe object representing the event frame during which a webxr user input occurred.
... the read-only xrinputsourceevent property frame specifies an xrframe object representing the event frame during which a webxr user input occurred.
...urred.
...And 2 more matches
XRInputSourceEventInit - Web APIs
the xrinputsourceeventinit dictionary is used when calling the xrinputsourceevent() constructor to provide configuration options for the newly-created xrinputsourceevent object to take on.
... the xrinputsourceeventinit dictionary is used when calling the xrinputsourceevent() constructor to provide configuration options for the newly-created xrinputsourceevent object to take on.
...s for the newly-created xrinputsourceevent object to take on.
...And 2 more matches
XRSession: inputsourceschange event - Web APIs
the inputsourceschange event is sent to an xrsession when the set of available webxr input devices changes.
... the inputsourceschange event is sent to an xrsession when the set of available webxr input devices changes.
... the inputsourceschange event is sent to an xrsession when the set of available webxr input devices changes.
...And 2 more matches
sortResource - Archive of obsolete content
« xul reference home sortresource type: uri for template-generated content, this specifies the sort key, if you would like the content to be sorted.
... « xul reference home sortresource type: uri for template-generated content, this specifies the sort key, if you would like the content to be sorted.
... « xul reference home sortresource type: uri for template-generated content, this specifies the sort key, if you would like the content to be sorted.
... « xul reference home sortresource type: uri for template-generated content, this specifies the sort key, if you would like the content to be sorted.
React resources - Learn web development
previous overview: client-side javascript frameworks next our final article provides you with a list of react resources that you can use to go further in your learning.
... previous overview: client-side javascript frameworks next our final article provides you with a list of react resources that you can use to go further in your learning.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Resources
« previous this last section of the book provides a list of resources referred to in the tutorial and other links that may be useful to the gecko developer.
... « previous this last section of the book provides a list of resources referred to in the tutorial and other links that may be useful to the gecko developer.
...erred to in the tutorial and other links that may be useful to the gecko developer.
...eleases/mozilla1.4a/gecko-sdk-i686-pc-linux-gnu-1.4a.tar.gz windows: http://ftp.mozilla.org/pub/mozilla/releases/mozilla1.4a/gecko-sdk-win32-1.4a.zip other mozilla downloads gecko resources internal string guide external string guide the gecko networking library ("necko") the netscape portable runtime environment embedding mozilla current module owners xpinstall xul xpcom resources the xpcom project page xulplanet's online xpcom reference information on xpconnect and scriptable components the smart pointer guide xpidl xpidl compiler reference general development resources the world wide web consortium url specification at the w3 gnu make « previous copyright (c) 2003 by doug turner and ian oeschger.
AudioScheduledSourceNode: ended event - Web APIs
the ended event of the audioscheduledsourcenode interface is fired when the source node has stopped playing.
... the ended event of the audioscheduledsourcenode interface is fired when the source node has stopped playing.
... the ended event of the audioscheduledsourcenode interface is fired when the source node has stopped playing.
...e audio has been performed, or because the entire buffer has been played.
vendorIDSource - Web APIs
the bluetoothdevice.vendoridsource read-only property returns the vendor id source field in the pnp_id characteristic in the device_information service.
... the bluetoothdevice.vendoridsource read-only property returns the vendor id source field in the pnp_id characteristic in the device_information service.
... the bluetoothdevice.vendoridsource read-only property returns the vendor id source field in the pnp_id characteristic in the device_information service.
... the bluetoothdevice.vendoridsource read-only property returns the vendor id source field in the pnp_id characteristic in the device_information service.
EventSource.onerror - Web APIs
the onerror property of the eventsource interface is an eventhandler called when an error occurs and the error event is dispatched on an eventsource object.
... the onerror property of the eventsource interface is an eventhandler called when an error occurs and the error event is dispatched on an eventsource object.
... the onerror property of the eventsource interface is an eventhandler called when an error occurs and the error event is dispatched on an eventsource object.
... the onerror property of the eventsource interface is an eventhandler called when an error occurs and the error event is dispatched on an eventsource object.
RTCRtpSynchronizationSource.voiceActivityFlag - Web APIs
the read-only voiceactivityflag property of the rtcrtpsynchronizationsource interface indicates whether or not the most recent rtp packet on the source includes voice activity.
... the read-only voiceactivityflag property of the rtcrtpsynchronizationsource interface indicates whether or not the most recent rtp packet on the source includes voice activity.
...recent rtp packet on the source includes voice activity.
...; see the rtcofferoptions flag voiceactivitydetection.
ServiceWorkerMessageEvent.source - Web APIs
important: in modern browsers, this property has been deprecated.
... important: in modern browsers, this property has been deprecated.
...: in modern browsers, this property has been deprecated.
...ead to set up a message channel between it and a service worker for sending messages between the two, the event object of onmessage will be a serviceworkermessageevent.
SourceBuffer.appendStream() - Web APIs
the appendstream() method of the sourcebuffer interface appends media segment data from a readablestream object to the sourcebuffer.
... the appendstream() method of the sourcebuffer interface appends media segment data from a readablestream object to the sourcebuffer.
... the appendstream() method of the sourcebuffer interface appends media segment data from a readablestream object to the sourcebuffer.
... the appendstream() method of the sourcebuffer interface appends media segment data from a readablestream object to the sourcebuffer.
XRInputSourcesChangeEvent.session - Web APIs
the xrinputsourceschangeevent property session specifies the xrsession to which the input source list change event applies.
... the xrinputsourceschangeevent property session specifies the xrsession to which the input source list change event applies.
... the xrinputsourceschangeevent property session specifies the xrsession to which the input source list change event applies.
...e xrinputsourceschangeevent property session specifies the xrsession to which the input source list change event applies.
XRInputSourcesChangeEventInit - Web APIs
the xrinputsourceschangeeventinit dictionary is used to provide options to the xrinputsourceschangeevent() constructor in order to set the initial state of the new xrinputsourceschangeevent object.
... the xrinputsourceschangeeventinit dictionary is used to provide options to the xrinputsourceschangeevent() constructor in order to set the initial state of the new xrinputsourceschangeevent object.
...the xrinputsourceschangeeventinit dictionary is used to provide options to the xrinputsourceschangeevent() constructor in order to set the initial state of the new xrinputsourceschangeevent object.
...cts, each representing one input device which is newly available to use.
Resource Timing - MDN Web Docs Glossary: Definitions of Web-related terms
diagnosing performance issues requires performance data at the granularity of the resource.
... diagnosing performance issues requires performance data at the granularity of the resource.
... diagnosing performance issues requires performance data at the granularity of the resource.
Web performance resources - Learn web development
there are many reasons why your website should perform as well as possible.
...e critical rendering path of the browser.
... understand how to improve the performance of the site.
CanvasImageSource - Web APIs
canvasimagesource provides a mechanism for other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
... canvasimagesource provides a mechanism for other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
...to simplify the specification.
EventSource.onmessage - Web APIs
the onmessage property of the eventsource interface is an eventhandler called when a message event is received, that is when a message is coming from the source.
... the onmessage property of the eventsource interface is an eventhandler called when a message event is received, that is when a message is coming from the source.
... the onmessage property of the eventsource interface is an eventhandler called when a message event is received, that is when a message is coming from the source.
EventSource.onopen - Web APIs
the onopen property of the eventsource interface is an eventhandler called when an open event is received, that is when the connection was just opened.
... the onopen property of the eventsource interface is an eventhandler called when an open event is received, that is when the connection was just opened.
... the onopen property of the eventsource interface is an eventhandler called when an open event is received, that is when the connection was just opened.
MediaSource.clearLiveSeekableRange() - Web APIs
the clearliveseekablerange() method of the mediasource interface clears a seekable range previously set with a call to setliveseekablerange().
... the clearliveseekablerange() method of the mediasource interface clears a seekable range previously set with a call to setliveseekablerange().
... the clearliveseekablerange() method of the mediasource interface clears a seekable range previously set with a call to setliveseekablerange().
MediaStreamAudioSourceOptions - Web APIs
the mediastreamaudiosourceoptions dictionary provides configuration options used when creating a mediastreamaudiosourcenode using its constructor.
... the mediastreamaudiosourceoptions dictionary provides configuration options used when creating a mediastreamaudiosourcenode using its constructor.
...n options used when creating a mediastreamaudiosourcenode using its constructor.
MediaStreamTrackAudioSourceOptions - Web APIs
the mediastreamtrackaudiosourceoptions dictionary is used when specifying options to the mediastreamtrackaudiosourcenode() constructor.
... the mediastreamtrackaudiosourceoptions dictionary is used when specifying options to the mediastreamtrackaudiosourcenode() constructor.
...s used when specifying options to the mediastreamtrackaudiosourcenode() constructor.
RTCRtpContributingSource.rtpTimestamp - Web APIs
the read-only rtptimestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the source-generated time at which the media contained int he packet was first sampled or obtained.
... the read-only rtptimestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the source-generated time at which the media contained int he packet was first sampled or obtained.
... the read-only rtptimestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the source-generated time at which the media contained int he packet was first sampled or obtained.
RTCRtpContributingSource.timestamp - Web APIs
the read-only timestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
... the read-only timestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
... the read-only timestamp property of the rtcrtpcontributingsource interface returns a domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
SourceBuffer.audioTracks - Web APIs
the audiotracks read-only property of the sourcebuffer interface returns a list of the audio tracks currently contained inside the sourcebuffer.
... the audiotracks read-only property of the sourcebuffer interface returns a list of the audio tracks currently contained inside the sourcebuffer.
... the audiotracks read-only property of the sourcebuffer interface returns a list of the audio tracks currently contained inside the sourcebuffer.
SourceBuffer.buffered - Web APIs
the buffered read-only property of the sourcebuffer interface returns the time ranges that are currently buffered in the sourcebuffer as a normalized timeranges object.
... the buffered read-only property of the sourcebuffer interface returns the time ranges that are currently buffered in the sourcebuffer as a normalized timeranges object.
... the buffered read-only property of the sourcebuffer interface returns the time ranges that are currently buffered in the sourcebuffer as a normalized timeranges object.
SourceBuffer.textTracks - Web APIs
the texttracks read-only property of the sourcebuffer interface returns a list of the text tracks currently contained inside the sourcebuffer.
... the texttracks read-only property of the sourcebuffer interface returns a list of the text tracks currently contained inside the sourcebuffer.
... the texttracks read-only property of the sourcebuffer interface returns a list of the text tracks currently contained inside the sourcebuffer.
SourceBuffer.videoTracks - Web APIs
the videotracks read-only property of the sourcebuffer interface returns a list of the video tracks currently contained inside the sourcebuffer.
... the videotracks read-only property of the sourcebuffer interface returns a list of the video tracks currently contained inside the sourcebuffer.
... the videotracks read-only property of the sourcebuffer interface returns a list of the video tracks currently contained inside the sourcebuffer.
SourceBufferList.length - Web APIs
the length read-only property of the sourcebufferlist interface returns the number of sourcebuffer objects in the list.
... the length read-only property of the sourcebufferlist interface returns the number of sourcebuffer objects in the list.
... the length read-only property of the sourcebufferlist interface returns the number of sourcebuffer objects in the list.
HTTP resources and specifications - HTTP
http was first specified in the early 1990s.
...rsion numbers informational rfc 6585 additional http status codes proposed standard rfc 7538 the hypertext transfer protocol status code 308 (permanent redirect) proposed standard rfc 7725 an http status code to report legal obstacles on the standard track rfc 2397 the "data" url scheme proposed standard rfc 3986 uniform resource identifier (uri): generic syntax internet standard rfc 5988 web linking defines the link header proposed standard experimental spec hypertext transfer protocol (http) keep-alive header informational (expired) draft spec http client hints ietf draft rfc 7578 returning values from forms: multipart/form-data proposed standard ...
...native services on the standard track rfc 7301 transport layer security (tls) application-layer protocol negotiation extension used to negotiate http/2 at the transport to save an extra request/response round trip.
datasources - Archive of obsolete content
« xul reference datasources type: space-separated list of datasource uris gets and sets the value of the datasources attribute.
... « xul reference datasources type: space-separated list of datasource uris gets and sets the value of the datasources attribute.
AudioScheduledSourceNode.start() - Web APIs
the start() method on audioscheduledsourcenode schedules a sound to begin playback at the specified time.
... the start() method on audioscheduledsourcenode schedules a sound to begin playback at the specified time.
AudioScheduledSourceNode.stop() - Web APIs
the stop() method on audioscheduledsourcenode schedules a sound to cease playback at the specified time.
...me.
BufferSource - Web APIs
buffersource is a typedef used to represent objects that are either themselves an arraybuffer, or which are a typedarray providing an arraybufferview.
... buffersource is a typedef used to represent objects that are either themselves an arraybuffer, or which are a typedarray providing an arraybufferview.
sortResource2 - Archive of obsolete content
« xul reference home sortresource2 type: uri the value of this attribute is the uri of an rdf predicate that serves as a secondary key for sorted content.
statedatasource - Archive of obsolete content
« xul reference home statedatasource type: uri chrome xul may specify an rdf datasource to use to store tree state information.
resource - Archive of obsolete content
« xul reference resource type: nsirdfresource returns an rdf resource with the value of the element's ref attribute.
XUL Parser in Python/source - Archive of obsolete content
source code for the xul parser in python.
External resources for plugin creation - Archive of obsolete content
frameworks and tools there are several open source projects designed to assist with the creation of npapi plugins.
Other Resources - Archive of obsolete content
all other resources dave winer's rss weblog dave winer's rss 2.0 political faq ...
Other Resources - Archive of obsolete content
all other resources offical mozilla xforms project page w3c test suite xformstest.org ...
view_source.syntax_highlight
the preference view_source.syntax_highlight controls whether markup in the view source view is syntax highlighted.
Viewing and searching Mozilla source code online
uxp source code can be found at the pale moon repository.
Other Resources
other resources embedding mozilla xpconnect - javascript-xpcom bridge blackconnect - java-xpcom bridge (no longer supported) xpidl to java types - from blackconnect ...
nsIEventSource
content/base/public/nsieventsource.idlscriptable this is the interface for server-sent dom events 1.0 66 introduced gecko 6.0 inherits from: nsisupports last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) this implements the eventsource interface used for server-sent events.
PerformanceResourceTiming.serverTiming - Web APIs
the servertiming read-only property returns an array of performanceservertiming entries containing server timing metrics.
Resources - Web APIs
resources transforming xml: netscape and xslt what kind of language is xslt?
Compatibility sources - SVG: Scalable Vector Graphics
the following sources are used for the compatibility tables on svg elements and attributes: https://developer.mozilla.org/en/svg_in_firefox together with its revision history for firefox http://www.webkit.org/projects/svg/status.xml together with its recorded archive for webkit, safari and chrome http://www.opera.com/docs/specs/opera9/svg/ and accompanying pages for opera >= 9, http://www.opera.com/docs/specs/opera8/ for opera 8 http://blogs.msdn.com/b/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx for hints on ie9 support status the svg support charts at codedread.com for basic checks against the w3c test suite wikipedia for basic hints, not normative ...
Other Resources - SVG: Scalable Vector Graphics
here is a list of additional resources on svg: mozilla svg resources svg.org svgbasics tutorials w3c svg homepage svg wiki http://wiki.svg.org/index.php?title=..._configuration i moved this from the other resources category, not sure why it's in other resources -nickolay http://developer.mozilla.org/en/docs...%28external%29 ...
Resources - XSLT: Extensible Stylesheet Language Transformations
resources using the mozilla javascript interface to xsl transformations mozilla.org's xslt project page, which includes a frequently encountered issues section.
Index - Web APIs
Web › API › Index
r and the last buffer the analysernode processed, and results in a much smoother set of value changes over time.
...ace is a double-precision floating-point value which indicates the scheduled time when an animation's playback should begin.
...pecified.
...And 786 more matches
RDF in Mozilla FAQ - Archive of obsolete content
teresting with this content (eg.
...let mozilla-rdf and the rdf interest group lists know.
...ng the dmoz data too.
...And 143 more matches
HTTP Index - HTTP
Web › HTTP › Index
server protocol, which means requests are initiated by the recipient, usually the web browser.
...ocuments.
...t transfer protocol) is the underlying protocol of the world wide web.
...And 126 more matches
Index - Archive of obsolete content
t, this had to be simulated by treating the raw data as a string and using the charcodeat() method to read the bytes from the data buffer.
...nkey 2 alpha 1 seamonkey supports toolkit/-style extensions.
...ns, extensions, firefox, guide the firefox add-ons developer guide was contributed by the mozilla japan community; it covers how to go about building firefox extensions using xpcom and xul.
...And 97 more matches
Parser API
recent builds of the standalone spidermonkey shell include a reflection of the spidermonkey parser, made available as a javascript api.
...uscators, etc.
...atible with spidermonkey format.
...And 86 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
web technologies contain long lists of jargon and abbreviations that are used in documentation and coding.
...e used to make up the final color.
... bigint, glossary, javascript, reference, arbitrary precision format in javascript, bigint is a numeric data type that can represent integers in the arbitrary precision format.
...And 63 more matches
Lighting a WebXR setting - Web APIs
neral, it is not by any means a tutorial in lighting or a guide to how to create a properly-lit 3d scene.
...ces reflect most of the light in a direction whose angle of reflection, Θr, is equal to the angle of incidence, except it's on the opposite side of the normal vector.
...g at that angle off the normal.
...And 59 more matches
nsDependentCString
eral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...e getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...nsdependentcstring(const char*, const char*) - source parameters char* start a pointer to the start of the string.
...And 55 more matches
Audio and Video Delivery - Developer guides
of two, as stated above).
...y, either present a still image or use a fallback technology to present the video.
...diofile.mp3">download audio</a> </audio> the code above will create an audio player that attempts to preload as much audio as possible for smooth playback.
...And 54 more matches
nsDependentString
adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...ator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
... setisvoid stripchar base classes nsstring data members no public members.
...And 53 more matches
Migrating from webkitAudioContext - Web APIs
tejavascriptnode(1024); you can simply rename the methods to look like this: // new method names var gain = context.creategain(); var delay = context.createdelay(); var js = context.createscriptprocessor(1024); the semantics of these methods remain the same in the renamed versions.
...xt.creategain(); var delay = context.createdelay(); var js = context.createscriptprocessor(1024); the semantics of these methods remain the same in the renamed versions.
...ns of the specification, the noteon() and notegrainon() methods were consolidated into a single start() method, and the noteoff() method was renamed to the stop() method.
...And 52 more matches
nsAdoptingString
ar assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlstring data members no public members.
...aceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlstring data members no public members.
... insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlstring data members no public members.
...And 51 more matches
nsAutoString
t char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedstring data members no public members.
... replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedstring data members no public members.
...ral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedstring data members no public members.
...And 51 more matches
nsCAutoString
append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedcstring data members no public members.
...nst char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedcstring data members no public members.
...cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsfixedcstring data members no public members.
...And 51 more matches
nsString
char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsastring_internal data members no public members.
... replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsastring_internal data members no public members.
...endliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsastring_internal data members no public members.
...And 51 more matches
nsXPIDLString
const char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...ce replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...sert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...And 51 more matches
Template Builder Interface - Archive of obsolete content
« previousnext » when inserting an element into a xul document, the element is checked to see if it has a datasources attribute.
...en an element is created when the window is loaded and when an element is inserted dynamically.
...here can be unusual results when using html.
...And 50 more matches
NS_ConvertASCIItoUTF16
eral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
...l(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
... getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
...And 50 more matches
NS_ConvertUTF8toUTF16
teral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
...ral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
...e getdata getmutabledata setisvoid stripchar base classes nsautostring data members no public members.
...And 50 more matches
nsCString
har assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsacstring_internal data members no public members.
...e replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsacstring_internal data members no public members.
...har appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsacstring_internal data members no public members.
...And 50 more matches
Introduction - Archive of obsolete content
ts of a database query.
...ach result returned from the query, generate some content.
...ntent based on particular criteria as well as set attribute values from returned results.
...And 49 more matches
Templates - Archive of obsolete content
« previousnext » in this section, we'll find out how to populate elements with data.
... « previousnext » in this section, we'll find out how to populate elements with data.
...ement.
...And 49 more matches
nsAdoptingCString
assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlcstring data members no public members.
...placeascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlcstring data members no public members.
...r+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsxpidlcstring data members no public members.
...And 49 more matches
nsPromiseFlatString
ar adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
... appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
... getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...And 49 more matches
nsXPIDLCString
nst char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
... replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...r+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...And 49 more matches
NS_ConvertUTF16toUTF8
char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscautostring data members no public members.
...ut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscautostring data members no public members.
...asses nscautostring data members no public members.
...And 48 more matches
NS_LossyConvertUTF16toASCII
adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscautostring data members no public members.
...th truncate getdata getmutabledata setisvoid stripchar base classes nscautostring data members no public members.
... no public members.
...And 48 more matches
nsPromiseFlatCString
adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...ndliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
... getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...And 48 more matches
Eclipse CDT
introduction eclipse cdt (c/c++ development tools) is an open-source ide for c and c++ development with advanced code assistance (inheritance/call graph explorer, jump to definition, refactoring, autocomplete, syntax highlighting, and so on).
... introduction eclipse cdt (c/c++ development tools) is an open-source ide for c and c++ development with advanced code assistance (inheritance/call graph explorer, jump to definition, refactoring, autocomplete, syntax highlighting, and so on).
...binary to your path (/applications/eclipse.app/contents/eclipse/ on mac).
...And 47 more matches
nsFixedString
nliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsstring data members no public members.
...id nsfixedstring(prunichar*, pruint32) - source @param data fixed-size buffer to be used by the string (the contents of this buffer may be modified by the string) @param storagesize the size of the fixed buffer @param length (optional) the length of the string already contained in the buffer parameters prunichar* data pruint32 storagesize void nsfixedstring(prunichar*, pruint32, pruint32) - source parameters prunichar* data pruint32 storagesize pruint32 length operator= nsstring& operator=(const nsstring&) - source parameters nsstring& str nsastring_internal& operator=(prunichar) - source parameters prunichar c nsastring_internal& operator=(const prunichar*) - source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) - source p...
...operator=(const nsstring&) - source parameters nsstring& str nsastring_internal& operator=(prunichar) - source parameters prunichar c nsastring_internal& operator=(const prunichar*) - source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) - source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) - source parameters nssubstringtuple& tuple get prunichar* get() const - source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const - source search for the given substring within this string.
...And 47 more matches
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
current xul attributes, xul reference no summary!
... sizetopopup xul attributes, xul reference no summary!
... smoothscroll xul attributes, xul reference no summary!
...And 46 more matches
nsFixedCString
signliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nscstring data members no public members.
...tructors void nsfixedcstring(char*, pruint32) - source @param data fixed-size buffer to be used by the string (the contents of this buffer may be modified by the string) @param storagesize the size of the fixed buffer @param length (optional) the length of the string already contained in the buffer parameters char* data pruint32 storagesize void nsfixedcstring(char*, pruint32, pruint32) - source parameters char* data pruint32 storagesize pruint32 length operator= nscstring& operator=(const nscstring&) - source parameters nscstring& str nsacstring_internal& operator=(char) - source parameters char c nsacstring_internal& operator=(const char*) - source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) - source parameters nsacstr...
...nscstring& operator=(const nscstring&) - source parameters nscstring& str nsacstring_internal& operator=(char) - source parameters char c nsacstring_internal& operator=(const char*) - source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) - source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) - source parameters nscsubstringtuple& tuple get char* get() const - source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const - source search for the given substring within this string.
...And 46 more matches
Mail and RDF
warning: the content of this article may be out of date.
...this article may be out of date.
...la.org and last updated in 1999.
...And 43 more matches
Eclipse CDT Manual Setup
e automatically yet).
... section on building the index and usage tips are still relevant, and other parts still may provide useful background information to understand it in more detail on how eclipse works.
...have a copy of the mozilla source, and that you have also built the source so that you have a pre-existing object directory.
...And 42 more matches
Using the application cache - HTML: Hypertext Markup Language
in the process of being removed from the web platform.
...m that lets web applications run offline.
...rces that browsers should cache to be available offline.
...And 40 more matches
Web Audio API - Web APIs
the web audio api provides a powerful and versatile system for controlling audio on the web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
... audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
...h audio nodes, which are linked together to form an audio routing graph.
...And 39 more matches
nsCString external
equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
... operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
... rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...And 37 more matches
nsString external
ator< operator<= operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...perator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...indchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...And 37 more matches
HTTP caching - HTTP
Web › HTTP › Caching
the performance of web sites and applications can be significantly improved by reusing previously fetched resources.
... the performance of web sites and applications can be significantly improved by reusing previously fetched resources.
... the performance of web sites and applications can be significantly improved by reusing previously fetched resources.
...And 37 more matches
Advanced Rules - Archive of obsolete content
« previousnext » this section describes the more advanced rule syntax.
... complicated ways.
... contain three child tags, a conditions tag, a bindings tag and an action tag, although the bindings tag is not always needed.
...And 36 more matches
XUL element attributes - Archive of obsolete content
s related to the alignment but is used to specify the position in the opposite direction.
...d to specify the position in the opposite direction.
...-box-align.
...And 36 more matches
NS ConvertASCIItoUTF16 external
operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
... find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
...ng_external data members no public members.
...And 36 more matches
NS ConvertUTF16toUTF8 external
erator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
... find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...g_external data members no public members.
...And 36 more matches
NS ConvertUTF8toUTF16 external
operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
... find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
...ring_external data members no public members.
...And 36 more matches
NS LossyConvertUTF16toASCII external
< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
... rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...data members no public members.
...And 36 more matches
PromiseFlatCString (External)
compare equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...ator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
... rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...And 36 more matches
PromiseFlatString (External)
operator< operator<= operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
... operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
... rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...And 36 more matches
nsAutoString (External)
operator< operator<= operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
... operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
... rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...And 36 more matches
nsCAutoString (External)
compare equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...ator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
... rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...And 36 more matches
nsDependentCString external
equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...r>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...pendint tointeger base classes nscstring_external data members no public members.
...And 36 more matches
nsDependentCSubstring external
uals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
... operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstringcontainer data members no public members.
...ointeger base classes nscstringcontainer data members no public members.
...And 36 more matches
nsDependentString external
operator<= operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
...erator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsstring_external data members no public members.
... tointeger base classes nsstring_external data members no public members.
...And 36 more matches
nsDependentSubstring external
find(const nsastring&, pruint32, print32 (*) find rfind(const nsastring&, print32 (*) rfind(const nsastring&, print32, print32 (*) rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...ing&, print32 (*) rfind(const nsastring&, print32, print32 (*) rfind findchar rfindchar appendint tointeger base classes nsstringcontainer data members no public members.
...eger base classes nsstringcontainer data members no public members.
...And 36 more matches
nsLiteralCString (External)
equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...erator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
... appendint tointeger base classes nscstring_external data members no public members.
...And 36 more matches
nsLiteralString (External)
equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
...erator!= equalsliteral find rfind findchar rfindchar appendint tointeger base classes nscstring_external data members no public members.
... appendint tointeger base classes nscstring_external data members no public members.
...And 36 more matches
Enhanced Extension Installation - Archive of obsolete content
an be installed into only two locations: the firefox user's profile directory directory, e.g.
...startup process).
...is run on all installed items.
...And 35 more matches
Mozilla Crypto FAQ - Archive of obsolete content
advice.
...ply in your jurisdiction.
...cryption functionality in mozilla, and general questions on u.s.
...And 35 more matches
RDF Modifications - Archive of obsolete content
« previousnext » one of the most useful aspects of using templates with rdf datasources is that when the rdf datasource changes, for instance a new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
...atasources is that when the rdf datasource changes, for instance a new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
... new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
...And 35 more matches
HTTP conditional requests - HTTP
http has a concept of conditional requests, where the result, and even the success of a request, can be changed by comparing the affected resources with the value of a validator.
... to fetch a document, the conditional request can be used to send back the document, if relevant only.
... for unsafe methods, like put, which usually uploads a document, the conditional request can be used to upload the document, only if the original it is based on is the same as that stored on the server.
...And 35 more matches
Index - HTTP
Web › HTTP › Headers › Index
access-control-allow-headers response header is used in response to a preflight request which includes the access-control-request-headers to indicate which http headers can be used during the actual request.
...ader is necessary as the preflight request is always an options and doesn't use the same method as the actual request.
...the users' own preferred language.
...And 35 more matches
Creating a Help Content Pack - Archive of obsolete content
cribing the actual data in each of these, so we'll just use some filler data for now.) add the following code inside the rdf:description element you just created: <nc:panellist> <rdf:seq> </rdf:seq> </nc:panellist> you'll create the relevant information descriptions within the rdf:seq element.
... you'll create the relevant information descriptions within the rdf:seq element.
...ent contained within one rdf:li element, like so: <rdf:seq> <rdf:li> <rdf:description nc:panelid="glossary" nc:datasources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> <rdf:li> <rdf:description nc:panelid="toc" nc:datasources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> <rdf:li> <rdf:description nc:panelid="index" nc:datasources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> </rdf:seq> the help viewer ui may or may not provide a panel for each of these data sources.
...And 34 more matches
nsAString (External)
cut truncate stripchars stripwhitespace trim defaultcomparator compare equals operator< operator<= operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger data members no public members.
...operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger data members no public members.
...ind rfind findchar rfindchar appendint tointeger data members no public members.
...And 34 more matches
nsACString (External)
mpare equals operator< operator<= operator== operator>= operator> operator!= equalsliteral find rfind findchar rfindchar appendint tointeger data members no public members.
... rfind findchar rfindchar appendint tointeger data members no public members.
...integer data members no public members.
...And 33 more matches
nsCStringContainer (External)
string&, print32 (*) rfind(const nsacstring&, print32, print32 (*) rfind(const char*, print32 (*) rfind(const char*, print32, print32 (*) findchar rfindchar appendint tointeger base classes nsacstring data members no public members.
...r rfindchar appendint tointeger base classes nsacstring data members no public members.
...ses nsacstring data members no public members.
...And 33 more matches
nsStringContainer (External)
operator== operator>= operator> operator!= equalsliteral lowercaseequalsliteral find rfind findchar rfindchar appendint tointeger base classes nsastring data members no public members.
... appendint tointeger base classes nsastring data members no public members.
...public members.
...And 33 more matches
Python binding for NSS
elements will persist for a least two releases before being removed from the api entirely.
... releases before being removed from the api entirely.
...ously possible to call nss directly from python.
...And 32 more matches
StringView - Archive of obsolete content
nite(nlength) || nlength === ninptlen) ?
...ninptlen); } break typeswitch; default: /* the input argument is a number, a boolean or a function: a new typedarray will be created.
...default: /* the input argument is a number, a boolean or a function: a new typedarray will be created.
...And 31 more matches
Storage access policy: Block cookies from trackers
firefox includes a new storage access policy that blocks cookies and other site data from third-party tracking resources.
...n as a result of this change, file a bug under the tracking protection component within the firefox product on bugzilla.
...hange, file a bug under the tracking protection component within the firefox product on bugzilla.
...And 31 more matches
WebRequest.jsm
t observers.
... you don't pass filter, then the listener is invoked for every web request the browser makes that triggers that particular event.
...invoked for every web request the browser makes that triggers that particular event.
...And 31 more matches
Index
Mozilla › Tech › XPCOM › Index
windows registry when implementing windows-specific functionality, it is often useful to access the windows registry for information about the environment or other installed programs.
... allows for communication between java and xpcom, such that a java application can access xpcom objects, and xpcom can access any java class that implements an xpcom interface.
...javaxpcom, xpcom:language bindings no summary!
...And 31 more matches
nsIXULTemplateQueryProcessor
content/xul/templates/public/nsixultemplatequeryprocessor.idlscriptable a query processor takes a template query and generates results for it given a datasource and a reference point.
...and a reference point.
...late.
...And 31 more matches
Shell global objects
number starting column number for error messages and debug info global global in which to execute the code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the dom element o.
...code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the dom element o.
...for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the dom element o.
...And 30 more matches
Index - Firefox Developer Tools
of documents - usually web pages or xul windows.
...inadvertently invoke the referent’s getters and setters.
...rent’s getters and setters.
...And 30 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
Web › HTML › Attributes › rel
the rel attribute defines the relationship between a linked resource and the current document.
...owed author author of the current document or article.
... of the current document or article.
...And 30 more matches
HTML documentation index - HTML: Hypertext Markup Language
Web › HTML › Index
to add properties to an item.
... 46 html attribute: readonly attribute, attributes, constraint validation, forms, required the boolean readonly attribute, when present, makes the element not mutable, meaning the user can not edit the control.
...document whose content is only indirectly related to the document's main content.
...And 30 more matches
Index
tools a high-level overview to the internals of network security services (nss) software developed by the mozilla.org projects traditionally used its own implementation of security protocols and cryptographic algorithms, originally called netscape security services, nowadays called network security services (nss).
...eate an in-memory (ram) presentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's properties, as well as providing a handle for the programmer to use.
... large buffer).
...And 29 more matches
/loader - Archive of obsolete content
create commonjs module loaders.
... to work as of 02.2016 due to "use strict" being added to the file): <script type='application/javascript' src='resource://gre/modules/commonjs/toolkit/loader.js'></script> this will expose a single loader object containing all of the api functions described in this document.
...ded using require().
...And 28 more matches
L20n Javascript API
l20n javascript api var ctx = l20n.getcontext(); ctx.linkresource('./locales/strings.l20n'); ctx.requestlocales(); when you freeze the context by calling requestlocales, the resource files will be retrieved, parsed and compiled.
... l20n javascript api var ctx = l20n.getcontext(); ctx.linkresource('./locales/strings.l20n'); ctx.requestlocales(); when you freeze the context by calling requestlocales, the resource files will be retrieved, parsed and compiled.
..., deflocale, callback) { yourapp.getallavailablelanguages(function(allavailable) { var fallbackchain = yourapp.intersect(allavailable, requested); cb(fallbackchain); }); }); ctx.requestlocales(...requestedlocales: string?) specify the user's preferred locales for the context instance to negotiate against and freeze the context instance.
...And 27 more matches
SVG documentation index - SVG: Scalable Vector Graphics
Web › SVG › Index
able graphics, scalable images, vector graphics, web, l10n:priority scalable vector graphics (svg) are an xml-based markup language for describing two-dimensional based vector graphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
...or graphics, web, l10n:priority scalable vector graphics (svg) are an xml-based markup language for describing two-dimensional based vector graphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
...in the future.
...And 27 more matches
-webkit-mask-composite - CSS: Cascading Style Sheets
the -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another.
...e -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another.
...pecifies the manner in which multiple mask images applied to the same element are composited with one another.
...And 26 more matches
Scaling of SVG backgrounds - CSS: Cascading Style Sheets
a size, and the size isn't modified by constrain or cover, that specified size wins.
...ne of the above cases are met, the image is rendered at the same size as the background area.
...at the sizing algorithm only cares about the image's dimensions and proportions, or lack thereof.
...And 26 more matches
Preloading content with rel="preload" - HTML: Hypertext Markup Language
the preload value of the <link> element's rel attribute lets you declare fetch requests in the html's <head>, specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers' main rendering machinery kicks in.
...hey are available earlier and are less likely to block the page's render, improving performance.
...nder, improving performance.
...And 26 more matches
Index
found 550 pages: # page tags and summary 1 spidermonkey: the mozilla javascript runtime spidermonkey standalone source code releases can be found on the releases page.
...script tests automated testing, build documentation, guide, qa, spidermonkey in which test suite does your new test belong?
...refox, garbage collection, intermediate, intro, jsapi, needsupdate, spidermonkey, tools, memory the spidermonkey garbage collector (gc) will be changing a lot in the future.
...And 25 more matches
JS::CompileOptions
javascript version used to compile the script.
... its contents.
...ith the global for which it is loaded.
...And 25 more matches
Network request list - Firefox Developer Tools
is hidden by default.
...-type of the response.
...ted to the request.
...And 25 more matches
HTTP headers - HTTP
Web › HTTP › Headers
became standard in rfc 6648; others are listed in an iana registry, whose original content was defined in rfc 4229.
...registry, whose original content was defined in rfc 4229.
...ders apply to both requests and responses, but with no relation to the data transmitted in the body.
...And 25 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
word used to describe all the gui structural elements that go into an xul application.
...content package this package is used to contain the main xul and javascript source files.
...nclude multiple skin packages to allow the gui to change with different themes.
...And 24 more matches
Code snippets - Archive of obsolete content
his page documents how to perform custom actions with firefox sync via javascript.
...to sync's tabs "engine." let tabsengine = weave.service.enginemanager.get("tabs"); // iterate over each client having data.
...emanager.get("tabs"); // iterate over each client having data.
...And 24 more matches
UI Tour - Firefox Developer Tools
this article is a quick tour of the main sections of the javascript debugger's user interface.
... this article is a quick tour of the main sections of the javascript debugger's user interface.
... of the javascript debugger's user interface.
...And 24 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
emo we're going to be looking at a very simple step sequencer: in practice this is easier to do with a library — the web audio api was built to be built upon.
...ters particular to each technique we are using to create those voices.
... technique associated web audio api feature "sweep" oscillator, periodic wave oscillatornode, periodicwave "pulse" multiple oscillators oscillatornode "noise" random noise buffer, biquad filter audiobuffer, audiobuffersourcenode, biquadfilternode "dial up" loading a sound sample to play audiocontext.decodeaudiodata(), audiobuffersourcenode note: this instrument was not created to sound good, it was created to provide demonstration code and represents a very simplified version of such an instrument.
...And 24 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
this article is a step-by-step tutorial on how to convert an old overlay-based extension into a restartless (bootstrapped) extension that is also extractionless.
... if given the option, but some users take forever to upgrade.
...'ll do so via privileged javascript code like this: components.utils.import("resource://gre/modules/services.jsm"); from here on out, it is assumed you've imported services.jsm somewhere at the top of whatever file you're in and will be using it in all code examples.
...And 23 more matches
New Security Model for Web Services - Archive of obsolete content
securing resources from untrusted scripts behind firewalls introduction this page describes an alternative mechanism which can be used to protect all internal resources against requests from sandboxed scripts.
... securing resources from untrusted scripts behind firewalls introduction this page describes an alternative mechanism which can be used to protect all internal resources against requests from sandboxed scripts.
...usted scripts.
...And 23 more matches
Creating XPI Installer Modules - Archive of obsolete content
nd seamonkey (until it gets converted to toolkit).
... subdirectories of uncompressed files by default, a new way to aggregate and distribute the files has improved performance, made the ui components more portable and easier to install, and made the installation process a much easier one.
...lled, and made available to users.
...And 23 more matches
Video and audio content - Learn web development
re in the next article.
...rowser accessing the page doesn't support the <video> element, allowing us to provide a fallback for older browsers.
...n't support the <video> element, allowing us to provide a fallback for older browsers.
...And 23 more matches
nsACString_internal
ignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar data members no public members.
... getdata getmutabledata setisvoid stripchar data members no public members.
...tructors void nsacstring_internal(const nscsubstringtuple&) - source this is public to support automatic conversion of tuple to string base type, which helps avoid converting to nstastring.
...And 23 more matches
nsAString_internal
ssignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar data members no public members.
... getdata getmutabledata setisvoid stripchar data members no public members.
...void nsastring_internal(const nssubstringtuple&) - source this is public to support automatic conversion of tuple to string base type, which helps avoid converting to nstastring.
...And 23 more matches
nsDependentCSubstring
ceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsacstring_internal data members no public members.
... setlength truncate getdata getmutabledata setisvoid stripchar base classes nsacstring_internal data members no public members.
... no public members.
...And 23 more matches
nsDependentSubstring
placeascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar base classes nsastring_internal data members no public members.
...tlength truncate getdata getmutabledata setisvoid stripchar base classes nsastring_internal data members no public members.
... void nsdependentsubstring(const nsastring_internal&, pruint32, pruint32) - source parameters nsastring_internal& str pruint32 startpos pruint32 length void nsdependentsubstring(const prunichar*, const prunichar*) - source parameters prunichar* start prunichar* end void nsdependentsubstring(const nsreadingiterator<short unsigned int>&, const nsreadingiterator<short unsigned int>&) - source parameters nsreadingiterator<short unsigned int>& start nsreadingiterator<short unsigned int>& end void nsdependentsubstring() - source rebind void rebind(const nsastring_internal&, pruint32, pruint32) - source parameters nsastring_internal& <anonymous> pruint32 startpos pruint32 length void rebind(const prunichar*, const prunichar*) - source parameters prunichar* start prun...
...And 23 more matches
Debugger - Firefox Developer Tools
ggee globals is invisible to debugger api handlers and breakpoints.
...bits the ahead-of-time asm.js compiler and forces asm.js code to run as normal javascript.
...s code to run as normal javascript.
...And 23 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
Web › HTML › Element › audio
the html <audio> element is used to embed sound content in documents.
... the html <audio> element is used to embed sound content in documents.
... the html <audio> element is used to embed sound content in documents.
...And 23 more matches
CSP: script-src - HTTP
the http content-security-policy (csp) script-src directive specifies valid sources for javascript.
...includes not only urls loaded directly into <script> elements, but also things like inline script event handlers (onclick) and xslt stylesheets which can trigger script execution.
...ne script event handlers (onclick) and xslt stylesheets which can trigger script execution.
...And 23 more matches
HTTP response status codes - HTTP
Web › HTTP › Status
s code is sent in response to an upgrade request header from the client, and indicates the protocol the server is switching to.
...t the server has received and is processing the request, but no response is available yet.
...y intended to be used with the link header, letting the user agent start preloading resources while the server prepares a response.
...And 23 more matches
nsIXULTemplateBuilder
the nsitemplatebuilder interface controls the display of elements using a xul template element and is automatically attached to an element containing a datasources attribute.
... the nsitemplatebuilder interface controls the display of elements using a xul template element and is automatically attached to an element containing a datasources attribute.
...ched to an element containing a datasources attribute.
...And 22 more matches
Debugger.Script - Firefox Developer Tools
roperties it likes on its debugger.script instances, without worrying about interfering with other debuggers.) a debugger.script instance is a strong reference to a jsscript object; it protects the script it refers to from being garbage collected.
...ances, without worrying about interfering with other debuggers.) a debugger.script instance is a strong reference to a jsscript object; it protects the script it refers to from being garbage collected.
...fers to a jsscript, the filename or url from which this script’s code was loaded.
...And 22 more matches
Link types - HTML: Hypertext Markup Language
<link>, <form> canonical from wikipedia, the free encyclopedia: canonical_link_element a canonical link element is an html element that helps webmasters prevent duplicate content issues by specifying the "canonical" or "preferred" version of a web page as part of search engine optimization.
...cifying the "canonical" or "preferred" version of a web page as part of search engine optimization.
...owing the browser to do a dns lookup and protocol handshaking before a user clicks the link.
...And 22 more matches
nsIScriptError
rror2 interface was merged into this interface in gecko 12.0.
...ged into this interface in gecko 12.0.
....
...And 21 more matches
Ordering Flex Items - CSS: Cascading Style Sheets
hich you can change the visual order of your content when using flexbox.
... the right, row-reverse on the left.
... reverse order however you should be mindful that the items are only visually displayed in reverse order.
...And 21 more matches
Audio and video manipulation - Developer guides
rful and can be coupled tightly with video.
...ent and manipulate it.
...ere implementing a "play video in greyscale" feature, you'd probably add display: none to the style for the <video> element, to keep the source video from being drawn to the screen while showing only the canvas showing the altered frames.
...And 21 more matches
Content-Security-Policy - HTTP
the http content-security-policy response header allows web site administrators to control resources the user agent is allowed to load for a given page.
...ee the introductory article on content security policy (csp).
... header type response header forbidden header name no syntax content-security-policy: <policy-directive>; <policy-directive> where <policy-directive> consists of: <directive> <value> with no internal punctuation.
...And 21 more matches
Trees and Templates - Archive of obsolete content
« previousnext » the following describes how to use a template with a tree.
... « previousnext » the following describes how to use a template with a tree.
... previousnext » the following describes how to use a template with a tree.
...And 20 more matches
Index - Learn web development
ious, but too many projects fail not from a lack of technical know-how, but from lack of goals and vision.
...mmon rules of thumb to help you design your site.
...ning, web domain names are a key part of the internet infrastructure.
...And 20 more matches
Window.open() - Web APIs
Web › API › Window › open
the window interface's open() method loads the specified resource into the new or existing browsing context (window, <iframe> or tab) with the specified name.
... the window interface's open() method loads the specified resource into the new or existing browsing context (window, <iframe> or tab) with the specified name.
...method loads the specified resource into the new or existing browsing context (window, <iframe> or tab) with the specified name.
...And 20 more matches
Object.assign() - JavaScript
the object.assign() method copies all enumerable own properties from one or more source objects to a target object.
... the object.assign() method copies all enumerable own properties from one or more source objects to a target object.
...ect.assign() method copies all enumerable own properties from one or more source objects to a target object.
...And 20 more matches
What is a URL? - Learn web development
this article discusses uniform resource locators (urls), explaining what they are and how they're structured.
...re and how they're structured.
...requisites: you need to first know how the internet works, what a web server is and the concepts behind links on the web.
...And 19 more matches
Style Editor - Firefox Developer Tools
e left of the sheet's name.
... size using the responsive design view: creating and importing style sheets you can create a new style sheet by clicking the new button in the toolbar.
... create css files using a preprocessor like sass, less, or stylus.
...And 19 more matches
CSP: script-src-attr - HTTP
the http content-security-policy (csp) script-src-attr directive specifies valid sources for javascript inline event handlers.
...his includes only inline script event handlers like onclick, but not urls loaded directly into <script> elements.
...ript> elements.
...And 19 more matches
CSP: script-src-elem - HTTP
the http content-security-policy (csp) script-src-elem directive specifies valid sources for javascript <script> elements, but not inline script event handlers like onclick.
...tive specifies valid sources for javascript <script> elements, but not inline script event handlers like onclick.
...s like onclick.
...And 19 more matches
CSP: style-src - HTTP
the http content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
... the http content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
...tp content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
...And 19 more matches
URIs and URLs - Archive of obsolete content
warning: the content of this article may be out of date.
... warning: the content of this article may be out of date.
... warning: the content of this article may be out of date.
...And 18 more matches
XPCOM Examples - Archive of obsolete content
« previousnext » this section provides some examples of using xpcom along with some additional interfaces.
... « previousnext » this section provides some examples of using xpcom along with some additional interfaces.
... management this example contains rdf datasource that will be seen in the later section.
...And 18 more matches
Client-Server Overview - Learn web development
server-side code, irrespective of which programming language or web framework you select.
...r sends an http request to the server.
...(e.g.
...And 18 more matches
Using JavaScript code modules
= { name : "bar", size : 3 }; var dummy = "dummy"; notice that the module uses normal javascript to create functions, objects, constants, and any other javascript type.
...as not exported from the module note: when you're testing changes to a code module, be sure to change the application's build id (e.g., the version) before your next test run; otherwise, you may find yourself running the previous version of your module's code.
... be sure to change the application's build id (e.g., the version) before your next test run; otherwise, you may find yourself running the previous version of your module's code.
...And 18 more matches
Event reference
nteractions to automated notifications of things happening in the rendering model.
... model.
...nt; some are standard events defined in official specifications, while others are events used internally by specific browsers; for example, mozilla-specific events are listed so that add-ons can use them to interact with the browser.
...And 18 more matches
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
Web › HTML › Element › iframe
the html inline frame element (<iframe>) represents a nested browsing context, embedding another html page into the current one.
... context has its own session history and document.
...ode by calling the requestfullscreen() method.
...And 18 more matches
ui/frame - Archive of obsolete content
.
...function updateweather(message) { var label = window.document.getelementbyid("weather"); label.textcontent = message.data; } from add-on to a specific frame you can send a message from the main add-on code to the frame hosted by a particular browser window.
...itself but on the source attribute of the object passed into an event listener.
...And 17 more matches
Simple Thunderbird build
underbird 60 or later.
... 2,743 mapioid.h 02/06/2009 17:02 32,978 mapispi.h 02/06/2009 17:02 54,395 mapitags.h 02/06/2009 17:02 26,467 mapiutil.h 02/06/2009 17:02 97,301 mapival.h 02/06/2009 17:02 9,334 mapiwin.h 02/06/2009 17:02 1,906 mapiwz.h 02/06/2009 17:02 18,277 mapix.h 02/06/2009 17:02 5,012 mspst.h get the source note: on windows, you won't be able to build the thunderbird source code if it's under a directory with spaces in the path (e.g., don't use "documents and settings").
...d the thunderbird source code if it's under a directory with spaces in the path (e.g., don't use "documents and settings").
...And 17 more matches
Downloads.jsm
the downloads.jsm javascript code module provides a single entry point to interact with the downloading capabilities of the platform, including starting new downloads, controlling ongoing downloads, and retrieving download-related configuration.
...capabilities of the platform, including starting new downloads, controlling ongoing downloads, and retrieving download-related configuration.
...ads.public downloads.
...And 17 more matches
Using images - Web APIs
s and applied styles to them.
...or as backdrops of graphs, for sprites in games, and so forth.
... images into a canvas is basically a two step process: get a reference to an htmlimageelement object or to another canvas element as a source.
...And 17 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › video
the html video element (<video>) embeds a media player which supports video playback into the document.
...as soon as it can do so without stopping to finish loading the data.
...enever the browser shows its own set of controls (e.g.
...And 17 more matches
CSP: img-src - HTTP
the http content-security-policy img-src directive specifies valid sources of images and favicons.
... the http content-security-policy img-src directive specifies valid sources of images and favicons.
...he http content-security-policy img-src directive specifies valid sources of images and favicons.
...And 17 more matches
CSP: prefetch-src - HTTP
the http content-security-policy (csp) prefetch-src directive specifies valid resources that may be prefetched or prerendered.
... the http content-security-policy (csp) prefetch-src directive specifies valid resources that may be prefetched or prerendered.
...prefetch-src directive specifies valid resources that may be prefetched or prerendered.
...And 17 more matches
CSP: style-src-attr - HTTP
the http content-security-policy (csp) style-src-attr directive specifies valid sources for inline styles applied to individual dom elements.
...p) style-src-attr directive specifies valid sources for inline styles applied to individual dom elements.
...elements.
...And 17 more matches
CSP: style-src-elem - HTTP
the http content-security-policy (csp) style-src-elem directive specifies valid sources for stylesheets <style> elements and <link> elements with rel="stylesheet".
...ctive specifies valid sources for stylesheets <style> elements and <link> elements with rel="stylesheet".
...lesheet".
...And 17 more matches
Web video codec guide - Web media technologies
ded to transmit an uncompressed video like that would be enormous, at 249 mb/sec—not including audio and overhead.
... quicktime mpeg-2 mpeg-2 part 2 visual mp4, mpeg, quicktime theora theora ogg vp8 video processor 8 3gp, ogg, webm vp9 video processor 9 mp4, ogg, webm factors affecting the encoded video as is the case with any encoder, there are two basic groups of factors affecting the size and quality of the encoded video: specifics about the source video's format and contents, and the characteristics and configuration of the codec used while encoding the video.
...ompressed, video will generally make the resulting data larger as well.
...And 17 more matches
The Implementation of the Application Object Model - Archive of obsolete content
a remote xul file.
...stands for resource description framework, a rather intimidating name that doesn't do much to help the layman understand exactly what it does.
...e ability to put completely different kinds of data into the same place.
...And 16 more matches
Mozilla release FAQ - Archive of obsolete content
a project started near the end of life of the 4.x line of netscape communicator.
...as decided within the community that the more ambitious changes that were planned for later integration were close to being ready.
...old layout engine, networking engine, and several of the older modules were gutted, and much later, the sources reached the point where netscape was comfortable making a release, and so netscape 6.0 was released.
...And 16 more matches
A bird's-eye view of the Mozilla framework
ines what happens when the user performs a simple user interface (ui) action such as clicking a link in the contents panel of the help viewer window shown below.
...ace (ui) action such as clicking a link in the contents panel of the help viewer window shown below.
...framework supporting the mozilla application suite, not the architecture of the individual applications themselves.
...And 16 more matches
NetUtil.jsm
the netutil.jsm javascript code module provides easy-to-use apis for performing common network related tasks.
...util.jsm javascript code module provides easy-to-use apis for performing common network related tasks.
... network related tasks.
...And 16 more matches
Adding 2D content to a WebGL context - Web APIs
« previousnext » once you've successfully created a webgl context, you can start rendering into it.
...th the fragment shader.
... texel's color, then applying the appropriate lighting to the color.
...And 16 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
the html <img> element embeds an image into the document.
...sly, for atomic presentation with other content.
...g measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when.
...And 16 more matches
CSP: base-uri - HTTP
olicy base-uri directive restricts the urls which can be used in a document's <base> element.
... element.
...uri is allowed.
...And 16 more matches
CSP: connect-src - HTTP
the http content-security-policy (csp) connect-src directive restricts the urls which can be loaded using script interfaces.
...ntsource, and navigator.sendbeacon().
...socket schemas in all browsers, more info: https://github.com/w3c/webappsec-csp/issues/7 csp version 1 directive type fetch directive default-src fallback yes.
...And 16 more matches
CSP: font-src - HTTP
the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
... the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
...rity-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
...And 16 more matches
CSP: form-action - HTTP
iven context.
...debated and browser implementations of this aspect are inconsistent (e.g.
...ect are inconsistent (e.g.
...And 16 more matches
CSP: navigate-to - HTTP
n what navigations this document initiates not on what this document is allowed to navigate to.
...igate to.
...is present, the navigate-to directive will not act on navigations that are form submissions.
...And 16 more matches
Filtering - Archive of obsolete content
.
...s list using a template.
...te.
...And 15 more matches
Template Logging - Archive of obsolete content
hich template errors may be detected.
...for references, the value of the template's id and ref attributes are provided in each logged message.
...plate's id and ref attributes are provided in each logged message.
...And 15 more matches
HTMLMediaElement.srcObject - Web APIs
the srcobject property of the htmlmediaelement interface sets or returns the object which serves as the source of the media associated with the htmlmediaelement.
... the srcobject property of the htmlmediaelement interface sets or returns the object which serves as the source of the media associated with the htmlmediaelement.
... the srcobject property of the htmlmediaelement interface sets or returns the object which serves as the source of the media associated with the htmlmediaelement.
...And 15 more matches
Using Service Workers - Web APIs
an indexeddb, and caching site assets).
...y the image after it’s loaded, but what about events that start happening before we start listening to them?
...uses a promise-powered function to read image data from a json object and load the images using ajax, before displaying the images in a line down the page.
...And 15 more matches
border-image - CSS: Cascading Style Sheets
the border-image css property draws an image around a given element.
...es and send us a pull request.
...ou should specify a separate border-style in case the border image fails to load.
...And 15 more matches
CSP: child-src - HTTP
the http content-security-policy (csp) child-src directive defines the valid sources for web workers and nested browsing contexts loaded using elements such as <frame> and <iframe>.
...workers and nested browsing contexts loaded using elements such as <frame> and <iframe>.
...>.
...And 15 more matches
CSP: frame-ancestors - HTTP
ame>, <iframe>, <object>, <embed>, or <applet>.
...o x-frame-options: deny (which is also supported in older browsers).
... older browsers).
...And 15 more matches
CSP: frame-src - HTTP
the http content-security-policy (csp) frame-src directive specifies valid sources for nested browsing contexts loading using elements such as <frame> and <iframe>.
...nt-security-policy (csp) frame-src directive specifies valid sources for nested browsing contexts loading using elements such as <frame> and <iframe>.
...ng contexts loading using elements such as <frame> and <iframe>.
...And 15 more matches
CSP: manifest-src - HTTP
the http content-security-policy: manifest-src directive specifies which manifest can be applied to the resource.
... the http content-security-policy: manifest-src directive specifies which manifest can be applied to the resource.
...policy: manifest-src directive specifies which manifest can be applied to the resource.
...And 15 more matches
CSP: media-src - HTTP
the http content-security-policy (csp) media-src directive specifies valid sources for loading media using the <audio> and <video> elements.
... the http content-security-policy (csp) media-src directive specifies valid sources for loading media using the <audio> and <video> elements.
...c directive specifies valid sources for loading media using the <audio> and <video> elements.
...And 15 more matches
CSP: object-src - HTTP
the http content-security-policy object-src directive specifies valid sources for the <object>, <embed>, and <applet> elements.
... (such as the security attributes sandbox or allow for <iframe>).
...ended to restrict this fetch-directive (e.g.
...And 15 more matches
CSP: worker-src - HTTP
the http content-security-policy (csp) worker-src directive specifies valid sources for worker, sharedworker, or serviceworker scripts.
... directive type fetch directive fallback if this directive is absent, the user agent will first look for the child-src directive, then the script-src directive, then finally for the default-src directive, when governing worker execution.
...ent, the user agent will first look for the child-src directive, then the script-src directive, then finally for the default-src directive, when governing worker execution.
...And 15 more matches
Web audio codec guide - Web media technologies
webm, ogg [1] when mpeg-1 audio layer iii codec data is stored in an mpeg file, and there is no video track on the file, the file is typically referred to as an mp3 file, even though it's still an mpeg format file.
... configuration during the encoding process.
...ng process.
...And 15 more matches
Venkman Introduction - Archive of obsolete content
escribe in the view customization section below.
...h dhtml.
...able in the debug menu and from the console to stop at errors or at exceptions.
...And 14 more matches
Additional Navigation - Archive of obsolete content
« previousnext » retrieving literals the triples used so far have all had variables in both the subject and object.
... « previousnext » retrieving literals the triples used so far have all had variables in both the subject and object.
... « previousnext » retrieving literals the triples used so far have all had variables in both the subject and object.
...And 14 more matches
Accessible multimedia - Learn web development
rms, and a large head with lots of sharp teeth."> accessible audio and video controls implementing controls for web-based audio/video shouldn't be a problem, right?
...th."> accessible audio and video controls implementing controls for web-based audio/video shouldn't be a problem, right?
... implementing controls for web-based audio/video shouldn't be a problem, right?
...And 14 more matches
Responsive images - Learn web development
et's examine a typical scenario.
... those in a future css module.
...al image content, just larger or smaller depending on the device — this is the situation we have with the second content image in our example.
...And 14 more matches
NSS functions
updated - function has new arguments such as new flag or addition to structure.
...nctions most commonly used by applications to support ssl.
...able for a function listed below, the function name is linked to either its mdc wiki page or its entry in the old ssl reference.
...And 14 more matches
Hacking Tips
help (from js shell) use the help function to get the list of all primitive functions of the shell with their description.
...) will give brief help on just the members of that "namespace".
...ay, or do everything from the command line as follow: $ gdb -ex 'enable unwinder .* spidermonkey' -ex 'bt 0' -ex 'thread apply all backtrace' -ex 'quit' out/dist/bin/js corefile the gdb unwinder is supposed to be loaded by dist/bin/js-gdb.py and load python scripts which are located in js/src/gdb/mozilla under gdb.
...And 14 more matches
Mozilla
s how to add a new css property to the style system.
... will guide you in building firefox or other projects based upon mozilla code.
...cific, so not all of them may apply to you.
...And 14 more matches
Using server-sent events - Web APIs
ication that uses server-sent events is straightforward.
... events to the front-end, but the client side code works almost identically to websockets in part of handling incoming events.
... in part of handling incoming events.
...And 14 more matches
Content negotiation - HTTP
in http, content negotiation is the mechanism that is used for serving different representations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image format, or which content encoding).
...or serving different representations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image format, or which content encoding).
...nt can specify which is best suited for the user (for example, which language of a document, which image format, or which content encoding).
...And 14 more matches
Web Performance
om), css object model (cssom), render tree and layout.css and javascript animation performancebrowsers are able to optimize rendering flows.
... css transitions/animations where possible.
...o rely on javascript-based animations instead.lazy loadinglazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...And 14 more matches
How to implement a custom XUL query processor component - Archive of obsolete content
xul supports templating to create a block of content from a datasource query.
...d sql (mozstorage).
...orts building custom query processors.
...And 13 more matches
XML Templates - Archive of obsolete content
« previousnext » mozilla also supports the use of xml datasources.
... « previousnext » mozilla also supports the use of xml datasources.
... « previousnext » mozilla also supports the use of xml datasources.
...And 13 more matches
XULRunner Hall of Fame - Archive of obsolete content
xulrunner 5 or greater.
...es match the rapid release cycle.
...r 30 with i18n support.
...And 13 more matches
Debugging on Mac OS X
e browser on macos 10.15+ -- see quarantine note below).
...mended to test fixes with sip enabled.
...lications that should be understood before taking this step.
...And 13 more matches
nsIHTMLEditor
efontsize(); void indent(in astring aindent); void insertelementatselection(in nsidomelement aelement, in boolean adeleteselection); void insertfromdrop(in nsidomevent aevent); void inserthtml(in astring ainputstring); void inserthtmlwithcontext(in astring ainputstring, in astring acontextstr, in astring ainfostr, in astring aflavor, in nsidomdocument asourcedoc, in nsidomnode adestinationnode, in long adestinationoffset, in boolean adeleteselection); void insertlinkaroundselection(in nsidomelement aanchorelement); boolean isanonymouselement(in nsidomelement aelement); void makeorchangelist(in astring alisttype, in boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pa...
...n adeleteselection); void insertlinkaroundselection(in nsidomelement aanchorelement); boolean isanonymouselement(in nsidomelement aelement); void makeorchangelist(in astring alisttype, in boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pastenoformatting(in long aselectiontype); void rebuilddocumentfromsource(in astring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void removeinlineproperty(in nsiatom aproperty, in astring aattribute); void removeinsertionlistener(in nsicontentfilter infilter); void removelist(in astrin...
...(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void removeinlineproperty(in nsiatom aproperty, in astring aattribute); void removeinsertionlistener(in nsicontentfilter infilter); void removelist(in astring alisttype); void replaceheadcontentswithhtml(in astring asourcetoinsert); void selectelement(in nsidomelement aelement); void setbackgroundcolor(in astring acolor); void setbodyattribute(in astring aattr, in astring avalue); void setcaretafterelement(in nsidomelement aelement); void setcssinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setdocumenttitle(in astring atitle...
...And 13 more matches
HTMLMediaElement - Web APIs
poor user experience and should be avoided in most cases, though there are exceptions.
...the media source that the browser has buffered (if any) at the moment the buffered property is accessed.
...ntrols to show on the media element whenever the user agent shows its own set of controls.
...And 13 more matches
Request.cache - Web APIs
Web › API › Request › cache
syntax var currentcachemode = request.cache; value a requestcache value.
....
...if there is a match but it is stale, the browser will make a conditional request to the remote server.
...And 13 more matches
WebGLRenderingContext.blendEquationSeparate() - Web APIs
he webglrenderingcontext.blendequationseparate() method of the webgl api is used to set the rgb blend equation and alpha blend equation separately.
...sed to set the rgb blend equation and alpha blend equation separately.
... separately.
...And 13 more matches
<picture>: The Picture element - HTML: Hypertext Markup Language
Web › HTML › Element › picture
the html <picture> element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for different display/device scenarios.
... the html <picture> element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for different display/device scenarios.
...offer alternative versions of an image for different display/device scenarios.
...And 13 more matches
XUL Questions and Answers - Archive of obsolete content
arch plugins is available in the search plugins category.
...st two options: use dom methods to dynamically create or rearrange elements file an enhancement request in bugzilla to have extra ids added.
... to dynamically create or rearrange elements file an enhancement request in bugzilla to have extra ids added.
...And 12 more matches
How Mozilla's build system works
this documentation is for mozilla developers who need to work on mozilla's build system.
...ta structure defines which compiler to use, how to invoke it, which application features are enabled, and so on.
...ckend the recursive make backend is the tried-and-true backend used to build the tree.
...And 12 more matches
Using the clipboard
ate an xpcom wrapper for the data which you want to put on the clipboard.
...e want to copy.
...var res = nssupportsstring(); // store the javascript string that we want to wrap in the new nsisupportsstring object res.data = str; return res; } // create a constructor for the built-in transferable class const nstransferable = components.constructor("@mozilla.org/widget/transferable;1", "nsitransferable"); // create a wrapper to construct an nsitransferable instance and set its source to the given window, when necessary function transferable(source) { var res = nstransferable(); if ('init' in res) { // when passed a window object, find a suitable privacy context for it.
...And 12 more matches
CanvasRenderingContext2D.drawImage() - Web APIs
anvasrenderingcontext2d.drawimage() method of the canvas 2d api provides different ways to draw an image onto the canvas.
...xt2d.drawimage() method of the canvas 2d api provides different ways to draw an image onto the canvas.
...dx, dy, dwidth, dheight); parameters image an element to draw into the context.
...And 12 more matches
PannerNode - Web APIs
the pannernode interface represents the position and behavior of an audio source signal in space.
...lume will be reduced by a constant value, defined by the coneoutergain attribute.
...s default value is 0, meaning that no sound can be heard.
...And 12 more matches
mask-border - CSS: Cascading Style Sheets
the mask-border css shorthand property lets you create a mask along the edge of an element's border.
... the mask-border css shorthand property lets you create a mask along the edge of an element's border.
... the mask-border css shorthand property lets you create a mask along the edge of an element's border.
...And 12 more matches
HTML attribute reference - HTML: Hypertext Markup Language
an be captured.
...er.
...e text direction.
...And 12 more matches
Tamarin build documentation - Archive of obsolete content
tamarin source versions the following instructions are for obtaining and building the tamarin central source code.
...for instructions on tamarin tracing, please see tamarin tracing build documentation.
...tamarin tracing, please see tamarin tracing build documentation.
...And 11 more matches
Beginner's guide to media queries - Learn web development
th — using the min-width, max-width, and width media features.
...e source.
... list at using media queries: media features.
...And 11 more matches
OS.File for the main thread
this page details how to use file i/o from the main thread.
...valclose => { console.log('valclose:', valclose); console.log('successfully appended'); }); }); }); global object os.file method overview promise<file> open(in string path, [optional] in object mode, [optional] in object options); promise<object> openunique(in string path, [optional] in object options); promise<void> copy(in string sourcepath, in string destpath, [optional] in object options); promise<bool> exists(in string path); promise<string> getcurrentdirectory(); promise<void> makedir(in string path, [optional] in object options); promise<void> move(in string sourcepath, in string destpath); promise<uint8array> read(in string path, [optional] in object options); promise<v...
...lename-1.ext, filename-2.ext.
...And 11 more matches
SpiderMonkey Internals
star in jsinterp.cpp (to thunderous applause from firefox users).
...sers).
... collected in a type named jscontext.
...And 11 more matches
Standard OS Libraries
mousemove listener, as this is a high overhead event listener.
...[ { "x": ctypes.long }, { "y": ctypes.long } ]); /* declare the signature of the function we are going to call */ var getcursorpos = lib.declare('getcursorpos', ctypes.winapi_abi, ctypes.bool, point.ptr ); /* use it like this */ var point = point(); var ret = getcursorpos(point.address()); components.utils.reporterror(ret); components.utils.reporterror(point); lib.close(); resources for winapi githubgists :: noitidart / search · winapi - winapi js-ctypes snippets that can be copied and pasted to scratchpad com see using com from js-ctypes.
...veloper :: gdk 3 reference manual.
...And 11 more matches
BaseAudioContext.decodeAudioData() - Web APIs
the decodeaudiodata() method of the baseaudiocontext interface is used to asynchronously decode audio file data contained in an arraybuffer.
...er containing the audio data to be decoded, usually grabbed from xmlhttprequest, windoworworkerglobalscope.fetch() or filereader.
... older callback syntax in this example, the getdata() function uses xhr to load an audio track, setting the responsetype of the request to arraybuffer so that it returns an array buffer as its response that we then store in the audiodata variable .
...And 11 more matches
Window - Web APIs
Web › API › Window
ight="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">window</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructors see also the dom interfaces.
...r html source stored in a string into a dom document.
...ates a base-64 encoded ascii string from a string of binary data.
...And 11 more matches
Web APIs
Web › API
i cssomcanvas apichannel messaging apiconsole apicredential management apiddomeencoding apiencrypted media extensionsffetch apifile system api frame timing apifullscreen apiggamepad api geolocation apihhtml drag and drop apihigh resolution timehistory apiiimage capture apiindexeddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork information api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb anim...
...s, types of objects) that are available.
...bientlightsensor analysernode animation animationeffect animationevent animationplaybackevent animationtimeline arraybufferview attr audiobuffer audiobuffersourcenode audioconfiguration audiocontext audiocontextlatencycategory audiocontextoptions audiodestinationnode audiolistener audionode audionodeoptions audioparam audioparamdescriptor audioparammap audioprocessingevent audioscheduledsourcenode audiotrack audiotracklist audioworklet audioworkletglobalscope audioworkletnode audioworkletnodeoptions audioworkletprocessor authenticatorassertionresponse authenticatorattestationresponse authenticatorresponse b baseaudiocontext basiccardrequest basiccardresponse batterymanager beforeinstallpromptevent beforeunloadevent biquadfilternode blob blobbuilder blobevent bluetooth blue...
...And 11 more matches
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
rid layout we’ve already seen in these guides that grid gives us power to re-order the content of our page in various ways.
...in the source.
... order and the grid-placement properties only for visual, not logical, reordering of content.
...And 11 more matches
HTML elements reference - HTML: Hypertext Markup Language
Web › HTML › Element
or link to another file that has the information.
... <base> the html <base> element specifies the base url to use for all relative urls in a document.
...tags.
...And 11 more matches
File I/O - Archive of obsolete content
referred over the examples in this article.
...s").
...fastload files are stored.
...And 10 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
w page may have links that take you to other pages, which may in turn have more links, and so on.
...u that dynamically loads news headlines into the current web page.
...pages to related content, is analogous to a book or a magazine: readers view pages, go to other pages for more information, and view resources listed as references on that page.
...And 10 more matches
Result Generation - Archive of obsolete content
« previousnext » rdf in this section, we'll look at generating template output using rdf datasources.
... case.
...ws with specific labels.
...And 10 more matches
Sorting Results - Archive of obsolete content
« previousnext » when results are generated from a query, content is generated in the same order as the results.
... « previousnext » when results are generated from a query, content is generated in the same order as the results.
... « previousnext » when results are generated from a query, content is generated in the same order as the results.
...And 10 more matches
Audio for Web games - Game development
simple autoplay functionality is tested with our autoplay test example.
...aria-describedby="horns-play-label"> <span id="horns-play-label">play</span> </button> </li> <li data-loading="true"> <a href="clav.mp3" class="track">clavi</a> <p class="loading-text">loading...</p> <button data-playing="false" aria-describedby="clavi-play-label"> <span id="clavi-play-label">play</span> </button> </li> </ul> <p class="sourced">all tracks sourced from <a href="http://jplayer.org/">jplayer.org</a></p> </section> all of these tracks are the same tempo and are designed to be synchronized with each other, so we need to make sure they are loaded and available to the api before we are able to play them.
...'s also create a playtrack() function, which we can call once a file has been fetched.
...And 10 more matches
Introducing a complete toolchain - Learn web development
n-native web language could be integrated into a toolchain.
...e project.
... also installs a complimentary tool called npx.
...And 10 more matches
Simple Instantbird build
.
...tial source download.
...uisites gnu/linux build prerequisites mac os x build prerequisites tip: after completing setup for your os, and before you get the source, you can opt to add the progressextension to your mercurial.ini (for windows) or .hgrc (for *nix / mac) file.
...And 10 more matches
Localizing without a specialized tool
from the create a new localization document, an interested localizer can follow a technical step-by-step process that starts the localization process by focusing on how to localize two of the primary types of localization files (dtd and properties) used in the mozilla source code.
...eading this tutorial on mdc, you will see two string that need to be translated: add "mdc search" manage search engines...
...lla-1.9.2 (en-us source, pulled from http://hg.mozilla.org/releases/mozilla-1.9.2) l10n-mozilla-1.9.2 (a directory containing localization directories, one dir per localization; often referred to as "l10n base") x-testing (a directory with your localization files) please either follow this structure closely or adjust all commands in the documentation as needed by your custom set-up.
...And 10 more matches
Bytecode Descriptions
proto as the new function's [[prototype]] (or %functionprototype% if proto is null).
...tion's [[prototype]] (or %functionprototype% if proto is null).
...lassdefinitionevaluation steps 6.e.ii, 6.g.iii, and 12 for derived classes.
...And 10 more matches
nsIAnnotationService
aname); boolean itemhasannotation(in long long aitemid, in autf8string aname); void removepageannotation(in nsiuri auri, in autf8string aname); void removeitemannotation(in long long aitemid, in autf8string aname); void removepageannotations(in nsiuri auri); void removeitemannotations(in long long aitemid); void copypageannotations(in nsiuri asourceuri, in nsiuri adesturi, in boolean aoverwritedest); void copyitemannotations(in long long asourceitemid, in long long adestitemid, in boolean aoverwritedest); void addobserver(in nsiannotationobserver aobserver); void removeobserver(in nsiannotationobserver aobserver); nsiuri getannotationuri(in nsiuri auri, in autf8string aname); constants con...
... annotation is set.
... want some other similar functions to get annotations with given flags (once we have flags defined).
...And 10 more matches
AudioBuffer - Web APIs
the audiobuffer interface represents a short audio asset residing in memory, created from an audio file using the audiocontext.decodeaudiodata() method, or from raw data using audiocontext.createbuffer().
... in memory, created from an audio file using the audiocontext.decodeaudiodata() method, or from raw data using audiocontext.createbuffer().
...uffer.getchanneldata() returns a float32array containing the pcm data associated with the channel, defined by the channel parameter (with 0 representing the first channel).
...And 10 more matches
BaseAudioContext.createBuffer() - Web APIs
the createbuffer() method of the baseaudiocontext interface is used to create a new, empty audiobuffer object, which can then be populated by data, and played via an audiobuffersourcenode for more details about audio buffers, check out the audiobuffer reference page.
...sed data and give back decoded samples, but this ability was removed from the spec, because all the decoding was done on the main thread, therefore createbuffer() was blocking other code execution.
... on the resizing algorithm), but it works, and the resized image takes up less space.
...And 10 more matches
Performance - Web APIs
the performance interface provides access to performance-related information for the current page.
...ce.timeorigin read only returns the high resolution timestamp of the start time of the performance measurement.
... start time of the performance measurement.
...And 10 more matches
Using IIR filters - Web APIs
n a simple example.
...rs the realms of signal processing theory — don't worry if you look at it and feel like it's not for you.
...dio api specification.
...And 10 more matches
XRSession - Web APIs
Web › API › XRSession
n inherits properties from its parent interface, eventtarget.
... environmentblendmode read only returns this session's blend mode which denotes how much of the real-world environment is visible through the xr device and how the device will blend the device imagery with it.
...ged from their current values.
...And 10 more matches
Cross-browser audio basics - Developer guides
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 basic audio example the code below is an example of a basic audio implementation using html5: <audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
...browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
...io.
...And 10 more matches
CSP: default-src - HTTP
at are absent, the user agent looks for the default-src directive and uses this value for it: child-src connect-src font-src frame-src img-src manifest-src media-src object-src prefetch-src script-src script-src-elem script-src-attr style-src style-src-elem style-src-attr worker-src csp version 1 directive type fetch directive syntax one or more sources can be allowed for the default-src policy: content-security-policy: default-src <source>; content-security-policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...ample.com: matches all attempts to load from any subdomain of example.com using the http: url scheme.
...And 10 more matches
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
de browser files.” set up quicknote for the purposes of this explanation, we’re going to use the file-storage mechanism in quicknote1 for our debugger.
...er.
... firefox.
...And 9 more matches
Elements - Archive of obsolete content
or workarounds.
...and xlink.
...y way to attach bindings to any set of elements.
...And 9 more matches
HTML: A good basis for accessibility - Learn web development
ility.
...en likely (depending on which screen reader you're using) have to go down into the table as an object and look at its features separately, then get out of the table again to carry on navigating the content.
... repeating content units (<article>), etc.
...And 9 more matches
HTML: A good basis for accessibility - Learn web development
ility.
...en likely (depending on which screen reader you're using) have to go down into the table as an object and look at its features separately, then get out of the table again to carry on navigating the content.
... repeating content units (<article>), etc.
...And 9 more matches
Positioning - Learn web development
explains the different position values, and how to use them.
... add the following rule to the bottom of your css: .positioned { position: static; background: yellow; } if you now save and refresh, you'll see no difference at all, except for the updated background color of the 2nd paragraph.
...y sound, this is just the way that relative positioning works — you need to think of an invisible force that pushes the specified side of the positioned box, moving it in the opposite direction.
...And 9 more matches
Graceful asynchronous programming with Promises - Learn web development
's main thread, the entire browser is blocked until getusermedia() returns!
...esn't do much more than it would if you just didn't bother including the .catch() block at all, but think about it — this allows us to control error handling exactly how we want.
...ation to dynamically populate a ui feature on our page with content.
...And 9 more matches
Client-side storage - Learn web development
m of your code: document.body.onload = namedisplaycheck; your example is finished — well done!
...dbobjectstore.delete() method to delete the record from the database, passing it the id.
...ents needed to insert the video in the ui and then appends them to the page.
...And 9 more matches
Handling common JavaScript problems - Learn web development
you intended.
...ber (the value of i at the time it was created), however each one reports i as 11, because for loops do all their iterating before nested functions are invoked.
... other integrations available, e.g.
...And 9 more matches
Old Thunderbird build
ld a thunderbird up to version 59.
...l need to carry out a different process to prepare your machine.
...irstly complete the instructions for your os and then continue following these build instructions.
...And 9 more matches
mach
mach (german for to make) is a program via the "command-line interface" to help developers perform installation tasks such as installing firefox from its c++ source code.
...rs perform installation tasks such as installing firefox from its c++ source code.
...s for your system.
...And 9 more matches
Examples
how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
...unexpected errors should always be reported at the end of a promise chain.
...heck fails, for example because access is denied, promise is rejected with an os.file.error instance.
...And 9 more matches
NSS Tools
nss security tools newsgroup: mozilla.dev.tech.crypto overview the nss security tools allow developers to test, debug, and manage applications that use nss.
...opers to test, debug, and manage applications that use nss.
...both the tools that are currently working and those that are still under development.
...And 9 more matches
certutil
ut.
...nsion to the certificate.
... --extia add the inhibit any policy access extension to the certificate.
...And 9 more matches
nsIIOService
a webworker, pass the principal of that worker.
...r from internal browser features, pass the system principal.
...gnode is null.
...And 9 more matches
DOMMatrixReadOnly - Web APIs
4 matrix, as shown below.
... interface doesn't inherit any methods.
...o multiplying the matrix by dommatrix(-1, 0, 0, 1, 0, 0).
...And 9 more matches
HTMLLinkElement - Web APIs
the htmllinkelement interface represents reference information for external resources and the relationship of those resources to a document and vice-versa (corresponds to <link> element; not to be confused with <a>, which is represented by htmlanchorelement).
...e of content being loaded by the html link.
...rresponds to the cors setting for this link element.
...And 9 more matches
Streams API concepts - Web APIs
the streams api adds a very useful set of tools to the web platform, providing objects allowing javascript to programmatically access streams of data received over the network and process them as desired by the developer.
...llowing javascript to programmatically access streams of data received over the network and process them as desired by the developer.
...rogrammatically access streams of data received over the network and process them as desired by the developer.
...And 9 more matches
WebXR Device API - Web APIs
takes two views to create the stereoscopic view as perceived by human vision—one for the left eye and a second for the right eye.
...one view is offset to the left slightly from the viewer's position, and the other view is offset to the right by the same distance.
...multi-user environment.
...And 9 more matches
Basics of HTTP - HTTP
http is an extensible protocol that relies on concepts like resources and uniform resource identifiers (uris), simple message structure, and client-server communication flow.
...hods or headers.
...hat http is and its role in web architecture, including its position in the protocol stack.
...And 9 more matches
List of default Accept values - HTTP
firefox text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 (since firefox 66) text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 (in firefox 65) text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 (before) in firefox 65 and earlier, this value can be modified using the network.http.accept.default parameter.
...n/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 (in firefox 65) text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 (before) in firefox 65 and earlier, this value can be modified using the network.http.accept.default parameter.
...alues for an image when requesting an image, like through an html <img> element, user-agent often sets a specific list of media types to be welcomed.
...And 9 more matches
An overview of HTTP - HTTP
Web › HTTP › Overview
http is a protocol which allows the fetching of resources, such as html documents.
...entity initiating the request.
... the years to simulate server-initiated messages).
...And 9 more matches
Filter effects - SVG: Scalable Vector Graphics
effect, etc).
... <feoffset in="blur" dx="4" dy="4" result="offsetblur"/> <!-- litpaint --> <fespecularlighting in="blur" surfacescale="5" specularconstant=".75" specularexponent="20" lighting-color="#bbbbbb" result="specout"> <fepointlight x="-5000" y="-10000" z="20000"/> </fespecularlighting> <fecomposite in="specout" in2="sourcealpha" operator="in" result="specout"/> <fecomposite in="sourcegraphic" in2="specout" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litpaint"/> <!-- merge offsetblur + litpaint --> <femerge> <femergenode in="offsetblur"/> <femergenode in="litpaint"/> </femerge> </filter> </defs> <!-- graphic elements --> <g filter="...
... <path fill="none" stroke="#d90000" stroke-width="10" d="m50,66 c-50,0 -50,-60 0,-60 h100 c50,0 50,60 0,60z" /> <path fill="#d90000" d="m60,56 c-30,0 -30,-40 0,-40 h80 c30,0 30,40 0,40z" /> <g fill="#ffffff" stroke="black" font-size="45" font-family="verdana" > <text x="52" y="52">svg</text> </g> </g> </svg> step 1 <fegaussianblur in="sourcealpha" stddeviation="4" result="blur"/> <fegaussianblur> takes in "sourcealpha", which is the alpha channel of the source graphic, applies a blur of 4, and stores the result in a temporary buffer named "blur".
...And 9 more matches
util/object - Archive of obsolete content
functions for working with objects.
...ns merge(source, arguments) merges all of the properties of all arguments into the first argument.
... "sf" }); b === a // true b.jetpacks // "are yes" b.foo // 50 b.bar // 6 b.location // "sf" // merge also translates property descriptors var c = { "type": "addon" }; var d = {}; object.defineproperty(d, "name", { value: "jetpacks", configurable: false }); merge(c, d); var props = object.getownpropertydescriptor(c, "name"); console.log(props.configurable); // true parameters source : object the object that other properties are merged into.
...And 8 more matches
Finding window handles - Archive of obsolete content
people who want to get the top level window hwnd from the window object in javascript.
... below from the scratchpad in environment > browser.
...terfacerequestor) .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .treeowner .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsibasewindow); var hwndstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/ctypes.jsm'); var user32 = ctypes.open('user32.dll'); /* http://msdn.microsoft.com/en-us/library/ms633539%28v=vs.85%29.aspx * bool winapi setforegroundwindow( * __in_ hwnd hwnd * ); */ var setforegroundwindow = user32.declare('setforegroundwindow', ctypes.winapi_abi, ctypes.bool, // return bool ctypes.voidptr_t // hwnd ); var hwnd = ctypes.voidptr_t(ctypes.uint64(hw...
...And 8 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
of the install.rdf file.
... to the /mozilla/$(moz_objdir)/dist/include/ directory and are thus accessible from other modules (the value of moz_objdir is defined in /mozilla/.mozconfig).
...e thus accessible from other modules (the value of moz_objdir is defined in /mozilla/.mozconfig).
...And 8 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
r to a comprehensive ide - complete with all of the interface widgets that you would find in virtually any major application framework.
...ver before.
...the heart of a browser, the browser engine software component is responsible for interpreting and rendering the graphics, text and script on the web.
...And 8 more matches
Venkman Internals - Archive of obsolete content
start with venkman information.
... start with venkman information.
... start with venkman information.
...And 8 more matches
SQLite Templates - Archive of obsolete content
« previousnext » templates may use a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
... « previousnext » templates may use a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
... « previousnext » templates may use a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
...And 8 more matches
Template and Tree Listeners - Archive of obsolete content
« previousnext » there are several listeners (or observers) used during the template build process, each used for different purposes.
...several listeners (or observers) used during the template build process, each used for different purposes.
... content is removed, and didrebuild method will be called when the content has been regenerated.
...And 8 more matches
nsIContentPolicy - Archive of obsolete content
t 3 obsolete since gecko 1.8 object 4 obsolete since gecko 1.8 subdocument 5 obsolete since gecko 1.8 control_tag 6 obsolete since gecko 1.8 raw_url 7 obsolete since gecko 1.8 document 8 obsolete since gecko 1.8 methods shouldload() called to let your content policy implementation decide whether or not the resource at a given location should be loaded.
... subdocument 5 obsolete since gecko 1.8 control_tag 6 obsolete since gecko 1.8 raw_url 7 obsolete since gecko 1.8 document 8 obsolete since gecko 1.8 methods shouldload() called to let your content policy implementation decide whether or not the resource at a given location should be loaded.
...o 1.8 raw_url 7 obsolete since gecko 1.8 document 8 obsolete since gecko 1.8 methods shouldload() called to let your content policy implementation decide whether or not the resource at a given location should be loaded.
...And 8 more matches
Choosing the right approach - Learn web development
previous overview: asynchronous to finish this module off, we'll provide a brief discussion of the different coding techniques and features we've discussed throughout, looking at which one you should use when, with recommendations and reminders of common pitfalls where appropriate.
...in turn do something with the result.
...to promises; it's not as efficient or flexible.
...And 8 more matches
Introducing asynchronous JavaScript - Learn web development
we ought to start off by making sure we understand what synchronous javascript is.
... <button>click me</button> note: it is important to remember that alert(), while being very useful for demonstrating a synchronous blocking operation, is terrible for use in real world applications.
...reference as an argument, i.e, the callback function is not executed immediately.
...And 8 more matches
Addon
ese methods or properties before relying on them.
...them.
... releasenotesuri read only nsiuri a uri for release notes for this version.
...And 8 more matches
AddonManager
t it deals with any kind (type) of add-on in a generic manner.
...ypes as parameters.
...in string iconurl, in string version, in nsiloadgroup loadgroup) promise?
...And 8 more matches
Localizing XLIFF files for iOS
f file in your favorite text editor.
...the <file> tag, add the target-language attribute with your locale code as the value (e.g., target-language="xx-xx").
...age="xx-xx").
...And 8 more matches
NSS tools : certutil
rtificate.
... add the inhibit any policy access extension to the certificate.
...the ---merge command.
...And 8 more matches
Web Replay
ger integration allows the js debugger to read the information it needs from a replaying process and control the process's execution (resume/rewind).
...ions.
...quests.
...And 8 more matches
Signing Mozilla apps for Mac OS X
his infrastructure is automatic signing of the ".app" folder using apple's codesign tool.
...ication with your-signing-identity is the name of your certificate.
...entity is the name of your certificate.
...And 8 more matches
nsIAsyncStreamCopier
netwerk/base/public/nsiasyncstreamcopier.idlscriptable this interface is used to copy the contents of one stream to another.
...opier.idlscriptable this interface is used to copy the contents of one stream to another.
...er.
...And 8 more matches
Debugging Tips
printing cdata and ctype currently console.log doesn't show type information of cdata.
...e://gre/modules/ctypes.jsm", {}); let i = ctypes.int32_t(10); console.log(i); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p); let pp = p.address(); console.log(pp); the result will be as following: cdata { value: 10 } cdata { x: 10, y: 20 } cdata { contents: cdata } to see more descriptive information, you can use .tosource().
...t(10); console.log(i); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p); let pp = p.address(); console.log(pp); the result will be as following: cdata { value: 10 } cdata { x: 10, y: 20 } cdata { contents: cdata } to see more descriptive information, you can use .tosource().
...And 8 more matches
Migrating from Firebug - Firefox Developer Tools
thin the html panel via css selectors or xpaths.
... inspector panel allows to search for css selectors.
...css selectors.
...And 8 more matches
Network request details - Firefox Developer Tools
if the response is json, it will be shown as an inspectable object: if the response is an image, the tab displays a preview: for network responses that are initiated by a websocket connection, the details pane shows any associated messages.
...: if the response is an image, the tab displays a preview: for network responses that are initiated by a websocket connection, the details pane shows any associated messages.
...e initiated by a websocket connection, the details pane shows any associated messages.
...And 8 more matches
AudioBuffer.getChannelData() - Web APIs
index representing the particular channel to get data for.
...f the channel index value is greater than of equal to audiobuffer.numberofchannels, an index_size_err exception will be thrown.
...een -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } // get an audiobuffersourcenode.
...And 8 more matches
MediaStreamTrack - Web APIs
nable properties.
...eliable.
...read only returns a domstring containing a unique identifier (guid) for the track; it is generated by the browser.
...And 8 more matches
Performance API - Web APIs
ace that supports client-side latency measurements within applications.
...meline.
...ser's document navigation events.
...And 8 more matches
Range.compareBoundaryPoints() - Web APIs
the range.compareboundarypoints() method compares the boundary points of the range with those of another range.
... the range.compareboundarypoints() method compares the boundary points of the range with those of another range.
...nge.
...And 8 more matches
WebGLRenderingContext.blendFuncSeparate() - Web APIs
the webglrenderingcontext.blendfuncseparate() method of the webgl api defines which function is used for blending pixel arithmetic for rgb and alpha components separately.
...arameters srcrgb a glenum specifying a multiplier for the red, green and blue (rgb) source blending factors.
...ossible values, see below.
...And 8 more matches
WebGL constants - Web APIs
nstant_name: var canvas = document.getelementbyid('mycanvas'); var gl = canvas.getcontext('webgl'); gl.getparameter(gl.line_width); some constants are also provided by webgl extensions.
...o specify the blending mode (for both, rbg and alpha, or separately).
...sed to blendfunc or blendfuncseparate to turn off a component.
...And 8 more matches
Starting up and shutting down a WebXR session - Web APIs
the limitations before you begin.
... things worth mentioning.
... of the extension was announced on march 26, 2020.
...And 8 more matches
Performance fundamentals - Web Performance
ions in the system would run simultaneously, and all applications would retain the state created by the user the last time the user interacted with the application (application state is stored in computer memory, which is why the approximation is close).
...ously, and all applications would retain the state created by the user the last time the user interacted with the application (application state is stored in computer memory, which is why the approximation is close).
...t maximize the amount of free memory.
...And 8 more matches
The building blocks of responsive design - Progressive web apps (PWAs)
ally it's not — we are providing a number of media query options, as at this time different browsers support different resolution media query types and even units.
...ber of media query options, as at this time different browsers support different resolution media query types and even units.
... different browsers support different resolution media query types and even units.
...And 8 more matches
operator - SVG: Scalable Vector Graphics
ext x="0" y="40" filter="url(#erode)">thin text</text> <text x="0" y="65" filter="url(#dilate)">fat text</text> </svg> fecomposite for <fecomposite>, operator defines the compositing operation that is to be performed.
...erator defines the compositing operation that is to be performed.
...es over this value indicates that the source graphic defined in the in attribute is placed over the destination graphic defined in the in2 attribute.
...And 8 more matches
Appendix D: Loading Scripts - Archive of obsolete content
ages familiarity: these tags are very similar to the html script tags familiar to most web developers.
...bal object.
...ry authors can choose to cache instances of their modules so that modules are loaded only once globally, this method can be easily misused to re-load scripts for each new window where they would be better loaded only once globally per session.
...And 7 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
ail & cn), this will finally call processldapvalues, "3)" just above.
...config and ldap calls below is a "try and catch" we had in previous release of thunderbird where that feature wasn't compiled in by default, it can help if needed ...
...ad in previous release of thunderbird where that feature wasn't compiled in by default, it can help if needed ...
...And 7 more matches
Monitoring downloads - Archive of obsolete content
se the storage api to issue sqlite commands on a database.
...ss to the storage service and open the database this.storageservice = components.classes["@mozilla.org/storage/service;1"] .getservice(components.interfaces.mozistorageservice); var dbconn = this.storageservice.opendatabase(this.dbfile); // now create the table; if it already exists, this fails, but we don't care!
... is called whenever a download's state changes.
...And 7 more matches
Special Condition Tests - Archive of obsolete content
nce the inner iterations may use different content.
...nto an <hbox>, but at lower levels, the content will be inserted into a <menu> in case you aren't clear, the tag that must match for the outer iteration is the root element, the one with the datasources attribute on it.
...r element is a vbox, this will match for all results in the first iteration of the template.
...And 7 more matches
Using Remote XUL - Archive of obsolete content
ould understand how to: create xul documents; serve them from a web server; use cascading style sheets (css) to change their appearance; use javascript to define their behavior.
... is required because xul is an xml-based language, and this instruction tells browsers how to parse the document.
...ond.
...And 7 more matches
Archived Mozilla and build documentation - Archive of obsolete content
logs (and comments); doing diffs between various versions of a file; and finding out which person is responsible for changing a particular line of code ("cvsblame").
... a mozilla extension is an installable enhancement to the mozilla browser that provides additional functionality (for example linky, which adds an item to the context menu for opening multiple links in a document or selection).
...iple links in a document or selection).
...And 7 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
hy to validate the signature and confirm the validity of the certificate.
...s the basic steps involved in authenticating a client by means of a name and password.
... wishes to use during a work session.
...And 7 more matches
Visual-js game engine - Game development
full name : visual-js gui for windows multiplatform 2d game engine creator : nikola lukic 2017 2018 open source visual-js project parts : -2d part : this is javascript game engine (server part node.js / client part js) js framework with windows gui editor and game instance creator.
...fter starting on-page-editor open browser icon to open internet browser in editor mode .
... open browser icon to open internet browser in editor mode .
...And 7 more matches
Introduction to events - Learn web development
sense to use onplay only on specific elements, such as <video>).
...nt handler properties, but the syntax is obviously different.
...it is automatically passed to event handlers to provide extra features and information.
...And 7 more matches
Introduction to web APIs - Learn web development
e in its place.
...ipt objects module before continuing.
...'s playing.
...And 7 more matches
Server-side web frameworks - Learn web development
with the formatted output (in this case a string).
...ndex), # example: /best/myteamname/5/ url(r'^best/(?p<team_name>\w.+?)/(?p<team_number>[0-9]+)/$', views.best), ] make it easy to access data in the request data can be encoded in an http request in a number of ways.
...django model provides a simple query api for searching the database.
...And 7 more matches
Deployment and next steps - Learn web development
previous overview: client-side javascript frameworks in the previous article we learning about svelte's typescript support, and how to use it to make your application more robust.
... your svelte learning journey.
... chapter we will talk briefly about the pros and cons of using typescript.
...And 7 more matches
Handling common accessibility problems - Learn web development
the first section of my document.</p> <p>i'll add another paragraph here too.</p> <h2>my subheading</h2> <p>this is the first subsection of my document.
...ng</h2> <p>this is the first subsection of my document.
...board accessibility certain html features can be selected using only the keyboard — this is default behavior, available since the early days of the web.
...And 7 more matches
Chrome registration
me providers a supplier of chrome for a given window type (e.g., for the browser window) is called a chrome provider.
...r describing the contents of windows and dialogs.
...what you want or expect it to do).
...And 7 more matches
Configuring Build Options
ot required.
...cluding options not usable from the command-line, may appear in "confvars.sh" files in the source tree.
...other configuration options can be configured in a mozconfig file.
...And 7 more matches
JSAPI User Guide
makes it easy for each application to expose some of its own objects and functions to javascript code.
...r application will expose objects that are relevant for the kind of scripts you want to write.
...ons, classes, and variables are stored as properties of the global object.
...And 7 more matches
Type conversion
ecfunction", ctypes.default_abi, ctypes.void_t, ctypes.char.ptr); somecfunction(buffer); // here ctypes.char.array(10)() is converted to ctypes.char.ptr type implicit conversion can be tested in the following way: var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.bool } ])(); mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true' boolean type target type source converted value ctypes.bool js boolean src js number (0 or 1) if src == 0: false if src == 1: true var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.bool } ])(); mystruct.v = true; console.log(mystruct.v.tostring()); // 'true' mystruct.v = false; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 1; console.log(mystruct.v.tos...
...ypes.bool } ])(); mystruct.v = true; console.log(mystruct.v.tostring()); // 'true' mystruct.v = false; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true' mystruct.v = 0; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 10; // throws error mystruct.v = "a"; // throws error integer types target type source converted value ctypes.char16_t js string (only if its length == 1) src.charcodeat(0) any integer types js number (only if fits to the size) src js boolean if src == true: 1 if src == false: 0 var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.char16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); //...
....v.tostring()); // "x" mystruct.v = "xx"; // throws error var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.int16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); // 65 mystruct.v = true; console.log(mystruct.v.tostring()); // 1 mystruct.v = "x"; // throws error integer/float types are implicitly convertible if any data of source type could be representable in the target type.
...And 7 more matches
BaseAudioContext.createDelay() - Web APIs
xdelaytime optional the maximum amount of time, in seconds, that the audio signal can be delayed by.
... just press the play buttons, the loops will start immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...t immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...And 7 more matches
DelayNode.delayTime - Web APIs
d that created it.
... just press the play buttons, the loops will start immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...t immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...And 7 more matches
DelayNode - Web APIs
Web › API › DelayNode
erits properties from its parent, audionode.
... just press the play buttons, the loops will start immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...t immediately; if you slide the sliders up to the right, then press the play buttons, a delay will be introduced, so the looping sounds don't start playing for a short amount of time.
...And 7 more matches
WebGLShader - Web APIs
the webglshader is part of the webgl api and can either be a vertex or a fragment shader.
... the webglshader is part of the webgl api and can either be a vertex or a fragment shader.
... types of shaders.
...And 7 more matches
Lighting in WebGL - Web APIs
ly, regardless of which direction it's facing.
...ered directional light.
...ll directions.
...And 7 more matches
Live streaming web audio and video - Developer guides
ithout requiring plugins, although this looks set to change.
...ugh this looks set to change.
...-dash using javascript while offloading the decoding to mse.
...And 7 more matches
<area> - HTML: Hypertext Markup Language
Web › HTML › Element › area
the html <area> element defines a hot-spot region on an image, and optionally associates it with a hypertext link.
...t, bottom.
... pixels.
...And 7 more matches
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
icy, for example: <meta http-equiv="content-security-policy" content="default-src 'self'; img-src https://*; child-src 'none';"> threats mitigating cross site scripting a primary goal of csp is to mitigate and report xss attacks.
... trust of the content received from the server.
...owser because the browser trusts the source of the content, even when it's not coming from where it seems to be coming from.
...And 7 more matches
ETag - HTTP
Web › HTTP › Headers › ETag
the etag http response header is an identifier for a specific version of a resource.
... the etag http response header is an identifier for a specific version of a resource.
... the etag http response header is an identifier for a specific version of a resource.
...And 7 more matches
Functions - JavaScript
ar foo = (new function("var bar = \'foo!\';\nreturn(function() {\n\talert(bar);\n});"))(); foo(); // the segment "function() {\n\talert(bar);\n}" of the function body string is not re-parsed.
...ction() {\n\talert(bar);\n});"))(); foo(); // the segment "function() {\n\talert(bar);\n}" of the function body string is not re-parsed.
... body string is not re-parsed.
...And 7 more matches
Image file type and format guide - Web media technologies
header).
...dely supported, with all major browsers offering full support for its features.
... graphics) svg is an xml-based vector graphics format that specifies the contents of an image as a set of drawing commands that create shapes, lines, apply colors, filters, and so forth.
...And 7 more matches
Making PWAs work offline with Service workers - Progressive web apps (PWAs)
previous overview: progressive web apps next now that we’ve seen what the structure of js13kpwa looks like and have seen the basic shell up and running, let's look at how the offline capabilities using service worker are implemented.
...rity because they are so powerful, service workers can only be executed in secure contexts (meaning https).
...r.
...And 7 more matches
Simple Example - Archive of obsolete content
xt » let's look a more useful example, this time for a template that will show a list of photos.
...a list of photos.
...st of images.
...And 6 more matches
Using Multiple Queries to Generate More Results - Archive of obsolete content
snext » combining results together one interesting technique is to use several queries to combine two sets of unrelated data together.
...lated data together.
... the second query wasn't also matched by the first query, it will have content created for it.
...And 6 more matches
The Joy of XUL - Archive of obsolete content
ng and extending existing applications because they work in two related but highly different ways.
...stomers with a completely independent code base.
... overall solution that is easier and less costly to maintain in the long run.
...And 6 more matches
Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which holds display and layout related information about a xul box as well as some details about xul layout.
...ent with the other four boxobject position and size references, which include borders as part of the element.
... and keeps the layout objects intact, but changes the size of the element to 0.
...And 6 more matches
Introduction to RDF - Archive of obsolete content
« previousnext » in this section, we'll look at rdf (resource description framework).
... « previousnext » in this section, we'll look at rdf (resource description framework).
... look at rdf (resource description framework).
...And 6 more matches
RDF in Fifty Words or Less - Archive of obsolete content
okay, so maybe this is a bit more than fifty words, but the key points are pretty simple (and put into bold text for you manager-types who just want to get straight to the point).
... okay, so maybe this is a bit more than fifty words, but the key points are pretty simple (and put into bold text for you manager-types who just want to get straight to the point).
... okay, so maybe this is a bit more than fifty words, but the key points are pretty simple (and put into bold text for you manager-types who just want to get straight to the point).
...And 6 more matches
UI pseudo-classes - Learn web development
t indicates selection — that could be confusing.
...attributes are (matched with) :invalid, but also matched by :out-of-range, as you'll see later on.
...eudo-class.
...And 6 more matches
Fetching data from the server - Learn web development
this led to the creation of technologies that allow web pages to request small chunks of data (such as html, xml, json, or plain text) and display them only when needed, helping to solve the problem described above.
...you need to create a new request object using the xmlhttprequest() constructor.
... url); next, we'll set the type of response we are expecting — which is defined by the request's responsetype property — as text.
...And 6 more matches
Getting started with Svelte - Learn web development
reate a sample app, understand the structure of the project, and see how to run it locally and build it for production.
...it repo's contents.
...le tells rollup how to compile and build your app.
...And 6 more matches
Understanding client-side JavaScript frameworks - Learn web development
me things differently, and there are some specific things to be careful about when using frameworks.
...it existing tasks and filtering the list of tasks between all, completed, and incomplete tasks.
...completed, and incomplete tasks.
...And 6 more matches
Application cache implementation overview
it from the cache.
... the channel.
... when matching fallback namespace, the associated fallback entry for it is remembered.
...And 6 more matches
Obsolete Build Caveats and Tips
indows desktop pro or express (free), or vc++ 2010 pro or express (free), or vc++ 2008 pro or express with sp1 (free) (warning !
...bsolete.
... no longer include "-zc:wchar_t-" in the command line when building on windows.
...And 6 more matches
Application Translation with Mercurial
ne in a text editor or word processor or any other tool in which you can attach different kind of states to the individual texts to translate.
...r word processor or any other tool in which you can attach different kind of states to the individual texts to translate.
...mozilla-aurora.hg) from https://ftp.mozilla.org/pub/mozilla.org/firefox/bundles/ the file is not small, but after initially downloading it, you only need to download the latest changes in the future.
...And 6 more matches
L20n HTML Bindings
documents with l20n.
...the l20n.js file as the last script in the head element.
...": "en-us", "resources": [ "../locales/{{locale}}/strings.l20n", "/shared/{{locale}}/date.l20n"¨ ] } make html elements localizable use the data-l10n-id attribute on an html element to mark it as localizable.
...And 6 more matches
Creating the Component Code
pplication may provide other ways to register xpcom components.
...er or not it's a singleton, its implementation language, and so forth.
...erface used in this case is nsiclassinfo.
...And 6 more matches
Finishing the Component
k certain urls from loading are not frozen, and there is still some debate about how exactly this functionality should be exposed to embedders and component developers, so the apis are not ready to be published.
...under review," however, it's still a good idea to contact the module owners responsible for the interfaces you are interested in using.
... white list, the entire page should be blocked.
...And 6 more matches
nsIDragService
eprecated.
...e only exception is getcurrentsession(), since there's currently no way to check for a drag in progress using standard dom methods or properties.
...to which to move the popup being dragged.
...And 6 more matches
AudioContext - Web APIs
an audio context controls both the creation of the nodes it contains and the execution of the audio processing, or decoding.
...ds of processing latency incurred by the audiocontext passing the audio from the audiodestinationnode to the audio subsystem.
...passing the audio from the audiodestinationnode to the audio subsystem.
...And 6 more matches
Body.arrayBuffer() - Web APIs
Web › API › Body › arrayBuffer
ive, we have a play button.
...pressed, the getdata() function is run.
...c.ogg").play(); in getdata() we create a new request using the request() constructor, then use it to fetch an ogg music track.
...And 6 more matches
DOMParser - Web APIs
Web › API › DOMParser
the domparser interface provides the ability to parse xml or html source code from a string into a dom document.
... the domparser interface provides the ability to parse xml or html source code from a string into a dom document.
... the domparser interface provides the ability to parse xml or html source code from a string into a dom document.
...And 6 more matches
HTMLAreaElement - Web APIs
containing a single character that switches input focus to the control.
...if any, in the referenced url.
...n the referenced url.
...And 6 more matches
LockManager.request() - Web APIs
istics.
...sive" or "shared".
...ler is aborted, the lock request is dropped if it was not already granted.
...And 6 more matches
MediaStream Recording API - Web APIs
for processing.
..., already in the format you specify when creating the mediarecorder.
...(in the form of an <audio> or <video> element) to serve as the source of the media data.
...And 6 more matches
RTCDataChannel: bufferedamountlow event - Web APIs
rface event event handler property onbufferedamountlow examples this example sets up a handler for bufferedamountlow to request more data any time the data channel's buffer falls below the number of bytes specified by bufferedamountlowthreshold, which we have set to 65536.
...s example sets up a handler for bufferedamountlow to request more data any time the data channel's buffer falls below the number of bytes specified by bufferedamountlowthreshold, which we have set to 65536.
...ts up a handler for bufferedamountlow to request more data any time the data channel's buffer falls below the number of bytes specified by bufferedamountlowthreshold, which we have set to 65536.
...And 6 more matches
ReadableStream.pipeThrough() - Web APIs
tream can be read in some transformed state by the readable stream.
...ilable options are: preventclose: if this is set to true, the source readablestream closing will no longer cause the destination writablestream to be closed.
...nation writablestream to be closed.
...And 6 more matches
WebGLRenderingContext.blendFunc() - Web APIs
the webglrenderingcontext.blendfunc() method of the webgl api defines which function is used for blending pixel arithmetic.
...lt value is gl.one.
...ceptions if sfactor or dfactor is not one of the listed possible values, a gl.invalid_enum error is thrown.
...And 6 more matches
WebRTC Statistics API - Web APIs
tcstats certificate statistics about a certificate being used by an rtcicetransport.
...nsport.
...undrtpstreamstats rtcreceivedrtpstreamstats rtcrtpstreamstats rtcstats local-candidate statistics about a local ice candidate associated with the connection's rtcicetransports.
...And 6 more matches
Using the Web Audio API - Web APIs
ay be capable of playing more than 1,000 simultaneous sounds without stuttering.
...ce page.
... context, and has been designed to allow modular routing.
...And 6 more matches
window.postMessage() - Web APIs
r if a port is present and differs from the default port for the given protocol.
...this to establish two-way communication between two windows with different origins.
...); // this will successfully queue a message to be sent to the popup, assuming // the window hasn't changed its location.
...And 6 more matches
WindowOrWorkerGlobalScope.fetch() - Web APIs
the fetch() method of the windoworworkerglobalscope mixin starts the process of fetching a resource from the network, returning a promise which is fulfilled once the response is available.
...esolves to the response object representing the response to your request.
...) promise only rejects when a network error is encountered (which is usually when there’s a permissions issue or similar).
...And 6 more matches
XRHandedness - Web APIs
the webxr enumerated type xrhandedness provides values which identify which of a user's hands is being used to operate a particular input controller attached to the xr input device being used.
...roller is being held in, worn on, or is attached to the user's left hand.
...d to the user's left hand.
...And 6 more matches
Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
<header class="main-head">the header</header> <nav class="main-nav"> <ul> <li><a href="">nav 1</a></li> <li><a href="">nav 2</a></li> <li><a href="">nav 3</a></li> </ul> </nav> <article class="content"> <h1>main article area</h1> <p>in this layout, we display the areas in source order for any screen less that 500 pixels wide.
... grid-area: header; } .content { grid-area: content; } .main-nav { grid-area: nav; } .side { grid-area: sidebar; } .ad { grid-area: ad; } .main-footer { grid-area: footer; } this will not create any layout, however our items now have names we can use to do so.
....main-nav { grid-area: nav; } .side { grid-area: sidebar; } .ad { grid-area: ad; } .main-footer { grid-area: footer; } this will not create any layout, however our items now have names we can use to do so.
...And 6 more matches
filter - CSS: Cascading Style Sheets
Web › CSS › filter
the filter css property applies graphical effects like blur or color shift to an element.
...ue expressed with a percent sign (as in 34%) also accept the value expressed as decimal (as in 0.34).
...></td> <td><img alt="test_form.jpg" id="img2" class="internal default" src="/files/3710/test_form_2.jpg" style="width: 100%;" /></td> <td> <div class="svg-container"> <svg id="img3" overflow="visible" viewbox="0 0 212 161" color-interpolation-filters="srgb"> <filter id="svgblur" x="-5%" y="-5%" width="110%" height="110%"> <fegaussianblur in="sourcegraphic" stddeviation="3.5"/> </filter> <image xlink:href="/files/3710/test_form_2.jpeg" filter="url(#svgblur)" width="212px" height="161px"/> </svg> </div> </td> <td><img alt="test_form_s.jpg" id="img4" class="internal default" src="/files/3711/test_form_2_s.jpg" style="width: 100%;" /></td> </tr> </tbody> </table> html { height:100%;...
...And 6 more matches
<object> - HTML: Hypertext Markup Language
Web › HTML › Element › object
the html <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
... the html <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
... mandatory.
...And 6 more matches
Cross-Origin-Embedder-Policy - HTTP
the http cross-origin-embedder-policy (coep) response header prevents a document from loading any cross-origin resources that don't explicitly grant the document permission (using corp or cors).
...response header prevents a document from loading any cross-origin resources that don't explicitly grant the document permission (using corp or cors).
...icitly grant the document permission (using corp or cors).
...And 6 more matches
HTTP request methods - HTTP
Web › HTTP › Methods
http defines a set of request methods to indicate the desired action to be performed for a given resource.
...ods to indicate the desired action to be performed for a given resource.
...tures are shared by a group of them: e.g.
...And 6 more matches
A typical HTTP session - HTTP
Web › HTTP › Session
es the connection.
...he request the moment it receives this empty line.
...rlencoded name=joe%20user&request=send%20me%20one%20of%20your%20catalogue request methods http defines a set of request methods indicating the desired action to be performed upon a resource.
...And 6 more matches
HTTP
Web › HTTP
control them.
...en serving an http request, a server can send a set-cookie http header with the response.
...e http header with the response.
...And 6 more matches
in - SVG: Scalable Vector Graphics
Web › SVG › Attribute › in
the in attribute identifies input for the given filter primitive.
... use the closest preceding filter primitive with the given value for attribute result.
... preceding filter primitive with the given value for attribute result.
...And 6 more matches
in2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › in2
the in2 attribute identifies the second input for the given filter primitive.
... the in2 attribute identifies the second input for the given filter primitive.
...en filter primitive.
...And 6 more matches
Mozilla Documentation Roadmap - Archive of obsolete content
l an immature discipline, with a developer base consisting mostly of hobbyists and just a few organized development groups.
...n development, but finding it and turning it into useful information can be a daunting task.
...he amo developer hub is a great guide for add-on developers.
...And 5 more matches
Getting Started - Archive of obsolete content
ct files we need to open up \mozilla\chrome\installed-chrome.txt in a text editor.
...you should probably make a backup of this file now, just in case you make a mistake.
...an image that is 438x89 pixels in size.
...And 5 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
sheets (css): css level 1, css level 2.1 and parts of css level 3 document object model (dom): dom level 1, dom level 2 and parts of dom level 3 mathematical markup language: mathml version 2.0 extensible markup language (xml): xml 1.0, namespaces in xml, associating style sheets with xml documents 1.0, fragment identifier for xml xsl transformations: xslt 1.0 xml path language: xpath 1.0 resource description framework: rdf simple object access protocol: soap 1.1 ecma-262, revision 3 (javascript 1.5): ecma-262 general cross-browser coding tips even though web standards do exist, different browsers behave differently (in fact, the same browser may behave differently depending on the platform).
...ascript console or in firefox (the standalone browser product from mozilla) at tools -> javascript console.
...xmlhttprequest(); myxmlhttprequest.open("get", "example1.xsl", false); myxmlhttprequest.send(null); // get the xml document and import it xslstylesheet = myxmlhttprequest.responsexml; xsltprocessor.importstylesheet(xslstylesheet); // load the xml file, example1.xml myxmlhttprequest = new xmlhttprequest(); myxmlhttprequest.open("get", "example1.xml", false); myxmlhttprequest.send(null); var xmlsource = myxmlhttprequest.responsexml; var resultdocument = xsltprocessor.transformtodocument(xmlsource); after creating an xsltprocessor, you load the xslt file using xmlhttprequest.
...And 5 more matches
The new nsString class implementation (1999) - Archive of obsolete content
architecture is struct nsstrimpl, given below: struct nsstrimpl { print32 mlength; void* mbuffer; print32 mcapacity; char mcharsize; char munused; // and now for the nsstrimpl api...
...fer; print32 mcapacity; char mcharsize; char munused; // and now for the nsstrimpl api...
...pi...
...And 5 more matches
Building Hierarchical Trees - Archive of obsolete content
successive iteration of the template build process.
... rows as containers, so that they can be opened and closed with the small icon twisties on the left of the column.
... inside in it until the row is opened.
...And 5 more matches
Building Trees - Archive of obsolete content
lder.
... amounts of data.
...er becomes slower as the amount of data increases.
...And 5 more matches
tree - Archive of obsolete content
Archive › Mozilla › XUL › tree
ized type of view, uses the treeitem elements and their descendants to determine the data to display in the tree.
...ents and their descendants to determine the data to display in the tree.
...ey are used only as data to the content view.
...And 5 more matches
ArrayBuffer.transfer() - Archive of obsolete content
y support it are be able to internally use the c++ function realloc() which extends the length of the memory and only copies it to a new location as-needed as opposed to the following pollyfill which always copies the whole thing to a new space of memory, but this function transfers data from one arraybuffer to another arraybuffer.
...rnally use the c++ function realloc() which extends the length of the memory and only copies it to a new location as-needed as opposed to the following pollyfill which always copies the whole thing to a new space of memory, but this function transfers data from one arraybuffer to another arraybuffer.
... the memory and only copies it to a new location as-needed as opposed to the following pollyfill which always copies the whole thing to a new space of memory, but this function transfers data from one arraybuffer to another arraybuffer.
...And 5 more matches
Cascade and inheritance - Learn web development
— at a very simple level this means that the order of css rules matter; when two rules apply that have equal specificity the one that comes last in the css is the one that will be used.
...fic — it will select only the elements on a page that have a specific class attribute value — so will get a higher score.
...rstanding of how to change the css applied to something at any point in the document — whether by assigning css to an element or creating a class.
...And 5 more matches
Responsive design - Learn web development
retch to fill the browser window or a fixed width site, which would be a fixed size in pixels.
... note: see this simple liquid layout: example, source code.
...ur work, so it is worth understanding it, even though you would not build a modern site using a float-based flexible grid.
...And 5 more matches
Multimedia: video - Learn web development
act on overall page load time while serving the smallest video file size based on each browsers file type support.
...the intent of removing detail that is identical in both frames.
...il that is identical in both frames.
...And 5 more matches
Index
679 promoting your extension or theme add-ons, extensions, promotion, themes, webextensions, distribution so you’ve written a great extension, but only a few people have found and installed it from addons.mozilla.org—despite your efforts to create an appealing listing.
...ten a great extension, but only a few people have found and installed it from addons.mozilla.org—despite your efforts to create an appealing listing.
...ant to retire one of your extensions.
...And 5 more matches
How to implement a custom autocomplete search component
s firefox and xulrunner.
...ll you need to do is set some attributes: <textbox type="autocomplete" autocompletesearch="history"/> the type="autocomplete" turns on the autocomplete mechanism and the autocompletesearch="history" sets the source for the autocomplete.
... search file names (firefox: 2.0+; thunderbird: 2.0+; seamonkey: 1.1+; gtk builds only).
...And 5 more matches
Code Samples
getting the directory where your add-on is located if you need to determine the directory in which your add-on is installed, code like the following will do the trick.
... getting the directory where your add-on is located if you need to determine the directory in which your add-on is installed, code like the following will do the trick.
...the following will do the trick.
...And 5 more matches
Download
his time, there is any partially downloaded data that can be used when restarting a failed or canceled download.
...ther partial data can actually be retained depends on the saver and the download source, and may not be known before the download is started.
...ss percent, from 0 to 100.
...And 5 more matches
PromiseWorker.jsm
answer is, whenever you would normally use a chromeworker, but want postmessage to return promises.
...st case from firefox codebase: mozilla dxr :: test_promise.js.
...seworker objects.
...And 5 more matches
L10n Checks
, and it requires that you have python and mercurial installed on your machine.
... requires that you have python and mercurial installed on your machine.
...d in another directory level deeper.
...And 5 more matches
NSS FAQ
Mozilla › Projects › NSS › FAQ
general questions what is network security services (nss) nss is set of libraries, apis, utilities, and documentation designed to support cross-platform development of security-enabled client and server applications.
...tion designed to support cross-platform development of security-enabled client and server applications.
...pport for all versions of ssl and tls, it is particularly well-suited for applications that need to communicate with the many clients and servers that already support the ssl protocol.
...And 5 more matches
Overview of NSS
open source crypto libraries proven application security architecture if you want to add support for ssl, s/mime, or other internet security standards to your application, you can use network security services (nss) to implement all your security features.
... open source crypto libraries proven application security architecture if you want to add support for ssl, s/mime, or other internet security standards to your application, you can use network security services (nss) to implement all your security features.
...ds to your application, you can use network security services (nss) to implement all your security features.
...And 5 more matches
Rhino JavaScript compiler
overview the javascript compiler translates javascript source into java class files.
... top-level functions available to the shell (such as print) are not available to compiled scripts when they are run outside the shell.
...ll (such as print) are not available to compiled scripts when they are run outside the shell.
...And 5 more matches
SpiderMonkey Build Documentation
building spidermonkey obsolete: the canonical documentation now lives at: https://firefox-source-docs.mozilla.org/js/build.html.
... building spidermonkey obsolete: the canonical documentation now lives at: https://firefox-source-docs.mozilla.org/js/build.html.
...: the canonical documentation now lives at: https://firefox-source-docs.mozilla.org/js/build.html.
...And 5 more matches
How to build an XPCOM component in JavaScript
terface if you want to use your component in other xpcom components, you must define the interfaces that you want exposed.
... flag is an uppercase i, not a lowercase l.) this will create the typelib file helloworld.xpt in the current working directory.
...epth@ topsrcdir = @top_srcdir@ srcdir = @srcdir@ vpath = @srcdir@ include $(depth)/config/autoconf.mk # module specifies where header files from this makefile are installed # use dom if your component implements a dom api module = dom # name of the typelib xpidl_module = dom_apps # set to 1 if the module should be part of the gecko runtime common to all applications gre_module = 1 # the idl sources xpidlsrcs = \ helloworld.idl \ $(null) include $(topsrcdir)/config/rules.mk xpidl_flags += \ -i$(topsrcdir)/dom/interfaces/base \ -i$(topsrcdir)/dom/interfaces/events \ $(null) creating the component using xpcomutils in firefox 3 and later you can use import xpcomutils.jsm using components.utils.import to simplify the process of writing your component slightly.
...And 5 more matches
nsIConsoleService
tservice(components.interfaces.nsiconsoleservice); consoleservice.logstringmessage(msg); } alternative logging methods include components.utils.reporterror and dump().
...essage(msg); } alternative logging methods include components.utils.reporterror and dump().
...} alternative logging methods include components.utils.reporterror and dump().
...And 5 more matches
nsIDownloadManager
pports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) implemented by: @mozilla.org/download-manager;1.
... activedownloadcount long the number of files currently being downloaded.
...oadcount long the number of files currently being downloaded.
...And 5 more matches
nsIProtocolHandler
type description defaultport long the default port is the port the protocol uses by default.
...this protocol; for example, any web site can load a uri for this protocol.
...for this protocol.
...And 5 more matches
nsIScriptError2
r window with which the error is associated.
... error is associated.
... the window id with which the error is associated.
...And 5 more matches
Set a breakpoint - Firefox Developer Tools
s standard (unconditional) breakpoints and conditional breakpoints.
...oints and conditional breakpoints.
...nue to here: when stepping through code, this option tells the debugging to continue execution through to this point.
...And 5 more matches
Debugger-API - Firefox Developer Tools
ascript code observe and manipulate the execution of other javascript code.
...ll follow some general conventions): a debugger.object represents a debuggee object, offering a reflection-oriented api that protects the debugger from accidentally invoking getters, setters, proxy traps, and so on.
...presents a debuggee object, offering a reflection-oriented api that protects the debugger from accidentally invoking getters, setters, proxy traps, and so on.
...And 5 more matches
Examine and edit CSS - Firefox Developer Tools
play the classes defined on that element.
...ithout that class applied to it.
...add new class field below the rules toolbar.
...And 5 more matches
Settings - Firefox Developer Tools
me as authored.
... enable layout panel enable the experimental layout panel.
...onsole displays timestamps.
...And 5 more matches
Console messages - Firefox Developer Tools
for network messages includes a few extra items in addition the globally-available ones: copy link location acts as you would expect, copying the url into the clipboard open in network panel switches context to the network tab, selects the request and shows you the details resend request sends the network request again.
...bally-available ones: copy link location acts as you would expect, copying the url into the clipboard open in network panel switches context to the network tab, selects the request and shows you the details resend request sends the network request again.
...ls resend request sends the network request again.
...And 5 more matches
AudioParam.value - Web APIs
Web › API › AudioParam › value
pecified by the minvalue and maxvalue properties.
... and maxvalue properties.
...tes value precision and variation the data type used internally to store value is a single-precision (32-bit) floating point number, while javascript uses 64-bit double-precision floating point numbers.
...And 5 more matches
BaseAudioContext - Web APIs
quency data and for example to create data visualisations.
... visualisations.
...xt.createbiquadfilter() creates a biquadfilternode, which represents a second order filter configurable as several different common filter types: high-pass, low-pass, band-pass, etc baseaudiocontext.createbuffer() creates a new, empty audiobuffer object, which can then be populated by data and played via an audiobuffersourcenode.
...And 5 more matches
HTMLImageElement.sizes - Web APIs
bility to automatically select among different images—even images of different orientations or aspect ratios—as the document state changes to match different media conditions.
...of different orientations or aspect ratios—as the document state changes to match different media conditions.
...ons.
...And 5 more matches
ReadableStream.pipeTo() - Web APIs
r the duration of the pipe, preventing other readers from locking it.
...ilable options are: preventclose: if this is set to true, the source readablestream closing will no longer cause the destination writablestream to be closed.
...nation writablestream to be closed.
...And 5 more matches
WebGLRenderingContext.blendEquation() - Web APIs
the webglrenderingcontext.blendequation() method of the webgl api is used to set both the rgb blend equation and alpha blend equation to a single equation.
...ext.blendequation() method of the webgl api is used to set both the rgb blend equation and alpha blend equation to a single equation.
...i is used to set both the rgb blend equation and alpha blend equation to a single equation.
...And 5 more matches
Basic concepts behind Web Audio API - Web APIs
't turn you into a master sound engineer, but it will give you enough background to understand why the web audio api works like it does.
...ns are performed with audio nodes, which are linked together to form an audio routing graph.
...io nodes are linked via their inputs and outputs, forming a chain that starts with one or more sources, goes through one or more nodes, then ends up at a destination.
...And 5 more matches
Web audio spatialization basics - Web APIs
as if its extensive variety of sound processing (and other) options wasn't enough, the web audio api also includes facilities to allow you to emulate the difference in sound as a listener moves around a sound source, for example panning as you move around a sound source inside a 3d game.
...ith just a 2d plane, so if you were planning a 2d game, this would still be the node you were looking for.
... simpler to use, but obviously nowhere near as versatile.
...And 5 more matches
Border-image generator - CSS: Cascading Style Sheets
> <span id="out-border-outset" class="value"> </span> </div> <div class="css-property"> <span class="name"> border-image-repeat: </span> <span id="out-border-repeat" class="value"> </span> </div> <div class="css-property"> <span class="name"> border-image-source: </span> <span id="out-border-source" class="value"> </span> </div> </div> </div> </div> css content /* grid of twelve * ========================================================================== */ .span_12 { width: 100%; } .span_11 { width: 91.46%; } .span_10 { width: 83%; } .span_9 { width: 74.54%; } .span_8 { width: 6...
...aurl(file); return false; }; freader.onload = function(e) { imagecontrol.loadremoteimage(e.target.result); }; var load = function load() { browse.click(); }; browse.setattribute('type', 'file'); browse.style.display = 'none'; browse.onchange = loadimage; return { load: load }; })(); var imagecontrol = (function imagecontrol() { var scale = 0.5; var imgsource = new image(); var imgstate = null; var selected = null; var topics = ['slice', 'width', 'outset']; var properties = {}; properties['border1'] = { fill : false, slice_values : [27, 27, 27, 27], width_values : [20, 20, 20, 20], outset_values : [0, 0, 0, 0], slice_units : [0, 0, 0, 0], width_units : [0, 0, 0, 0], outset_units : [0, 0, 0, 0], repeat : [1,...
...preview_area : 400, }; properties['border6'] = { fill : false, slice_values : [42, 42, 42, 42], width_values : [42, 42, 42, 42], outset_values : [0, 0, 0, 0], slice_units : [0, 0, 0, 0], width_units : [0, 0, 0, 0], outset_units : [0, 0, 0, 0], repeat : [2, 2], size : [350, 350], preview_area : 500, }; var loadlocalimage = function loadlocalimage(source) { var location = "images/" + source; imgsource.src = location; }; var loadremoteimage = function loadremoteimage(source) { imgsource.src = source; if (selected) selected.removeattribute('selected'); tool.setoutputcss('source', 'url("' + source + '")'); }; var pickimage = function pickimage(e) { if (e.target.classname === 'image') { selected = e.target; sel...
...And 5 more matches
Creating a cross-browser video player - Developer guides
ks across most major desktop and mobile browsers.
...g the browser defaults.
... take a look at the html that makes up the player.
...And 5 more matches
If-Match - HTTP
Web › HTTP › Headers › If-Match
the if-match http request header makes the request conditional.
... the if-match http request header makes the request conditional.
...ored etag uses the strong comparison algorithm, meaning two files are considered identical byte to byte only.
...And 5 more matches
HTTP Messages - HTTP
Web › HTTP › Messages
ively known as the head of the requests, whereas its payload is known as the body.
... start line http requests are messages sent by the client to initiate an action on the server.
...quest by specifying it further (like accept-language), by giving context (like referer), or by conditionally restricting it (like if-none).
...And 5 more matches
Understanding latency - Web Performance
latency is the time it takes for a packet of data to travel from source to a destination.
...mance is to reduce latency.
... requests: the html includes requests for multiple css, scripts, and media files.
...And 5 more matches
<feDiffuseLighting> - SVG: Scalable Vector Graphics
lter primitive lights an image using the alpha channel as a bump map.
...his filter primitive can be combined with a texture image using the multiply term of the arithmetic operator of the <fecomposite> filter primitive.
...ny order.
...And 5 more matches
Same-origin policy - Web security
the same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin.
...lowed.
...and form submissions.
...And 5 more matches
Miscellaneous - Archive of obsolete content
; and "darwin" on mac os x.
...s at most 150 characters, making it ideal to display text in context menus.
...plication, follow those steps: first, put the certificates you want to ship into the content/certs folder of your application.
...And 4 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
imes an extension will be packaged with a special xpcom component developed specifically for it.
...ctions embedded xpcom can handle, take a look at the api reference and the interface definitions from xpidl in the actual source code.
...r giving standard definitions of objects, methods, and so forth.
...And 4 more matches
Setting Up a Development Environment - Archive of obsolete content
« previousnext » getting the right tools there are 3 tools that we think are essential for effective add-on development (or any kind of development, really): a source code editor, a source control system, and a build system.
...in regards to code editing, there's no official mozilla ide.
...o the one in firefox, and there are some komodo extensions that provide additional help in extension development.
...And 4 more matches
Promises - Archive of obsolete content
se apis allow asynchronous operation to be achieved with a coding style similar to synchronous variants.
...it is also available for use off-main-thread in workers as a synchronous api.
...ownloading remote files nearly all previous methods of downloading remote files have been superseded by the much simpler downloads.jsm module.
...And 4 more matches
modDateChanged - Archive of obsolete content
summary returns whether file has been modified since a certain date.
... summary returns whether file has been modified since a certain date.
...ed.
...And 4 more matches
addDirectory - Archive of obsolete content
adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
...And 4 more matches
addFile - Archive of obsolete content
addfile unpacks a single subcomponent into a temporary location.
...on.
...install object syntax public int addfile ( string registryname, installversion version, string xpisourcepath, object localdirspec, string relativelocalpath, boolean forceupdate); public int addfile ( string registryname, string version, string xpisourcepath, object localdirspec, string relativelocalpath, boolean forceupdate); public int addfile ( string xpisourcepath); public int addfile ( string registryname, string xpisourcepath, object localdirspec, string relativelocalpath); public int addfile ( string registryname, string version, string xpisourcepath, object localdirspec, string relativelocalpath); parameters the addfile method has the following parameters: registryname the pathname in the client version ...
...And 4 more matches
Containment Properties - Archive of obsolete content
« previousnext » so far, we've seen how the simple query syntax can generate results from the children of an rdf container.
... than use the children.
...ontainer isn't used.
...And 4 more matches
Multiple Queries - Archive of obsolete content
ne the results from several queries together, or may be used to generate different types of results when recursive iterations.
... </rule> </queryset> </listbox> each queryset holds a query and its set of rules.
...x> each queryset holds a query and its set of rules.
...And 4 more matches
Rule Compilation - Archive of obsolete content
« previousnext » query a xul template is made up of a query and a series of rules.
... « previousnext » query a xul template is made up of a query and a series of rules.
... « previousnext » query a xul template is made up of a query and a series of rules.
...And 4 more matches
Simple Query Syntax - Archive of obsolete content
uri and prefixing it with 'rdf:'.
...e result member resource, the predicate is the string that comes after 'rdf:' and the object isn't necessary as the value is replaced directly in the attribute.
...ing simple query and we'll look at this below.
...And 4 more matches
Using Recursive Templates - Archive of obsolete content
« previousnext » you may recall that templates generate content recursively.
... « previousnext » you may recall that templates generate content recursively.
... name="julius caesar"/> <person name="ferdinand magellan"/> </group> <group name="female"> <person name="cleopatra"/> <person name="laura secord"/> </group> </people> we could display this data in a flat list by using the right query: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...And 4 more matches
Element Positioning - Archive of obsolete content
t of the buttons is a suitable size to hold the text.
... size is just large enough to fit the contents.
...ers.
...And 4 more matches
Modifying a XUL Interface - Archive of obsolete content
fy the document.
... it is.
...ipt properties.
...And 4 more matches
XUL accessibility guidelines - Archive of obsolete content
ere is also a xul accessibility tool which can help test some of these guidelines, but please be aware that no tool can replace human judgement for accessibility, and understanding the guidelines is vital.
...b accessibility with tips and character sketches.
... access.
...And 4 more matches
query - Archive of obsolete content
Archive › Mozilla › XUL › query
« xul reference home [ examples | attributes | properties | methods | related ] used to specify the query for a template.
... « xul reference home [ examples | attributes | properties | methods | related ] used to specify the query for a template.
... « xul reference home [ examples | attributes | properties | methods | related ] used to specify the query for a template.
...And 4 more matches
triple - Archive of obsolete content
utes | properties | methods | related ] a triple can be included inside a rule's conditions element.
...ph.
...or example, for a bookmark resource, the name and url would be predicates.
...And 4 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
les of putting them to use.
...cript for xml) is an extension of javascript which provides direct support for xml, greatly simplifying the process of consuming xml via javascript.
...var i in x..item ) { print( "title: " + i.title + "\n" ); print( "about: " + i.@rdf::about + "\n" ); print( "link: " + i.link + "\n" ); print( "date: " + i.dc::date + "\n" ); } the first half of this script is standard java code used to retrieve the feed data.
...And 4 more matches
Gecko FAQ - Gecko Redirect 1
what is gecko?
...are and hardware products that use gecko.
...splay of the mozilla.com portal site, speedily delivering more exciting content and services.
...And 4 more matches
How do you make sure your website works properly? - Learn web development
correctly, the first thing to do is fire up your browser and go to the page you want to test.
...et/.
...ork tool (tools ➤ web developer ➤ network) and reload the page: there's the problem, that "404" at the bottom.
...And 4 more matches
Client-side form validation - Learn web development
t, typemismatch, valuemissing, or a customerror.
...ink, lightgreen); } input:valid { border: 2px solid black; } this css causes the input to have a red dashed border when it is invalid and a more subtle solid black border when valid.
...for="choose">would you prefer a banana or a cherry?</label> <input id="choose" name="i_like" required pattern="[bb]anana|[cc]herry"> <button>submit</button> </form> input:invalid { border: 2px dashed red; } input:valid { border: 2px solid black; } this gives us the following update — try it out: note: you can find this example live on github as fruit-pattern.html (see also the source code.) in this example, the <input> element accepts one of four possible values: the strings "banana", "banana", "cherry", or "cherry".
...And 4 more matches
Advanced text formatting - Learn web development
quotations html also has features available for marking up quotations; which element you use depends on whether you are marking up a block or inline quotation.
...p> browser default styling will render this as normal text put in quotes to indicate a quotation, like so: citations the content of the cite attribute sounds useful, but unfortunately browsers, screenreaders, etc.
...eaders, etc.
...And 4 more matches
Making asynchronous programming easier with async and await - Learn web development
ew error(`http error!
...ent.body.appendchild(image); }) .catch((e) => console.log(e) ); this is because the .catch() block will catch errors occurring in both the async function call and the promise chain.
...); this is because the .catch() block will catch errors occurring in both the async function call and the promise chain.
...And 4 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
ill execute as soon as the stack is empty, not immediately.
... before the specified time has elapsed by calling cleartimeout(), passing it the identifier of the settimeout() call as a parameter.
...ng executed as subsequent parameters of the setinterval() call.
...And 4 more matches
Introduction to the server side - Learn web development
f web development, learning about server-side development is highly recommended.
...ver-side website programming?
...ata sent by the http post method), or in associated cookies.
...And 4 more matches
Mozilla’s UAAG evaluation report
ument for real-world implementation examples of each checkpoint.
...user access to all content.
... to non-links and non-input form controls with event handlers cannot configure mozilla to only allow focus changes on explicit user request 9.4 restore history.
...And 4 more matches
Makefile - variables
note: non-functional links can be fixed by inserting en/.
... note: non-functional links can be fixed by inserting en/.
... note: non-functional links can be fixed by inserting en/.
...And 4 more matches
Index
found 42 pages: # page tags and summary 1 localization at mozilla landing, localization, mozilla, translation, l10n localization (l10n) is the process of translating software user interfaces from one language to another and adapting it to suit a foreign culture.
...s, extensions, internationalization, localization, mozilla, l10n, l12y this document provides best practices for developers to create localizable code, and describes how to avoid some localizability (l12y) common mistakes.
... 23 localizing with koala this tutorial will guide you through making a couple of changes to firefox's user interface using koala, an add-on for komodo edit created to help localizing mozilla.
...And 4 more matches
Initial setup
re not required for you to begin contributing, but will be required when you are preparing to produce an official release.
...commit access.
... your locale's bugzilla component to the new locales newsgroup.
...And 4 more matches
Mozilla Development Tools
this page lists the various development tools that we operate and/or maintain here at mozilla.org.
... this page lists the various development tools that we operate and/or maintain here at mozilla.org.
... this page lists the various development tools that we operate and/or maintain here at mozilla.org.
...And 4 more matches
AsyncTestUtils extended framework
the asynctestutils extended framework is one mechanism for testing the mailnews component of thunderbird.
... the asynctestutils extended framework is one mechanism for testing the mailnews component of thunderbird.
...estutils extended framework is one mechanism for testing the mailnews component of thunderbird.
...And 4 more matches
Introduction to NSPR
table runtime (nspr) api allows compliant applications to use system facilities such as threads, thread synchronization, i/o, interval timing, atomic operations, and several other low-level services in a platform-independent manner.
...begin with the letters pr and are followed by all uppercase characters separated with the underscore character (_), like this: pr_bytes_per_short, pr_extern nspr threads nspr provides an execution environment that promotes the use of lightweight threads.
...llowed by all uppercase characters separated with the underscore character (_), like this: pr_bytes_per_short, pr_extern nspr threads nspr provides an execution environment that promotes the use of lightweight threads.
...And 4 more matches
JSS Provider Notes
al builds of jss32.jar.
...ng rc4 none none rc2 cbc nopadding pkcs5padding the securerandom argument passed to initsign() and initverify() is ignored, because nss does not support specifying an external source of randomness.
...blic keys, and only pkcs8encodedkeyspec is supported for private keys.
...And 4 more matches
Mozilla-JSS JCA Provider notes
ficial builds of jss4.jar.
... aes ecb nopadding cbc nopadding pkcs5 padding rc4 none none rc2 cbc nopadding pkcs5padding the securerandom argument passed to initsign() and initverify() is ignored, because nss does not support specifying an external source of randomness.
...coded form of the given key and then tries to import it by calling generatepublic() or generateprivate().
...And 4 more matches
Introduction to the JavaScript shell
the javascript shell (js) is a command-line program included in the spidermonkey source distribution.
...the javascript engine, for testing evalinsandbox-like environments in the shell.
...ecode for the entire program, or for the specified function.
...And 4 more matches
JS_DecompileScript
return the source code of the script or the function.
...s_decompilescript(jscontext *cx, js::handle<jsscript*> script); name type description cx jscontext * the context to use to decompile the script.
... jscontext * the context to use to decompile the script.
...And 4 more matches
SpiderMonkey 1.8.5
note that version 1.8.5 is outdated.
... note that version 1.8.5 is outdated.
...d, but each thread must operate on objects in a separate compartment, isolated from the other threads.
...And 4 more matches
Building the WebLock UI
l-based user interface language (xul) and how you can use it to create a dialog that provides access to the weblock component and its services.
...ser with which they should be merged.
...by the <statusbar/> in navigator.xul, which means that the overlay mechanism will merge the new ui here (i.e., the weblock statusbarpanel) and the ui already defined within that browser <statusbar/> at runtime.
...And 4 more matches
nsIDownloadHistory
se/nsidownloadhistory.idlscriptable this interface can be used to add a download to history.
...ose to track downloads differently from other types of history.
... 1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview void adddownload(in nsiuri asource, [optional] in nsiuri areferrer, [optional] in prtime astarttime); methods adddownload() adds a download to history.
...And 4 more matches
nsIFile
ndows.
... the number of bytes available to non-superuser on the disk volume containing the nsifile.
...of the symbolic link referenced by this nsifile.
...And 4 more matches
nsIWorkerMessageEvent
resents an event in a web worker thread's event queue.
... 2.0) method overview void initmessageevent(in domstring atypearg, in boolean acanbubblearg, in boolean acancelablearg, in domstring adataarg, in domstring aoriginarg, in nsisupports asourcearg); attributes attribute type description data domstring the event's data.
...d initmessageevent(in domstring atypearg, in boolean acanbubblearg, in boolean acancelablearg, in domstring adataarg, in domstring aoriginarg, in nsisupports asourcearg); attributes attribute type description data domstring the event's data.
...And 4 more matches
nsIXSLTProcessor
thod overview void clearparameters(); nsivariant getparameter(in domstring namespaceuri, in domstring localname); void importstylesheet(in nsidomnode style); void removeparameter(in domstring namespaceuri, in domstring localname); void reset(); void setparameter(in domstring namespaceuri, in domstring localname, in nsivariant value); nsidomdocument transformtodocument(in nsidomnode source); nsidomdocumentfragment transformtofragment(in nsidomnode source, in nsidomdocument output); methods clearparameters() removes all set parameters from this nsixsltprocessor.
...is nsixsltprocessor.
...ter( in domstring namespaceuri, in domstring localname, in nsivariant value ); parameters namespaceuri the namespaceuri of the xslt parameter.
...And 4 more matches
XPIDL
and as refptr<mozilla::dom::interfacename> when used as an array element.
...if the result of a method call or an attribute get/set should always (or usually) be checked, which is frequently the case.
...tes, automatically require an iid change.
...And 4 more matches
Plug-in Basics - Plugins
iated with the browser by consulting the installed plug-ins page.
...o clips, for example, the browser will create as many instances of the realplayer plug-in as are needed (though of course playing several realaudio files at the same time would seldom be a good idea).
...ry.
...And 4 more matches
Debugger.Memory - Firefox Developer Tools
plex representations to the simpler ones when it pleases.
...ch conversions usually increase memory consumption.
...e memory consumption.
...And 4 more matches
AudioListener - Web APIs
pplerfactor a double value representing the amount of pitch shift to use when rendering a doppler effect.
...second.
...ation, the dopplerfactor and speedofsound properties and the setposition() method could be used to control the doppler effect applied to audiobuffersourcenodes connected downstream — these would be pitched up and down according to the relative speed of the pannernode and the audiolistener.
...And 4 more matches
AudioTrack - Web APIs
for example, an audio commentary track for a movie might have a label of "commentary with director john q.
...ary track for a movie might have a label of "commentary with director john q.
... and actors john doe and jane eod." this string is empty if no label is provided.
...And 4 more matches
BaseAudioContext.createStereoPanner() - Web APIs
the createstereopanner() method of the baseaudiocontext interface creates a stereopannernode, which can be used to apply stereo panning to an audio source.
... the createstereopanner() method of the baseaudiocontext interface creates a stereopannernode, which can be used to apply stereo panning to an audio source.
...source.
...And 4 more matches
Canvas API - Web APIs
lstyle property makes the rectangle green.
...erence for the canvas api.
... combining <video> and <canvas> to manipulate video data in real time.
...And 4 more matches
GlobalEventHandlers.ondragend - Web APIs
value dragendhandler the dragend event handler for element targetelement.
...ctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); // change the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { con...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
...And 4 more matches
GlobalEventHandlers.ondragenter - Web APIs
e dragenterhandler the dragenter event handler for element targetelement.
...ctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); // change the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { con...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
...And 4 more matches
GlobalEventHandlers.ondragexit - Web APIs
value dragexithandler the dragexit event handler for element targetelement.
...ctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); // change the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { con...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
...And 4 more matches
GlobalEventHandlers.ondragleave - Web APIs
e dragleavehandler the dragleave event handler for element targetelement.
...ctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's border to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); // change the target element's background color to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { con...
...t element's background color to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the source element's background color back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the...
...And 4 more matches
HTMLAnchorElement - Web APIs
chorelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...mlhyperlinkelementutils.host is a usvstring representing the hostname and port (if it's not the default port) in the referenced url.
...htmlhyperlinkelementutils.hostname is a usvstring representing the hostname in the referenced url.
...And 4 more matches
HTMLObjectElement - Web APIs
the htmlobjectelement interface provides special properties and methods (beyond those on the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of <object> element, representing external resources.
... properties from its parent, htmlelement.
... document representing the active document of the object element's nested browsing context, if any; otherwise null.
...And 4 more matches
PerformanceEntry - Web APIs
the performanceentry object encapsulates a single performance metric that is part of the performance timeline.
...aking a performance mark or measure (for example by calling the mark() method) at an explicit point in an application.
...ar i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = perfentry[properties[i]]; console.log("...
...And 4 more matches
Using the Screen Capture API - Web APIs
be captured in the generated stream.
...creen areas of the source, if there are any.
... are applied in any way until after the content to capture has been selected.
...And 4 more matches
Storage Access API - Web APIs
the storage access api provides a way for embedded, cross-origin content to gain unrestricted access to storage that it would normally only have access to in a first-party context (we refer to this as an origin’s first-party storage).
...his as an origin’s first-party storage).
...es methods that allow embedded resources to check whether they currently have access to their first-party storage, and to request access to their first-party storage from the user agent.
...And 4 more matches
VideoTrack - Web APIs
ng providing a human-readable label for the track.
... label for the track.
...f "a sign-language interpretation".
...And 4 more matches
WebGLRenderingContext - Web APIs
ml <canvas> element.
...this can be used to start an application using standard 2d presentation, then transition to using a vr or ar mode later.
...og for a webglprogram object.
...And 4 more matches
WebGL: 2D and 3D graphics for the web - Web APIs
Web › API › WebGL API
geometry, user interaction, and more.
...cademy an html/javascript editor with tutorials to learn basics of webgl programming.
...o learn basics of webgl programming.
...And 4 more matches
Background audio processing using AudioWorklet - Web APIs
mplementing your audio processing algorithm using webassembly can make it perform markedly better.
...he outputs being filled with the same data).
...l in your audio programming toolkit.
...And 4 more matches
XRPose.transform - Web APIs
Web › API › XRPose › transform
this is the same pose that's returned by the frame's getpose() method.
...le this handler for the xrsession event select handles events for tracked pointers.
...ing on the user's handedness; this is done by comparing the value of the xrinputsource property handedness to a value in the variable user.handedness.
...And 4 more matches
XRSession.onselect - Web APIs
lly by the user.
....
...tion; value an event handler function to be invoked when the xrsession receives a select event.
...And 4 more matches
XRSession: selectend event - Web APIs
the webxr event selectend is sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
...ing an ongoing primary action is disconnected without successfully completing the action.
...ming a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 4 more matches
XRSession: selectstart event - Web APIs
the webxr event selectstart is sent to an xrsession when the user begins a primary action on one of its input sources.
...s sent to an xrsession when the user begins a primary action on one of its input sources.
...ng a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 4 more matches
XRSession: squeezeend event - Web APIs
the webxr event squeezeend is sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
...ngoing primary action is disconnected without successfully completing the action.
...nizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 4 more matches
XRSession: squeezestart event - Web APIs
the webxr event squeezestart is sent to an xrsession when the user begins a primary squeeze action on one of its input sources.
... the webxr event squeezestart is sent to an xrsession when the user begins a primary squeeze action on one of its input sources.
...ipping or squeezing using your hands, and may be simulated using triggers on hand controllers.
...And 4 more matches
XRTargetRayMode - Web APIs
api enumerated type xrtargetraymode describes the method by an input controller's targeting ray is being produced.
...ouse click.
...rendertargetrayasbeam() is called to render a beam from the input controller's virtual position outward in the direction it's pointing.
...And 4 more matches
Accessibility Information for Web Authors - Accessibility
ns on these guidelines.
...'s key-navigable custom dhtml widgets in mozilla & ie this document discusses how to use tabindex, element.focus() and onkeypress to make custom dhtml widgets such as menus or tree views keyboard accessible.
...to use tabindex, element.focus() and onkeypress to make custom dhtml widgets such as menus or tree views keyboard accessible.
...And 4 more matches
Operable - Accessibility
nd navigation must be operable.
...rd accessible: make all functionality available from a keyboard.
...nd physical reactions: do not design content in a way that is known to cause seizures or physical reactions this refers to content that, if not changed, could cause seizures in users with conditions such as epilepsy or could cause physical reactions (like dizziness) for users with conditions such as vestibular disorders.
...And 4 more matches
mask-mode - CSS: Cascading Style Sheets
Web › CSS › mask-mode
the mask-mode css property sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask.
... the mask-mode css property sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask.
...: unset; syntax the mask-mode property is specified as one or more of the keyword values listed below, separated by commas.
...And 4 more matches
Overview of events and handlers - Developer guides
running, and from many other causes such as media stream playback or animation timing.
... all of the resources associated with a page, to parse, process, draw, and present the page to the user.
...ayed page remains unchanged until the browser requests a new page.
...And 4 more matches
MIME types (IANA media types) - HTTP
oncatenated with a slash (/) between them, comprise a mime type.
...ist at iana image or graphical data including both bitmap and vector still images as well as animated versions of still image formats such as animated gif or apng.
...: bytes 100-200/1270 eta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="vieport" content --3d6b6a416f9b5 content-type: text/html content-range: bytes 300-400/1270 -color: #f0f0f2; margin: 0; padding: 0; font-family: "open sans", "helvetica --3d6b6a416f9b5-- importance of setting the correct mime type most web servers send unrecognized resources as the application/octet-stream mime type.
...And 4 more matches
Timing-Allow-Origin - HTTP
the timing-allow-origin response header specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
...tributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
...ich would otherwise be reported as zero due to cross-origin restrictions.
...And 4 more matches
Redirections in HTTP - HTTP
n.
... 308 permanent redirect method and body not changed.
...ity of the behavior when using non-get methods.
...And 4 more matches
TypedArray.prototype.set() - JavaScript
the set() method stores multiple values in the typed array, reading input values from a specified array.
...ecified array.
... github repository.
...And 4 more matches
Digital audio concepts - Web media technologies
ning how audio is represented digitally, and how codecs are used to encode and decode audio for use on the web.
...udio file.
....
...And 4 more matches
The "codecs" parameter in common media types - Web media technologies
, is 09.
...c1.oo[.ppccll] (avc video) oo is the oti describing the contents, while ppccll is six hexadecimal digits specifying the profile number (pp), constraint set flags (cc), and level (ll).
...e avc profiles and their profile numbers for use in the codecs parameter, as well as the value to specify for the constraints component, cc.
...And 4 more matches
Lazy loading - Web Performance
lazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...ten the length of the critical rendering path, which translates into reduced page load times.
...creases in the number and size of assets sent to users.
...And 4 more matches
context-menu - Archive of obsolete content
content scripts for more information.
...g, don't use contentscript: if you do, you may have problems getting your add-on approved on amo.
...our code easier to maintain, secure, debug and review.
...And 3 more matches
Downloading Files - Archive of obsolete content
ds of downloading files may not work as expected after firefox 26, and should no longer be used.
... "nsiwebbrowserpersist"); var persist = webbrowserpersist(); var targetfile = services.dirsvc.get("desk", ci.nsifile); targetfile.append("file.bin"); // obtain the privacy context of the browser window that the url // we are downloading comes from.
...rsist.persist_flags_from_cache | persist.persist_flags_replace_existing_files; persist.saveuri(uritosave, null, null, null, "", targetfile, privacy); if you don't need detailed progress information, you might be happier with nsidownloader.
...And 3 more matches
Local Storage - Archive of obsolete content
is a special identifier for the profile directory that exists so that you don't need to figure out its location.
...copy.
... great deal of code even for the simplest tasks, and it currently sees little maintenance, so we don't recommend using it unless you really have to.
...And 3 more matches
Tabbed browser - Archive of obsolete content
ode for details.
...for a menuitem, but will work equally well for other xul elements.
... return gbrowser.getbrowserfordocument(domwin.top.document); } catch (e) { dump(e + "\n"); return null; } } getting the browser that fires the http-on-modify-request notification (example code updated for loadcontext) here an example of the previous section is shown.
...And 3 more matches
Search Extension Tutorial (Draft) - Archive of obsolete content
nged in the meantime.
...uggestion urls or separate keyword search urls.
...<image width="16" height="16" type="image/png">data:image/png;base64, ...
...And 3 more matches
Index of archived content - Archive of obsolete content
page loading post data to window preferences progress listeners queryselector rosetta running applications svg animation svg general scrollbar sidebar stringview tabbox toolbar tree uri parsing view source for xul applications windows xml-related code snippets xml:base support in old browsers xpath getattributens common pitfalls communication between html and your extension creating custom firefox extensions with the mozilla build ...
...irefox extensions migrating from internal linkage to frozen linkage migrating raw components to add-ons multiple item extension packaging offering a context menu for form controls overlay extensions firefox addons developer guide appendix: what you should know about open-source software licenses chapter 1: introduction to extensions chapter 2: technologies used in developing extensions chapter 3: introduction to xul—how to build a more intuitive ui chapter 4: using xpcom—implementing advanced processes chapter 5: let's build a firefox extension chapter 6: firefox extensions and xul a...
... priority content prism blogposts build bundlelibrary bundles configuration extensions faq hostwindow installer scripting styling proxy ui pydom rdf api rdf datasource how-to reading textual data remote xul remote debugging rsyncing the cvs repository running windows debug builds downloaded from tinderbox sxsw 2007 presentations safe browsing safe browsing: design documentation safely loading uris same origin policy for xbl space manager detailed design...
...And 3 more matches
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
file is in reality a renamed zip archive.
...name of your theme.
...ents of the browser you're modifying.
...And 3 more matches
patch - Archive of obsolete content
summary updates an existing component.
... summary updates an existing component.
...summary updates an existing component.
...And 3 more matches
Building Menus With Templates - Archive of obsolete content
e user opens the menu, or a script opens the menu.
...pt opens the menu.
...mplate.
...And 3 more matches
List Controls - Archive of obsolete content
nt to create multi-row list boxes, and a menulist element to create drop-down list boxes.
... a value for each item using the value attribute.
...side each listitem.
...And 3 more matches
Trees - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Trees
olumns.
...e view, which uses the labels and values specified on these elements as the data for the tree.
...ct will be the label attribute to set a text label for a cell and the src attribute to set an image.
...And 3 more matches
XUL Template Primer - Bindings - Archive of obsolete content
hed, the rule will still fire.
... friends.rdf, below, a simple database with name and address information for some of my good friends.
...://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:nc="http://home.netscape.com/nc-rdf#"> <rdf:description about="urn:root"> <nc:friends> <rdf:seq> <rdf:li> <rdf:description nc:name="alison appel"> <nc:address resource="#home"/> </rdf:description> </rdf:li> <rdf:li> <rdf:description nc:name="jack"> <nc:address resource="#doghouse"/> </rdf:description> </rdf:li> <rdf:li> <rdf:description nc:name="lumpy"/> </rdf:li> </rdf:seq> </nc:friends> </rdf:description> <rdf:description id="home" nc:street="437 hoffman"/> <rdf:description id="doghouse" nc:street="435 hoffman"/> </rdf:rdf> the rdf model that this file creates can be represented with the followin...
...And 3 more matches
binding - Archive of obsolete content
to bind a particular property of a matched node to a particular variable name.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties object type: string the object of the element.
...ht, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties object type: string the object of the element.
...And 3 more matches
bindings - Archive of obsolete content
ts.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width object type: string the object of the element.
...t, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width object type: string the object of the element.
...And 3 more matches
Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
a build system.
...t you through those cold winter nights.
...ble-application=xulrunner # mccoy options ac_add_app_options mccoy --enable-application=mccoy ac_add_app_options mccoy --with-libxul-sdk=../xulrunner/dist the first section tells mozilla what to build and where to put the resulting object files.
...And 3 more matches
XULRunner tips - Archive of obsolete content
d (inspector@mozilla.org) containing one line of text -- the exact path to the root directory of dom inspector (where the install.rdf is) like this one: /home/username/.mozilla/firefox/numbersandletters/extensions/inspector@mozilla.org/ now create a javascript file with the following code and include it in the main window of your application: function startdomi() { // load the window datasource so that browser windows opened subsequent to dom // inspector show up in the dom inspector's window list.
...zilla/firefox/numbersandletters/extensions/inspector@mozilla.org/ now create a javascript file with the following code and include it in the main window of your application: function startdomi() { // load the window datasource so that browser windows opened subsequent to dom // inspector show up in the dom inspector's window list.
...ng code and include it in the main window of your application: function startdomi() { // load the window datasource so that browser windows opened subsequent to dom // inspector show up in the dom inspector's window list.
...And 3 more matches
Proposal - Archive of obsolete content
ill not be downloaded or installed automatically.
...nting a proposal to make it so iptv and ipradio/podcasting works better with rss.
...ptv and ipradio/podcasting works better with rss.
...And 3 more matches
Settings - Archive of obsolete content
the debugger has its own settings menu, which you can access from an icon in the toolbar: each setting is a simple on/off switch: auto prettify minified sources with this option enabled, the debugger will automatically detect minified js files and pretty-print them.
...when this option is enabled, the debugger's variables pane is visible when you first start the debugger.
...is visible when you first start the debugger.
...And 3 more matches
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
ing requirements documents, product requirements documents, functional requirements documents, quality assurance test plans, and certification documents.
...agement processes for product or service.
...assigned numbers authority ) ecma international like the processes and standards that accountants and project managers must follow, the above-mentioned standards organizations provide focus and direction for the development engineering community.
...And 3 more matches
Index - Game development
html, and writing the javascript code.
...g controls using the gamepad api controls, gamepad api, gamepads, games, javascript, controllers the gamepad api is very easy to develop with.
...pad api, gamepads, games, javascript, controllers the gamepad api is very easy to develop with.
...And 3 more matches
Square tilemaps implementation: Static maps - Game development
n here would scale the tile.) so, for instance, to draw the tree tile, which is the third in the atlas, at the screen coordinates (128, 320), we would call drawimage() with these values: context.drawimage(atlasimage, 192, 0, 64, 64, 128, 320, 64, 64); in order to support atlases with multiple rows and columns, you would need to know how many rows and columns there are to be able to compute the source x and y.
...s the following definitions: context: a 2d canvas context.
...ions: context: a 2d canvas context.
...And 3 more matches
Initialize the framework - Game development
« previousnext » this is the first of 16 tutorials to learn how to use gamedev phaser.
...yle> <script src="js/phaser.min.js"></script> </head> <body> <script> var game = new phaser.game(480, 320, phaser.canvas, null, { preload: preload, create: create, update: update }); function preload() {} function create() {} function update() {} </script> </body> </html> downloading the phaser code next, we need to go through the process of downloading the phaser source code and applying it to our html document.
...rocess of downloading the phaser source code and applying it to our html document.
...And 3 more matches
CORS - MDN Web Docs Glossary: Definitions of Web-related terms
cors (cross-origin resource sharing) is a system, consisting of transmitting http headers, that determines whether browsers block frontend javascript code from accessing responses for cross-origin requests.
... cors (cross-origin resource sharing) is a system, consisting of transmitting http headers, that determines whether browsers block frontend javascript code from accessing responses for cross-origin requests.
... cors (cross-origin resource sharing) is a system, consisting of transmitting http headers, that determines whether browsers block frontend javascript code from accessing responses for cross-origin requests.
...And 3 more matches
Debugging CSS - Learn web development
ing the properties and values applied to elements on your page, and making changes to them from the editor.
...is lesson we will look at some useful features of the firefox devtools for working with css.
...ollow along, and open up your devtools as described in the article linked above.
...And 3 more matches
What text editors are available? - Learn web development
itors: editor licence price os support doc.
... atom mit/bsd free windows, mac, linux forum online manual yes bluefish gpl 3 free windows, mac, linux mailing list, wiki online manual yes brackets mit/bsd free windows, mac, linux forum, irc github wiki yes coda closed source $99 mac twitter, forum, e-mail ebook yes codelobster closed source free windows, mac, linux forum, e-mail no end user doc yes emacs gpl 3 free windows, mac, linux faq, mailing list, news group online manual yes espresso closed source $75 mac faq, e-mail no end user doc, but plug-in doc yes gedit gpl free windows, mac, linux mailing list, irc online manual yes ...
...n doc yes gedit gpl free windows, mac, linux mailing list, irc online manual yes kate lgpl, gpl free windows, mac, linux mailing list, irc online manual yes komodo edit mpl free windows, mac, linux forum online manual yes notepad++ gpl free windows forum wiki yes pspad closed source free windows faq, forum online help yes sublime text closed source $70 windows, mac, linux forum official, unofficial yes textmate closed source $50 mac twitter, irc, mailing list, e-mail online manual, wiki yes textwrangler closed source free mac faq, forum pdf manual no vim specific open ...
...And 3 more matches
How to build custom form controls - Learn web development
the design stage; if you define a behavior poorly, or forget to define one, it will be very hard to redefine it once the users have gotten used to it.
...ground: #f0f0f0; } for the options, we need to add a highlight class to be able to identify the value the user will pick (or has picked).
...s: if at page load time our script is running, it will remove the no-widget class and add the widget class, thereby swapping the visibility of the <select> element and the custom control.
...And 3 more matches
Creating hyperlinks - Learn web development
as covered in html text fundamentals.
...="https://www.mozilla.org/"> <img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage"> </a> note: you'll find out more about using images on the web in a future article.
...dns), see how the web works for more information).
...And 3 more matches
Multimedia: Images - Learn web development
should look into the format of the images themselves: are you loading the most optimal file formats?
...e not available on every browser: webp — created by google and nowadays supported by all major browsers except safari.
...gh efficiency image file format (heif) or av1 still image file format (avif).
...And 3 more matches
Handling common HTML and CSS problems - Learn web development
<canvas> (and other features besides) have natural mechanisms for fallbacks to be added, which work on the same principle as described above.
...o be added, which work on the same principle as described above.
... } body { width: 400px; margin: 0 auto; } <form> <div> <label for="date">enter a date:</label> <input id="date" type="date"> </div> <div> <label for="time">enter a time:</label> <input id="time" type="time"> </div> </form> note: you can also see this running live as forms-test.html on github (see the source code also).
...And 3 more matches
Software accessibility: Where are we today?
ion software, microsoft active accessibility defines a windows-based standard by which applications can communicate context and other pertanent information to accessibility aids.
...ications are not open source, this forced disabled people to rely on the companies which produce this software to make it accessible.
...software to make it accessible.
...And 3 more matches
Creating a Language Pack
this page is out of date.
...firefox, that's browser, thunderbird would be mail).
...5pre.en-us.mac.dmg the en-us binary has been downloaded.
...And 3 more matches
Creating reftest-based unit tests
nless the "<blockquote>" element did not cause any indentation at all.
... trustworthy and the harness will not be used.
...ault you must edit the first line of mach.
...And 3 more matches
Experimental features in Firefox
1205133 for details.
...channel version added enabled by default?
... presenting a user interface for managing media playback, and to obtain media file metadata.
...And 3 more matches
XPCOMUtils.jsm
the xpcomutils.jsm javascript code module offers utility routines for javascript components loaded by the javascript component loader.
...ents" is the array created in the previous section if ("generatensgetfactory" in xpcomutils) var nsgetfactory = xpcomutils.generatensgetfactory(components); // gecko 2.0+ else var nsgetmodule = xpcomutils.generatensgetmodule(components); // gecko 1.9.x method overview function definelazygetter(aobject, aname, alambda); function definelazymodulegetter(aobject, aname, aresource, [optional] asymbol); function definelazyservicegetter(aobject, aname, acontract, ainterfacename); function generatensgetfactory(componentsarray); function generateci(classinfo); function generateqi(interfaces); void importrelative(that, path, scope); generator itersimpleenumerator(enumerator, interface); generator iterstringenumerat...
... name of the getter function to create.
...And 3 more matches
Localizing with Pontoon
and workflow.
... main toolbar as you can see, most of the interface is taken by the website being translated.
...site being translated.
...And 3 more matches
NSPR's Position On Abrupt Thread Termination
and was so named in an effort to make the obvious even more so.
...e so.
... thread.
...And 3 more matches
JSS
Mozilla › Projects › NSS › JSS
the jss project has been relocated!
...https://pagure.io/jss/issues documentation regarding the jss project should now be viewed at: http://www.dogtagpki.org/wiki/jss note: as much of the jss documentation is sorely out-of-date, updated information will be a work in progress, and many portions of any legacy documentation will be re-written over the course of time.
...might want to read these documents: introduction to public-key cryptography.
...And 3 more matches
NSS Developer Tutorial
nss coding style formatting line length should not exceed 80 characters.
...* line2 */ or /* line1 ** line2 */ or /* line1 * line2 */ naming public functions are named foo_dooneaction.
...ng from a function.
...And 3 more matches
Utilities for nss samples
ple code 0: utilities.
...h> /* * these utility functions are adapted from those found in * the sectool library used by the nss security tools and * other nss test applications.
... from those found in * the sectool library used by the nss security tools and * other nss test applications.
...And 3 more matches
Pork Tool Development
files and locations most tools are in the "oink" directory.
... files and locations most tools are in the "oink" directory.
...his section refers to macro expansion when using mcpp (see installing pork).
...And 3 more matches
Download Rhino
rhino is available for download both in source and compiled form.
... rhino1.7.8.zip rhino 1.7.9 2018-03-15 release notes rhino1.7.9.zip rhino 1.7.10 2018-04-09 release notes rhino1.7.10.zip rhino 1.7.11 2019-05-30 release notes rhino1.7.11.zip rhino 1.7.12 2020-01-13 release notes rhino1.7.12.zip to download older rhino versions, see the rhino downloads archive.
...o 1.7.11 2019-05-30 release notes rhino1.7.11.zip rhino 1.7.12 2020-01-13 release notes rhino1.7.12.zip to download older rhino versions, see the rhino downloads archive.
...And 3 more matches
SpiderMonkey 1.8.7
draft in progress - this is a draft, and right now it's mostly just a copy of the 1.8.5 release notes.
...evious versions.
... jsapi_ldflags := $(filter -l%,$(jsapi_ldflags)) $(filter -l%,$(jsapi_ldflags))\ $(filter -%_namespace,$(jsapi_ldflags))\ $(filter -wl%,$(jsapi_ldflags)) jsapi_ldflags := $(filter-out $(mozjs_install_name_opt),$(jsapi_ldflags)) endif jsapi_ldflags := $(filter-out %libffi.a,$(jsapi_ldflags)) ldflags += $(jsapi_ldflags) future direction the spidermonkey 1.8.5 source release includes an experimental library versioning scheme.
...And 3 more matches
Packaging WebLock
« previousnext » in this final part of the tutorial, we'll put all of the pieces of the web locking component - the library itself, the type library, the header file, and the user interface resources - into a package that can be installed on other systems.
...nt and the ui it uses to access the weblock component.
...ript is the completetrigger installation script, which can be launched from a web page.
...And 3 more matches
Preface
perience with this technology, much of it can be applied to xpcom.
...onent interface.
...rface for the weblock component.
...And 3 more matches
Components.utils.import
components.utils.import was introduced in firefox 3 and is used for sharing code between different scopes easily.
...tforms, you should always provide a scope.
...oader the differences from mozijssubscriptloader: the behavior when importing/loading the same code from different locations: the subscript loader evaluates the specified code each time it is invoked, with the caller's global object.
...And 3 more matches
nsCountedRef
nscountedref<t> is a template class implementing an object that takes a strong reference to a reference-counted resource that must be released, typically on destruction of the object.
...ject.
... methods.
...And 3 more matches
nsIDOMXULElement
ment's collapsed attribute is the string "true", otherwise false.
...you set it to false.
...value of the element's contextmenu attribute.
...And 3 more matches
nsIXPConnect
nsixpconnectjsobjectholder createsandbox(in jscontextptr cx, in nsiprincipal principal); native code only!
...sstack(in prbool showargs, in prbool showlocals, in prbool showthisprops); void debugdumpobject(in nsisupports acomobj, in short depth); [noscript,notxpcom] prbool definedomquickstubs(in jscontextptr cx, in jsobjectptr proto, in pruint32 flags, in pruint32 interfacecount, [array, size_is(interfacecount)] in nsiidptr interfacearray); jsval evalinsandboxobject(in astring source, in jscontextptr cx, in nsixpconnectjsobjectholder sandbox, in prbool returnstringonly); native code only!
...cription acaller missing description return value missing description exceptions thrown missing exception missing description debugdump() void debugdump( in short depth ); parameters depth missing description exceptions thrown missing exception missing description debugdumpevalinjsstackframe() void debugdumpevalinjsstackframe( in pruint32 aframenumber, in string asourcetext ); parameters aframenumber missing description asourcetext missing description exceptions thrown missing exception missing description debugdumpjsstack() void debugdumpjsstack( in prbool showargs, in prbool showlocals, in prbool showthisprops ); parameters showargs missing description showlocals missing description showthisprops missing description exception...
...And 3 more matches
nsIXULTemplateResult
content/xul/templates/public/nsixultemplateresult.idlscriptable a single result generated from a template query.
...ult generated from a template query.
...ing of the template.
...And 3 more matches
Mail client architecture overview
warning: the content of this article may be out of date.
...he root object of the server/folder/message hierarchy.
... of the server/folder/message hierarchy.
...And 3 more matches
URLs - Plugins
« previousnext » this chapter describes retrieving urls and displaying them on specified target pages, posting data to an http server, uploading files to an ftp server, and sending mail.
... « previousnext » this chapter describes retrieving urls and displaying them on specified target pages, posting data to an http server, uploading files to an ftp server, and sending mail.
...that the browser can handle, including http, ftp, news, mailto, and gopher.
...And 3 more matches
DOM Inspector internals - Firefox Developer Tools
thout fear of collisions in the xul, css, or js.
...ns in the xul, css, or js.
...nd back.
...And 3 more matches
Using the Debugger map scopes feature - Firefox Developer Tools
this feature is useful when debugging source-mapped code.
... this feature is useful when debugging source-mapped code.
...nal source.
...And 3 more matches
Examine and edit HTML - Firefox Developer Tools
hat can be used in the html tree — see the html pane keyboard shortcuts list.
...slot> element — see adding flexibility with slots for an explanation of how these are used), the "slotted" element will be shown inside its corresponding <slot> element, with a "reveal" link alongside it.
...element.
...And 3 more matches
AnalyserNode.getFloatFrequencyData() - Web APIs
analyser = audioctx.createanalyser(); // float32array should be the same length as the frequencybincount const mydataarray = new float32array(analyser.frequencybincount); // fill the float32array with data returned from getfloatfrequencydata() analyser.getfloatfrequencydata(mydataarray); drawing a spectrum the following example shows basic usage of an audiocontext to connect a mediaelementaudiosourcenode to an analysernode.
...ng a spectrum the following example shows basic usage of an audiocontext to connect a mediaelementaudiosourcenode to an analysernode.
...sourcenode to an analysernode.
...And 3 more matches
AudioProcessingEvent - Web APIs
nel and each sample frame, the scriptnode.onaudioprocess function takes the associated audioprocessingevent and uses it to loop through each channel of the input buffer, and each sample in each channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...l, and add a small amount of white noise, before setting that result to be the output sample in each case.
...before setting that result to be the output sample in each case.
...And 3 more matches
BaseAudioContext.createDynamicsCompressor() - Web APIs
where you want to control the overall signal level and help avoid clipping (distorting) of the audio output.
...l level and help avoid clipping (distorting) of the audio output.
...audio output.
...And 3 more matches
BaseAudioContext.createScriptProcessor() - Web APIs
nel and each sample frame, the scriptnode.onaudioprocess function takes the associated audioprocessingevent and uses it to loop through each channel of the input buffer, and each sample in each channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...l, and add a small amount of white noise, before setting that result to be the output sample in each case.
...before setting that result to be the output sample in each case.
...And 3 more matches
DataTransfer.effectAllowed - Web APIs
wed property specifies the effect that is allowed for a drag operation.
...a being dragged will be copied from its present location to the drop location.
...hatever value was assigned during the dragstart event, thus effectallowed may be used to determine which effect is permitted.
...And 3 more matches
DynamicsCompressorNode.attack - Web APIs
); var compressor = audioctx.createdynamicscompressor(); compressor.attack.value = 0; value an audioparam.
...ompressor(); compressor.attack.value = 0; value an audioparam.
...n audioparam.
...And 3 more matches
DynamicsCompressorNode.knee - Web APIs
(); var compressor = audioctx.createdynamicscompressor(); compressor.knee.value = 40; value an audioparam.
...compressor(); compressor.knee.value = 40; value an audioparam.
...n audioparam.
...And 3 more matches
DynamicsCompressorNode.ratio - Web APIs
); var compressor = audioctx.createdynamicscompressor(); compressor.ratio.value = 12; value an audioparam.
...ompressor(); compressor.ratio.value = 12; value an audioparam.
...n audioparam.
...And 3 more matches
DynamicsCompressorNode.release - Web APIs
ar compressor = audioctx.createdynamicscompressor(); compressor.release.value = 0.25; value an audioparam.
...essor(); compressor.release.value = 0.25; value an audioparam.
...n audioparam.
...And 3 more matches
DynamicsCompressorNode.threshold - Web APIs
r compressor = audioctx.createdynamicscompressor(); compressor.threshold.value = -50; value an audioparam.
...ssor(); compressor.threshold.value = -50; value an audioparam.
...n audioparam.
...And 3 more matches
DynamicsCompressorNode - Web APIs
ead only is a k-rate audioparam representing the amount of time, in seconds, required to increase the gain by 10 db.
...ng the amount of time, in seconds, required to increase the gain by 10 db.
...ase the gain by 10 db.
...And 3 more matches
Fetch API - Web APIs
Web › API › Fetch API
the fetch api provides an interface for fetching resources (including across the network).
...ilar things that handle or modify requests and responses, or any kind of use case that might require you to generate your responses programmatically (that is, the use of computer program or personal programming instructions).
...ons).
...And 3 more matches
HTMLImageElement.srcset - Web APIs
the htmlimageelement property srcset is a string which identifies one or more image candidate strings, separated using commas (,) each specifying image resources to use under given circumstances.
...roperty, are a crucial component in designing responsive web sites, as they can be used together to make pages that use appropriate images for the rendering situation.
...htmlimageelement.srcset = imagecandidatestrings; let srcset = htmlimageelement.srcset; value a usvstring containing a comma-separated list of one or more image candidate strings to be used when determining which image resource to present inside the <img> element represented by the htmlimageelement.
...And 3 more matches
HTMLMediaElement.load() - Web APIs
the htmlmediaelement method load() resets the media element to its initial state and begins the process of selecting a media source and loading the media in preparation for playback to begin at the beginning.
...he htmlmediaelement method load() resets the media element to its initial state and begins the process of selecting a media source and loading the media in preparation for playback to begin at the beginning.
...g a media source and loading the media in preparation for playback to begin at the beginning.
...And 3 more matches
HTMLMediaElement.src - Web APIs
the htmlmediaelement.src property reflects the value of the html media element's src attribute, which indicates the url of a media resource to use in the element.
... the htmlmediaelement.src property reflects the value of the html media element's src attribute, which indicates the url of a media resource to use in the element.
... the htmlmediaelement.src property reflects the value of the html media element's src attribute, which indicates the url of a media resource to use in the element.
...And 3 more matches
HTMLVideoElement - Web APIs
the htmlvideoelement interface provides special properties and methods for manipulating video objects.
...lement.height is a domstring that reflects the height html attribute, which specifies the height of the display area, in css pixels.
...ng that reflects the poster html attribute, which specifies an image to show while no video data is available.
...And 3 more matches
Drag Operations - Web APIs
cts when dragging, there are several operations that may be performed.
...d to indicate that the data being dragged will be copied from its present location to the drop location.
...xample, copy is the effect that is performed.
...And 3 more matches
MediaDevices.getDisplayMedia() - Web APIs
if no video track is expressly requested by the constraints object.
...e running due to a user action, such as an event handler.
...context getdisplaymedia() was called is not fully active; for example, perhaps it is not the frontmost tab.
...And 3 more matches
MediaRecorder.start() - Web APIs
amount of media has been recorded, an event will be delivered to let you act upon the recorded media, while a new blob is created to record the next slice of the media assuming the mediarecorder's state is inactive, start() sets the state to recording, then begins capturing media from the input stream.
...sets the state to recording, then begins capturing media from the input stream.
... data is collected in it until the time slice period elapses or the source media ends.
...And 3 more matches
MediaStreamTrack.stop() - Web APIs
the mediastreamtrack.stop() method stops the track.
... the mediastreamtrack.stop() method stops the track.
... the mediastreamtrack.stop() method stops the track.
...And 3 more matches
MediaTrackSettings.deviceId - Web APIs
the mediatracksettings dictionary's deviceid property is a domstring which uniquely identifies the source for the corresponding mediastreamtrack for the origin corresponding to the browsing session.
...pportedconstraints().
..., tracks associated with a webrtc rtcpeerconnection will never include this property.
...And 3 more matches
MediaTrackSettings - Web APIs
le due to context.
...alues during negotiation of a webrtc connection, a track associated with a rtcpeerconnection will not include certain values, such as facingmode or groupid.
... identifying the source of the track; this is usually a guid.
...And 3 more matches
Navigator.mozIsLocallyAvailable() - Web APIs
the navigator.mozislocallyavailable() method allows add-ons to determine whether or not a given resource is available.
... the navigator.mozislocallyavailable() method allows add-ons to determine whether or not a given resource is available.
...lyavailable() method allows add-ons to determine whether or not a given resource is available.
...And 3 more matches
OfflineAudioContext.startRendering() - Web APIs
rsion: offlineaudioctx.startrendering().then(function(buffer) { // buffer contains the output buffer }); parameters none.
...t to render the audio into an audiobuffersourcenode and play the track through.
...mise resolves, rendering has completed and the output audiobuffer is returned out of the promise.
...And 3 more matches
OfflineAudioContext - Web APIs
: complete fired when the rendering of an offline audio context is complete.
...t to render the audio into an audiobuffersourcenode and play the track through.
...mise resolves, rendering has completed and the output audiobuffer is returned out of the promise.
...And 3 more matches
RTCInboundRtpStreamStats - Web APIs
tion.
... averagertcpinterval a floating-point value indicating the average rtcp interval between two consecutive compound rtcp packets.
...which indicats the total numer of bytes that have been received so far for this media source.
...And 3 more matches
RTCRtpReceiver - Web APIs
h the current rtcrtpreceiver instance.
...ceiver.transport read only returns the rtcdtlstransport instance over which the media for the receiver's track is received.
...sport instance over which the media for the receiver's track is received.
...And 3 more matches
ScriptProcessorNode.bufferSize - Web APIs
nel and each sample frame, the scriptnode.onaudioprocess function takes the associated audioprocessingevent and uses it to loop through each channel of the input buffer, and each sample in each channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...oise, before setting that result to be the output sample in each case.
...And 3 more matches
ScriptProcessorNode.onaudioprocess - Web APIs
nel and each sample frame, the scriptnode.onaudioprocess function takes the associated audioprocessingevent and uses it to loop through each channel of the input buffer, and each sample in each channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...l, and add a small amount of white noise, before setting that result to be the output sample in each case.
...before setting that result to be the output sample in each case.
...And 3 more matches
ScriptProcessorNode - Web APIs
nel and each sample frame, the scriptnode.onaudioprocess function takes the associated audioprocessingevent and uses it to loop through each channel of the input buffer, and each sample in each channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...channel, and add a small amount of white noise, before setting that result to be the output sample in each case.
...oise, before setting that result to be the output sample in each case.
...And 3 more matches
SecurityPolicyViolationEvent - Web APIs
the securitypolicyviolationevent interface inherits from event, and represents the event object of an event sent on a document or worker when its content security policy is violated.
...whose enforcement uncovered the violation.
...ation occurred.
...And 3 more matches
StereoPannerNode.pan - Web APIs
apply.
...ner(); pannode.pan.value = -0.5; returned value an a-rate audioparam containing the panning to apply.
...is playing pans the music across to the left and right speakers of the output, respectively.
...And 3 more matches
StereoPannerNode - Web APIs
"speakers" constructor stereopannernode() creates a new instance of a stereopannernode object.
...udionode.
...is playing pans the music across to the left and right speakers of the output, respectively.
...And 3 more matches
TextEncoder.prototype.encodeInto() - Web APIs
e target buffer is a view into a wasm heap.
... logically truncated string if the javascript string contained u+0000.
... observe: var encoder = new textencoder; function encodeintowithsentinel(string, u8array, position) { var stats = encoder.encodeinto(string, position ?
...And 3 more matches
TrackDefault.TrackDefault() - Web APIs
the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
...the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
... language, label, kinds, bytestreamtrackid); parameters type a domstring specifying a media segment data type for the sourcebuffer to contain.
...And 3 more matches
WebGLRenderingContext.bufferData() - Web APIs
f the arraybufferview typed array types that will be copied into the data store.
...lenum specifying the intended usage pattern of the data store for optimization purposes.
...application, and used many times as the source for webgl drawing and image specification commands.
...And 3 more matches
WebGLRenderingContext.makeXRCompatible() - Web APIs
olve replacing the underlying webgl context with a new one that uses the new rendering hardware, the existing contents of the context may be lost and, therefore, would need to be re-rendered.
...ore shortly.
...ner("load", (event) => { loadsceneresources(currentscene); glstartbutton.addeventlistener("click", handlestartbuttonclick); xrstartbutton.addeventlistener("click", handlestartbuttonclick); }); outputcanvas.addeventlistener("webglcontextlost", (event) => { /* the context has been lost but can be restored */ event.canceled = true; }); /* when the gl context is reconnected, reload the resources for the current scene.
...And 3 more matches
WebRTC API - Web APIs
provides a way to access the underlying datagram transport layer security (dtls) transport over which sctp packets for all of an rtcpeerconnection's data channels are sent and received.
...ort layer security (dtls) transport over which sctp packets for all of an rtcpeerconnection's data channels are sent and received.
... all of an rtcpeerconnection's data channels are sent and received.
...And 3 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
work, as well as to help ensure you understand the way the functions and data that are used during xr rendering work together.
...ve-vr mode.
...here}: ${err}`); } } this takes as its only input a string, where, which is used to indicate what part of the program generated the error, since similar errors can have in multiple situations.
...And 3 more matches
Visualizations with Web Audio API - Web APIs
one of the most interesting features of the web audio api is the ability to extract frequency, waveform, and other data from your audio source, which can then be used to create visualizations.
... most interesting features of the web audio api is the ability to extract frequency, waveform, and other data from your audio source, which can then be used to create visualizations.
...d working examples of all the code snippets in our voice-change-o-matic demo.
...And 3 more matches
XRSession.onsqueeze - Web APIs
e xrsession interface's onsqueeze event handler property can be set to a function which is then invoked to handle the squeeze event that's sent when the user successfully completes a primary squeeze action on a webxr input device.
...x xrsession.onsqueeze = squeezehandlerfunction; value a function to be invoked whenever the xrsession receives a squeeze event.
...ents for a specific hand this snippet of code adds a simple handler for the squeeze event, which responds only to events on the user's off-hand (that is, the hand that isn't their dominant hand).
...And 3 more matches
XRSession: select event - Web APIs
the webxr event select is sent to an xrsession when one of the session's input sources has completed a primary action.
...session when one of the session's input sources has completed a primary action.
...forming a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 3 more matches
XRSession: squeeze event - Web APIs
the webxr event squeeze is sent to an xrsession when one of the session's input sources has completed a primary squeeze action.
...when one of the session's input sources has completed a primary squeeze action.
...cognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 3 more matches
border-image-repeat - CSS: Cascading Style Sheets
the border-image-repeat css property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
... the border-image-repeat css property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
...epeat: inherit; border-image-repeat: initial; border-image-repeat: unset; the border-image-repeat property may be specified using one or two values chosen from the list of values below.
...And 3 more matches
clip-path - CSS: Cascading Style Sheets
Web › CSS › clip-path
the clip-path css property creates a clipping region that sets what part of an element should be shown.
...hat part of an element should be shown.
...own.
...And 3 more matches
<color> - CSS: Cascading Style Sheets
ier versions of the css color module.
...ecaption active window caption.
...tip controls.
...And 3 more matches
image() - CSS: Cascading Style Sheets
?
... opposite directionality, the image will be flipped horizontally in horizontal writing modes.
... be flipped horizontally in horizontal writing modes.
...And 3 more matches
Demos of open web technologies
encourage their use.
...fers links to interesting demonstrations of these technologies.
...f these technologies.
...And 3 more matches
<input type="file"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › file
<input> elements with type="file" let the user choose one or more files from their device storage.
...d with c:\fakepath\, to prevent malicious software from guessing the user's file structure.
...*,.pdf"> using file inputs a basic example <form method="post" enctype="multipart/form-data"> <div> <label for="file">choose file to upload</label> <input type="file" id="file" name="file" multiple> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } this produces the following output: note: you can find this example on github too — see the source code, and also see it running live.
...And 3 more matches
Digest - HTTP
Web › HTTP › Headers › Digest
the digest response http header provides a digest of the requested resource.
... the digest response http header provides a digest of the requested resource.
... the digest response http header provides a digest of the requested resource.
...And 3 more matches
If-None-Match - HTTP
the if-none-match http request header makes the request conditional.
... the if-none-match http request header makes the request conditional.
...another upload didn't happen before, losing the data of the previous put; this problem is a variation of the lost update problem.
...And 3 more matches
PATCH - HTTP
Web › HTTP › Methods › PATCH
the http patch request method applies partial modifications to a resource.
... the http patch request method applies partial modifications to a resource.
... the http patch request method applies partial modifications to a resource.
...And 3 more matches
HTTP range requests - HTTP
e their pause buttons in that case.
...4d4kwk.jpg http/1.1 host: i.imgur.com range: bytes=0-1023 the server responses with the 206 partial content status: http/1.1 206 partial content content-range: bytes 0-1023/146515 content-length: 1024 ...
...rt/byteranges; boundary=3d6b6a416f9b5 content-length: 282 --3d6b6a416f9b5 content-type: text/html content-range: bytes 0-50/1270 <!doctype html> <html> <head> <title>example do --3d6b6a416f9b5 content-type: text/html content-range: bytes 100-150/1270 eta http-equiv="content-type" content="text/html; c --3d6b6a416f9b5-- conditional range requests when resuming to request more parts of a resource, you need to guarantee that the stored resource has not been modified since the last fragment has been received.
...And 3 more matches
Function.prototype.toString() - JavaScript
the tostring() method returns a string representing the source code of the function.
... the tostring() method returns a string representing the source code of the function.
... the tostring() method returns a string representing the source code of the function.
...And 3 more matches
Planned changes to shared memory - JavaScript
corp as value (protects victims from your origin) with these two headers set, postmessage() will no longer throw for sharedarraybuffer objects and shared memory across threads is therefore available.
...wo headers set, postmessage() will no longer throw for sharedarraybuffer objects and shared memory across threads is therefore available.
... throw for sharedarraybuffer objects and shared memory across threads is therefore available.
...And 3 more matches
WebAssembly.compileStreaming() - JavaScript
the webassembly.compilestreaming() function compiles a webassembly.module directly from a streamed underlying source.
... the webassembly.compilestreaming() function compiles a webassembly.module directly from a streamed underlying source.
... the webassembly.compilestreaming() function compiles a webassembly.module directly from a streamed underlying source.
...And 3 more matches
Media container formats (file types) - Web media technologies
ac no mpeg-1 audio layer iii (mp3) no microsoft adpcm no µ-law 2:1 (u-law) no wave (wav) the waveform audio file format (wave), usually referred to simply as wav due to its filename extension being .wav, is a format developed by microsoft and ibm to store audio bitstream data.
...(ideally with avi and/or mpeg-2 fallback) these suggestions make a number of assumptions.
...fallback) these suggestions make a number of assumptions.
...And 3 more matches
Web media technologies
tml and dom technologies, including <canvas> (for frame grabbing and manipulation), for example.
...ogies, including <canvas> (for frame grabbing and manipulation), for example.
...mple.
...And 3 more matches
Populating the page: how browsers work - Web Performance
.js"></script> </body> </html> this response for this initial request contains the first byte of data received.
...lding up the document tree.
...ent of the document.
...And 3 more matches
Using dns-prefetch - Web Performance
dns-prefetch is an attempt to resolve domain names before resources get requested.
... dns-prefetch is an attempt to resolve domain names before resources get requested.
...then specified in the href attribute: syntax <link rel="dns-prefetch" href="https://fonts.gstatic.com/" > examples <html> <head> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> <!-- and all other head elements --> </head> <body> <!-- your page content --> </body> </html> you should place dns-prefetch hints in the <head> element any time your site references resources on cross-origin domains, but there are some things to keep in mind.
...And 3 more matches
<feComposite> - SVG: Scalable Vector Graphics
second set does not wipe out the background, with the result that the background sometimes shines through and is other cases is blended into itself (i.e., "double-counting").</desc> <filter id="overflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="over" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="inflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="in...
..."1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="in" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="outflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="out" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="atopflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="a...
..." result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="atop" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="xorflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="xor" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="arithmeticflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="sourcegraphic" in2="background...
...And 3 more matches
tabs - Archive of obsolete content
the page currently loaded in the tab.
...t for this tab.
... hosted by this tab.
...And 2 more matches
url - Archive of obsolete content
experimental construct, validate, and parse urls.
... experimental construct, validate, and parse urls.
...erimental construct, validate, and parse urls.
...And 2 more matches
loader/sandbox - Archive of obsolete content
://foo.com/bar.js' and // start from 2nd line.
...ecified via an optional argument: evaluate(scope, 'let b = 2;', 'bar.js', 1, '1.5'); // throws cause `let` is not defined in js 1.5.
...= 2;', 'bar.js', 1, '1.5'); // throws cause `let` is not defined in js 1.5.
...And 2 more matches
util/match-pattern - Archive of obsolete content
end with a slash, and contain no wildcards.
...ingle asterisk matches any url with an http, https, or ftp scheme.
...ern.
...And 2 more matches
Preferences - Archive of obsolete content
this article provides examples for extension developers that wish to use the mozilla preferences system.
...illa suite, firefox, thunderbird, and possibly other mozilla-based applications.
...ods for manipulating preferences; please refer to the xpcom reference pages listed in resources section for the complete list of methods.
...And 2 more matches
Extension Versioning, Update and Compatibility - Archive of obsolete content
for later versions, the compatible add-on version with the greatest version string will be used by the client for automatic updates.
...em:signature> </rdf:description> </rdf:rdf> some people prefer this alternate format (note that much of the information has been trimmed from this example for brevity in order to show the basic structure): <?xml version="1.0" encoding="utf-8"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <!-- this description resource includes all the update and compatibility information for a single add-on with the id foobar@developer.mozilla.org.
...ttp://www.mozilla.org/2004/em-rdf#"> <!-- this description resource includes all the update and compatibility information for a single add-on with the id foobar@developer.mozilla.org.
...And 2 more matches
JavaScript Object Management - Archive of obsolete content
covered in another section of this tutorial.
...(firefox 3 and above), and xpcom.
...ulschoolhello modules/ javascript code modules are accessed with the resource protocol, which is very similar to the chrome protocol.
...And 2 more matches
XPCOM Objects - Archive of obsolete content
t the preference service as an example of this.
...ook at its documentation in a very old xul site called xul planet.
... but it looks like it was never finished and xul planet was discontinued.
...And 2 more matches
List of Mozilla-Based Applications - Archive of obsolete content
apicawatch site performance monitoring tool uses firefox as part of its monitoring package astyle css editor editing tool atmail webmail client aviva for java mainframe connectivity product uses mozilla rhino babelgum internet tv service basilisk pre-servo xul-based web browser uses most of the firefox 55 source code batik java-based toolkit uses mozilla rhino bitbox security focused browser seemingly based on firefox blackbird browser for african american community bluegriffon wysiwyg editor next generation version of composer buzzbird twitter client built on xulrunner camino browser 2.5m downloads and ~400,000 ac...
... digital signage and interactive kiosk tools also used in firecast easystart mozilla firefox web browser web browser usage stats from global stats fossamail email client for windows platform, based on mozilla thunderbird developed by moonchild productions, creator of the pale moon web browser flickr uploadr image upload tool see flickr uploadr: open source and powered by xulrunner foxkeh clock clock frizione javascript development, testing and deployment environment uses mozilla rhino geckofx embeddable gecko gjs javascript bindings for gnome globalmojo browser that raises money for your favorite causes gluescript a javascript engine which can be used as a ge...
...er for java uses mozilla rhino nextcms (fr) cms nightingale music player community run effort to continue songbird support for linux olpc web browser browser oneteam jabber client opendocument viewer viewer opengate's tools cd burner, file browser, and hardware diagnostic softwares opengate is the opensource side of the easyneuf project, “a free software computer, easy and preinstalled” open mashups development tool openoffice.org office suite uses nss openswan implementation of ipsec for linux uses nss orca browser web browser gecko-based version of avant browser pale moon web browser optimized browser developed by moonc...
...And 2 more matches
Using XML Data Islands in Mozilla - Archive of obsolete content
hes "</script>".
...der can be embedded like this: <script id="purchase-order" type="application/xml"> <purchaseorder xmlns="http://example.mozilla.org/purchaseorderml"> <lineitem> <name>line item 1</name> <price>1.25</price> </lineitem> <lineitem> <name>line item 2</name> <price>2.48</price> </lineitem> </purchaseorder> </script> the xml source text can then be retrieved like this: var ordersource = document.getelementbyid("purchase-order").textcontent; the xml source text can be parsed into a dom tree using the domparser api: var parser = new domparser(); var doc = parser.parsefromstring(ordersource, "application/xml"); the html5 data block-based way shown here works in firefox, opera, webkit-based browsers such as chrome and safari, and ie9 while ie's xml data islands work only in ie.
...ml> <html> <head> <title>xml data block demo</title> <script id="purchase-order" type="application/xml"> <purchaseorder xmlns="http://example.mozilla.org/purchaseorderml"> <lineitem> <name>line item 1</name> <price>1.25</price> </lineitem> <lineitem> <name>line item 2</name> <price>2.48</price> </lineitem> </purchaseorder> </script> <script> function rundemo() { var ordersource = document.getelementbyid("purchase-order").textcontent; var parser = new domparser(); var doc = parser.parsefromstring(ordersource, "application/xml"); var lineitems = doc.getelementsbytagnamens("http://example.mozilla.org/purchaseorderml", "lineitem"); var firstprice = lineitems[0].getelementsbytagnamens("http://example.mozilla.org/purchaseorderml", "price")[0].textcontent; document.b...
...And 2 more matches
Documentation for BiDi Mozilla - Archive of obsolete content
mozilla-layout mailing list.
... text fields and composer the specification of the bidi changes to composer was posted in the editor and i18n newsgroups, and responses there were taken into account.
... composer the specification of the bidi changes to composer was posted in the editor and i18n newsgroups, and responses there were taken into account.
...And 2 more matches
Repackaging Firefox - Archive of obsolete content
f the homepage needs to be different from the default to prevent the migration wizard from overwriting it.
...to prevent the migration wizard from overwriting it.
...ll of the standard firefox that you wish to customize.
...And 2 more matches
JavaScript Client API - Archive of obsolete content
overview this page describes how to use the internal client-side sync javascript api.
...of the following files: services/sync/modules/engines/bookmarks.js services/sync/modules/engines/history.js setting up a js module the code for your custom sync engine should live in a js module.
...ngines/bookmarks.js services/sync/modules/engines/history.js setting up a js module the code for your custom sync engine should live in a js module.
...And 2 more matches
Porting NSPR to Unix Platforms - Archive of obsolete content
last modified 16 july 1998 <<< under construction >>> unix platforms are probably the easiest platforms to port netscape portable runtime (nspr) to.
...al with their idiosyncrasies.
...s is called the local threads only version of classic nspr.
...And 2 more matches
Running Tamarin acceptance tests - Archive of obsolete content
the tamarin acceptance tests can be used to verify your installation and or local changes that you have made to the source.
...f the avmshell executable varies among the build systems; use the name of the avm shell produced from the build process you used, above.
...e name of the avm shell produced from the build process you used, above.
...And 2 more matches
move - Archive of obsolete content
move moves a file from one location to another.
... move moves a file from one location to another.
... move moves a file from one location to another.
...And 2 more matches
Return Codes - Archive of obsolete content
eted because it is in use.
... install_cancelled -227 raised when installation is cancelled in medias res.
... raised when installation is cancelled in medias res.
...And 2 more matches
containment - Archive of obsolete content
« xul reference home containment type: uri this attribute specifies rdf properties (an rdf predicate) that indicate that a resource is a container.
... « xul reference home containment type: uri this attribute specifies rdf properties (an rdf predicate) that indicate that a resource is a container.
... « xul reference home containment type: uri this attribute specifies rdf properties (an rdf predicate) that indicate that a resource is a container.
...And 2 more matches
Moving, Copying and Deleting Files - Archive of obsolete content
tual data, writing textual data, list of file-related error codes.
...e a file.
...ould be called on the source file to copy.
...And 2 more matches
Bindings - Archive of obsolete content
« previousnext » we can add more triples to the previous example to show more information.
...d="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/description" object="?description"/> </query> it works similarly to the previous triple.
... object="?description"/> </query> it works similarly to the previous triple.
...And 2 more matches
Multiple Rules - Archive of obsolete content
ers, then the remaining rules can assume that any results that get past the first rule are not folders.
...sults that have a title of 'canal'.
...is example, the results are combined and only three results are shown.
...And 2 more matches
Adding Event Handlers - Archive of obsolete content
script.
...he name of which should be the event name preceded by the word 'on'.
... defined in a separate script.
...And 2 more matches
Box Model Details - Archive of obsolete content
« previousnext » we've seen a lot of features of the box model.
...ner, which in this case is the hbox.
...zontally.
...And 2 more matches
Focus and Selection - Archive of obsolete content
b, the focus will shift to the element with the next highest tab index.
...ent.
...tcher has other roles, which will be discussed in a later section on commands.
...And 2 more matches
Grids - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Grids
dd row elements, which are used for each row.
...ml td element.
...gest element in the column.
...And 2 more matches
Manifest Files - Archive of obsolete content
e url or a jar archive using a jar url, which will be described in a moment.
...which will be described in a moment.
... packages by including another line in the manifest file.
...And 2 more matches
Manipulating Lists - Archive of obsolete content
mmended that the specialized listbox functions be used instead when possible.
...er returns the index of the selected item while the latter returns the selected element.
...related properties described above may also be assigned a new value to change the selection.
...And 2 more matches
More Button Features - Archive of obsolete content
o a button by specifying a url in the image attribute.
...ttributes.
... image above or below the text.
...And 2 more matches
conditions - Archive of obsolete content
nce home [ examples | attributes | properties | methods | related ] this element should appear directly inside a rule element and is used to define conditions for the rule.
...hods | related ] this element should appear directly inside a rule element and is used to define conditions for the rule.
...all variables can be replaced, the rule matched.
...And 2 more matches
content - Archive of obsolete content
ras"), establezca dont-build-content, ("no almacenar contenido"), use treeitem en su lugar.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width propiedades tag type: tag name this may be set to a tag name.
...echildren, the condition will only match when placing elements directly inside a treechildren tag.
...And 2 more matches
member - Archive of obsolete content
ainers or are contained within another element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties child type: ?
...tooltip, tooltiptext, top, uri, wait-cursor, width properties child type: ?
...And 2 more matches
Tamarin Tracing Build Documentation - Archive of obsolete content
tamarin source versions the following instructions are for obtaining and building the tamarin tracing source code.
...dbot windows mobile (pocket pc 5.0) armv4t supported, acceptance and performance tests automated in buildbot raw image (no os) armv5 supported, acceptance and performance tests not done linux (nokia n810) armv5 supported, acceptance and performance tests not done current build status the current tamarin tracing build status can be found at tamarin tracing build status getting the tamarin source the tamarin tracing source resides in mercurial at tamarin tracing.
...ld of tamarin, you can pass cppflags to make.
...And 2 more matches
Building Mozilla XForms - Archive of obsolete content
tch to mercurial, the extensions live in separate repositories.
...ported firefox 3.6 gecko 1.9.2 xforms/schema-validation code does not build with firefox 3.6 any more not developed any more last release: 0.8.6 firefox 4 gecko 2.0 mercurial, repositories mozilla-central xforms schema-validation mostly works upcoming 0.8.7 release if you have your first working firefox build, you can go on with building the xforms extension.
...6 any more not developed any more last release: 0.8.6 firefox 4 gecko 2.0 mercurial, repositories mozilla-central xforms schema-validation mostly works upcoming 0.8.7 release if you have your first working firefox build, you can go on with building the xforms extension.
...And 2 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
vex component, since this won't work in mozilla-based browsers such as netscape 7.
...ot incorrect according to the html 4.01 specification, but it obliges web authors to diligently specifyobtainment mechanisms.
...identifier references an architecture (activex) that mozilla code (and thus netscape 7) does not support.
...And 2 more matches
Visual JS GE - Game development
visual-js gameengine is a small but comprehensive canvas/websocket-based game engine with gui source editor only for windows.
...tance/build_from_editor_to_visual_js_file.js.
...cripts/ and generates your code.
...And 2 more matches
Debugging HTML - Learn web development
hown above.
...ssive code it's time to study the permissive nature of html code.
...> <p>what causes errors in html?
...And 2 more matches
What’s in the head? Metadata in HTML - Learn web development
the potential to make your page appear higher in relevant searches performed in search engines (such activities are termed search engine optimization, or seo.) active learning: the description's use in search engines the description is also used on search engine result pages.
...t searches performed in search engines (such activities are termed search engine optimization, or seo.) active learning: the description's use in search engines the description is also used on search engine result pages.
... as you travel around the web, you'll find other types of metadata, too.
...And 2 more matches
Functions — reusable blocks of code - Learn web development
for loop, while or do...while loop, or if...else statement, you are making use of a function.
...ent, you are making use of a function.
...rt of objects methods.
...And 2 more matches
Drawing graphics - Learn web development
previous overview: client-side web apis next the browser contains some very powerful graphics programming tools, from the scalable vector graphics (svg) language, to apis for drawing on html <canvas> elements, (see the canvas api and webgl).
...tml) in which to draw the new example.
...or if you call window.cancelanimationframe() after calling requestanimationframe() but before the frame is called.
...And 2 more matches
Video and Audio APIs - Learn web development
cs (see first steps, building blocks, javascript objects), the basics of client-side apis objective: to learn how to use browser apis to control video and audio playback.
... objects), the basics of client-side apis objective: to learn how to use browser apis to control video and audio playback.
... you downloaded our examples repo, you'll find it in javascript/apis/video-audio/start/ at this point, if you load the html you should see a perfectly normal html5 video player, with the native controls rendered.
...And 2 more matches
What is web performance? - Learn web development
ible, and then monitoring the performance, to ensure that what you've optimized stays optimized.
... major topic areas we mentioned above, you really should understand some specifics about how browsers work.
..., you really should understand some specifics about how browsers work.
...And 2 more matches
Introduction to client-side frameworks - Learn web development
wing.
...e layer that your users ultimately interact with, is html.
...s.
...And 2 more matches
Client-side tooling overview - Learn web development
regular string literals).
...nd linting tools for other languages, such as csslint.
...worth looking at is webhint, a configurable, open-source linter for the web that surfaces best practices including approaches to accessibility, performance, cross-browser compatibility via mdn's browser compatibility data, security, testing for pwas, and more.
...And 2 more matches
Performance
so objects.
...rvices.ppmm.broadcastasyncmessage("my-addon:update-configuration", {newconfig: main.serialize()}) } // processmodule.jsm const exported_symbols = ['getmaincopy']; var maincopy; services.cpmm.addmessagelistener("my-addon:update-configuration", function(message) { maincopy = message.data.newconfig; }) funtion getmaincopy() { return maincopy; } // framescript.js components.utils.import("resource://my-addon/processmodule.jsm") // getmaincopy() used by other functions don't register observers (and other callbacks to global services) in a frame script bad: //framescript.js services.obs.addobserver("document-element-inserted", { observe: function(doc, topic, data) { if(doc.ownerglobal.top != content) return; // bail out if this is for another tab decoratedocument(...
...ent bad: // processscript.js function contentpolicy() { // ...
...And 2 more matches
CustomizableUI.jsm
only available from firefox 29 onwards.
... "menu-panel", a constant indicating the area is a menu panel.
... provider_xul string "xul", a constant indicating an xul-type provider.
...And 2 more matches
Localization and Plurals
al rule is useful for extensions because the extension doesn't necessarily have to be localized to the browser's locale.
...ber * * @param anum * the number to decide which plural form to use * @param awords * a semi-colon (;) separated string of words to pick the plural form * @return the appropriate plural form of the word */ string pluralform get(int anum, string awords) here is an example of using this method: // load pluralform and for this example, assume english components.utils.import("resource://gre/modules/pluralform.jsm"); // pluralform.get expects a semi-colon separated list of words let downloads = "download;downloads"; // pretend this number came from somewhere else let num = 10; // display the correct plural form for 10 downloads: "you have 10 downloads.") print("you have " + num + " " + pluralform.get(num, downloads) + "."); // try again with a different value: "you have 1 do...
...ve " + num + " " + pluralform.get(num, downloads) + "."); // try again with a different value: "you have 1 download." num = 1; print("you have " + num + " " + pluralform.get(num, downloads) + ".") the above example works, but is still difficult to localize, because we're concatenating strings assuming a particular grammatical structure.
...And 2 more matches
Localizing with Mercurial
in mozilla, we use the the mercurial version control system (hg) to manage our source code and localizations.
...te them into your new file.
...nderbird which are not already part of firefox.
...And 2 more matches
NSPR Contributor Guide
abstract: nspr accepts contributions in the form of bugfixes, new features, libraries, platform ports, documentation, test cases and other items from many sources.
...nspr exists.
...se.
...And 2 more matches
Threads
nspr provides an execution environment that promotes the use of lightweight threads.
... nspr provides an execution environment that promotes the use of lightweight threads.
...f resources that it truly owns.
...And 2 more matches
An overview of NSS Internals
a high-level overview to the internals of network security services (nss) software developed by the mozilla.org projects traditionally used its own implementation of security protocols and cryptographic algorithms, originally called netscape security services, nowadays called network security services (nss).
...eate an in-memory (ram) presentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's properties, as well as providing a handle for the programmer to use.
... large buffer).
...And 2 more matches
NSS_3.12_release_notes.html
s 3.12 is tri-licensed under the mpl 1.1/gpl 2.0/lgpl 2.1.
... new sqlite-based shareable certificate and key databases.
...s_camellia_cbc camellia_block_size new macros for rsa (see blapit.h): rsa_max_modulus_bits rsa_max_exponent_bits new macros in certt.h: x.509 v3 ku_encipher_only cert_max_serial_number_bytes cert_max_dn_bytes pkix cert_rev_m_do_not_test_using_this_method cert_rev_m_test_using_this_method cert_rev_m_allow_network_fetching cert_rev_m_forbid_network_fetching cert_rev_m_allow_implicit_default_source cert_rev_m_ignore_implicit_default_source cert_rev_m_skip_test_on_missing_source cert_rev_m_require_info_on_missing_source cert_rev_m_ignore_missing_fresh_info cert_rev_m_fail_on_missing_fresh_info cert_rev_m_stop_testing_on_fresh_info cert_rev_m_continue_testing_on_fresh_info cert_rev_mi_test_each_method_separately cert_rev_mi_test_all_local_information_first cert_rev_mi_no_overall_info_requirem...
...And 2 more matches
Creating JavaScript jstest reftests
hat the first two arguments are swapped, failures are reported via stdout rather than by throwing exceptions, and the matching is fuzzy in an unspecified way.
...wo arguments are swapped, failures are reported via stdout rather than by throwing exceptions, and the matching is fuzzy in an unspecified way.
...s fuzzy in an unspecified way.
...And 2 more matches
JS::CompileFunction
const char *name, unsigned nargs, const char *const *argnames, const char16_t *chars, size_t length, js::mutablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, js::sourcebufferholder &srcbuf, js::mutablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, const char *bytes, size_t length, js::mutablehandlefunction fun); name type description ...
...nts to pass to the function.
... argnames const char *const * names to assign to the arguments passed to the function.
...And 2 more matches
JSErrorReport
describes the format of a js error that is used either by the internal error reporting mechanism or by a user-defined error-reporting mechanism.
... used either by the internal error reporting mechanism or by a user-defined error-reporting mechanism.
...m.
...And 2 more matches
JS_DecompileFunctionBody
generate the source code representing the body of a function, minus the function keyword, name, parameters, and braces.
...t); name type description cx jscontext * the context in which to decompile the function.
... which to decompile the function.
...And 2 more matches
Using XPCOM Components
ss, use, and reuse xpcom components at runtime.
...is book attempts to provide reference information for xpcom components and their interfaces that are frozen as of the time of this writing.
...wer, described below, and mxr, which is a web-based source code viewing tool.
...And 2 more matches
XPCOM Stream Guide
Mozilla › Tech › XPCOM › Guide › Streams
ozilla code, a stream is an object which represents access to a sequence of characters.
...e computer through "pipes" (more on that later).
...odeconverter); converter.charset = "utf-8"; var stream = converter.converttoinputstream(string); javascript modules are your friends there are several useful javascript modules at your disposal.
...And 2 more matches
Components.utils.unload
n of a code module when a new version of your add-on is installed.
...when a new version of your add-on is installed.
...on of your add-on is installed.
...And 2 more matches
nsAutoRef
nsautoref<t> is a template class implementing an object that holds a handle to a resource that must be released, typically on destruction of the object.
...e released, typically on destruction of the object.
...) and release() methods.
...And 2 more matches
nsIApplicationCacheService
netwerk/base/public/nsiapplicationcacheservice.idlscriptable this interface manages the set of application cache groups that manage offline resources for web applications.
... propagate the entry to other application caches with the same opportunistic namespace; however, this is not currently implemented.
...parameters cache the cache in which the entry is currently cached.
...And 2 more matches
nsIDocShell
element, or negative if it was not set.
... marginwidth long the value of the marginwidth attribute on the frame element, or negative if it was not set.
... not set.
...And 2 more matches
Xray vision
xray vision helps javascript running in a privileged security context safely access objects created by less privileged code, by showing the caller only the native version of the objects.
...like this, you can use the scratchpad in browser context for the code snippet, and the browser console to see the expected output.
...ssignment * defines a value property which shadows "constructor" * defines a value property "address" which is a simple object * defines a function fullname() * using defineproperty, defines a value property on person "lastname" * using defineproperty, defines an accessor property on person "middlename", which has some unexpected accessor behavior */ var sandboxscript = 'object.prototype.tosource = function() {'+ ' return "not what you expected?";' + '};' + 'function person() {' + ' this.constructor = "not a constructor";' + ' this.firstname = "joe";' + ' this.address = {"street" : "main street"};' + ' this.fullname = function() {' + ...
...And 2 more matches
Index
is doing and how thunderbird has handled user requests.
...ing statements spread throughout.
...ap and mozilla products.
...And 2 more matches
Using COM from js-ctypes
c code with pseudo struct needs pseudo struct description here.
...ddref; ulong (__stdcall *release)(struct myispvoice*); /* end inherit from iunknown */ /* start inherit from ispnotifysource */ void* setnotifysink; void* setnotifywindowmessage; void* setnotifycallbackfunction; void* setnotifycallbackinterface; void* setnotifywin32event; void* waitfornotifyevent; void* getnotifyeventhandle; /* end inherit from ispnotifysource */ /* start inherit from ispeventsource */ void* setinterest; void* getevents; void* getinfo; /* end inherit from ispeventsource */ /* start ispvoice */ void* setoutput; void* getoutputobjecttoken; void* getoutputstream; void* pause; void* resume; void* setvoice; void* getvoice; hresult (__stdcall *speak)(struct myispvoice*, lpcwstr pwcs, dw...
...om types and functions needs com types (guid) and functions (coinitialize etc) description here.
...And 2 more matches
Using js-ctypes
before you can use js-ctypes, you need to import the ctypes.jsm code module.
...of them.
...ser32"); calling carbon routines on mac os x this example demonstrates how to use ctypes to call a carbon function on mac os x.
...And 2 more matches
Initialization and Destruction - Plugins
ated.
...and the browser calls the function np_shutdown.
...s the np_initialize and np_shutdown methods.
...And 2 more matches
Pretty-print a minified file - Firefox Developer Tools
to prettify a minified file, click the pretty print source icon () at the bottom of the source pane.
... to prettify a minified file, click the pretty print source icon () at the bottom of the source pane.
... to prettify a minified file, click the pretty print source icon () at the bottom of the source pane.
...And 2 more matches
Set a logpoint - Firefox Developer Tools
the debugger.
...d you use logpoints?
...o know that a specific line in your code has executed, but you don’t want to break code execution, set a logpoint.
...And 2 more matches
BaseAudioContext.createGain() - Web APIs
the creategain() method of the baseaudiocontext interface creates a gainnode, which can be used to control the overall gain (or volume) of the audio graph.
...lume) to a level specified by the node's gainnode.gain a-rate parameter.
...ton is clicked by changing the gain property value.
...And 2 more matches
Cache - Web APIs
Web › API › Cache
r selective caching sample.
....log('handling fetch event for', event.request.url); event.respondwith( caches.open(current_caches.font).then(function(cache) { return cache.match(event.request).then(function(response) { if (response) { // if there is an entry in the cache for event.request, then response will be defined // and we can just return it.
...e cache for event.request, then response will be defined // and we can just return it.
...And 2 more matches
Compositing example - Web APIs
this sample program demonstrates a number of compositing operations.
... this sample program demonstrates a number of compositing operations.
... this sample program demonstrates a number of compositing operations.
...And 2 more matches
ChannelSplitterNode - Web APIs
the channelsplitternode interface, often used in conjunction with its opposite, channelmergernode, separates the different channels of an audio source into a set of mono outputs.
...e a stereo track (say, a piece of music), and process the left and right channel differently.
... piece of music), and process the left and right channel differently.
...And 2 more matches
DOMPoint.fromPoint() - Web APIs
the static dompoint method frompoint() creates and returns a new mutable dompoint object given a source point.
... the static dompoint method frompoint() creates and returns a new mutable dompoint object given a source point.
... dompoint object given a source point.
...And 2 more matches
DOMPointReadOnly.fromPoint() - Web APIs
the static dompointreadonly method frompoint() creates and returns a new dompointreadonly object given a source point.
... the static dompointreadonly method frompoint() creates and returns a new dompointreadonly object given a source point.
... the static dompointreadonly method frompoint() creates and returns a new dompointreadonly object given a source point.
...And 2 more matches
DataTransfer.dropEffect - Web APIs
ect should be modified if a different action is desired than the action that the user is requesting.
...be set to the action that was desired, which will be the value dropeffect had after the last dragenter or dragover event.
....
...And 2 more matches
DisplayMediaStreamConstraints.audio - Web APIs
s that no audio should be included in the stream.
... instead providing a mediatrackconstraints object, which is used to process the audio prior to adding it to the stream.
...llowaudioflag; displaymediastreamconstraints.audio = mediatrackconstraints; displaymediastreamconstraints = { audio: allowaudioflag|mediatrackconstraints; } value the value may be either a boolean or a mediatrackconstraints object.
...And 2 more matches
Element: copy event - Web APIs
modify the clipboard contents by calling setdata(format, data) on the event's clipboardevent.clipboarddata property, and cancelling the event's default action using event.preventdefault().
...ng event.preventdefault().
...his will not affect the system clipboard.
...And 2 more matches
Element: cut event - Web APIs
Web › API › Element › cut event
ing updated.
... document.
...tem clipboard or the document's contents.
...And 2 more matches
FileReaderSync.readAsArrayBuffer() - Web APIs
ace is only available in workers as it enables synchronous i/o that could potentially block.
...lob to read into the file or arraybuffer.
...he following exceptions can be raised by this method: notfounderror is raised when the resource represented by the dom file or blob cannot be found, e.g.
...And 2 more matches
FileReaderSync.readAsBinaryString() - Web APIs
nto an domstring.
...eters blob the dom file or blob to read.
...he following exceptions can be raised by this method: notfounderror is raised when the resource represented by the dom file or blob cannot be found, e.g.
...And 2 more matches
FileReaderSync.readAsDataURL() - Web APIs
g a data url.
... the dom file or blob to read.
...he following exceptions can be raised by this method: notfounderror is raised when the resource represented by the dom file or blob cannot be found, e.g.
...And 2 more matches
FileReaderSync.readAsText() - Web APIs
text(blob, encoding); parameters blob the dom file or blob to read.
...hod will apply a detection algorithm for it.
...he following exceptions can be raised by this method: notfounderror is raised when the resource represented by the dom file or blob cannot be found, e.g.
...And 2 more matches
HTMLMediaElement: abort event - Web APIs
the abort event is fired when the resource was not fully loaded, but not as the result of an error.
... the resource was not fully loaded, but not as the result of an error.
...d, but not as the result of an error.
...And 2 more matches
HTMLMediaElement.currentSrc - Web APIs
the htmlmediaelement.currentsrc property contains the absolute url of the chosen media resource.
...mlmediaelement.currentsrc property contains the absolute url of the chosen media resource.
...ould happen, for example, if the web server selects a media file based on the resolution of the user's display.
...And 2 more matches
InterventionReportBody - Web APIs
ng representing the intervention that generated the report.
...the report.
...on of the intervention, including information such how the intervention could be avoided.
...And 2 more matches
MediaConfiguration - Web APIs
parameter of the mediacapabilities.encodinginfo() and mediacapabilities.encodinginfo() methods.
...clude a valid video mime type as contenttype, the bitrate, and framerate, along with the width and the height of the video file.
...o mime type as contenttype, the bitrate, and framerate, along with the width and the height of the video file.
...And 2 more matches
MediaDevices.getUserMedia() - Web APIs
the mediadevices.getusermedia() method prompts the user for permission to use a media input which produces a mediastream with tracks containing the requested types of media.
...() method prompts the user for permission to use a media input which produces a mediastream with tracks containing the requested types of media.
...returned promise are made by passing a domexception error object to the promise's failure handler.
...And 2 more matches
PerformanceNavigationTiming - Web APIs
vigation".
... domhighrestimestamp with a value of "0".
...edirect navigation under the current browsing context.
...And 2 more matches
RTCRtpStreamStats.ssrc - Web APIs
the rtcrtpstreamstats dictionary's ssrc property provides the synchronization source (ssrc), an integer which uniquely identifies the source of the rtp packets whose statistics are covered by the rtcstatsreport that includes this rtcrtpstreamstats dictionary.
... the rtcrtpstreamstats dictionary's ssrc property provides the synchronization source (ssrc), an integer which uniquely identifies the source of the rtp packets whose statistics are covered by the rtcstatsreport that includes this rtcrtpstreamstats dictionary.
... the rtcrtpstreamstats dictionary's ssrc property provides the synchronization source (ssrc), an integer which uniquely identifies the source of the rtp packets whose statistics are covered by the rtcstatsreport that includes this rtcrtpstreamstats dictionary.
...And 2 more matches
ReadableStream.ReadableStream() - Web APIs
the readablestream() constructor creates and returns a readable stream object from the given handlers.
... the readablestream() constructor creates and returns a readable stream object from the given handlers.
... the readablestream() constructor creates and returns a readable stream object from the given handlers.
...And 2 more matches
Server-sent events - Web APIs
receive new data; that is, the page requests data from the server.
....
...tures that handle connecting to a server, receiving events/data, errors, closing a connection, etc.
...And 2 more matches
Service Worker API - Web APIs
k is available, and update assets residing on the server.
...ts residing on the server.
...alled oninstall or onactivate, it passes a promise.
...And 2 more matches
Using readable streams - Web APIs
ou can consume fetch body objects as streams and create your own custom readable streams in firefox 65+ and chrome 42+ (and equivalent chromium-based browsers).
...nd equivalent chromium-based browsers).
...lex at first, but actually isn’t too bad.
...And 2 more matches
TrackDefault - Web APIs
the trackdefault interface provides a sourcebuffer with kind, label, and language information for tracks that do not contain this information in the initialization segments of a media chunk.
... the trackdefault interface provides a sourcebuffer with kind, label, and language information for tracks that do not contain this information in the initialization segments of a media chunk.
... the trackdefault interface provides a sourcebuffer with kind, label, and language information for tracks that do not contain this information in the initialization segments of a media chunk.
...And 2 more matches
URL.createObjectURL() - Web APIs
n which it was created.
...is feature is available in web workers.
...d one for the same object.
...And 2 more matches
WebGL2RenderingContext.texImage3D() - Web APIs
the webglrenderingcontext.teximage3d() method of the webgl api specifies a three-dimensional texture image.
... specifies a three-dimensional texture image.
...depth, border, format, type, glintptr offset); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlcanvaselement source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlimageelement source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlvideoelement source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, imagebitmap source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, imagedata source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, arraybufferview?
...And 2 more matches
Web Locks API - Web APIs
the web locks api allows scripts running in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it.
...unning in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it.
...ure that only one tab is syncing data between the network and indexed db, each tab could try to acquire a "my_net_db_sync" lock, but only one tab will succeed (the leader election pattern.) the api is used as follows: the lock is requested.
...And 2 more matches
HTML in XMLHttpRequest - Web APIs
the w3c xmlhttprequest specification adds html parsing support to xmlhttprequest, which originally supported only xml parsing.
... see using xmlhttprequest.
...nsetype property has been set to "document".
...And 2 more matches
src - CSS: Cascading Style Sheets
Web › CSS › @font-face › src
the src css descriptor of the @font-face rule specifies the resource containing font data.
...c: local("font"); /* quoted name */ /* multiple items */ src: local(font), url(path/to/font.svg) format("svg"), url(path/to/font.woff) format("woff"), url(path/to/font.otf) format("opentype"); values <url> [ format( <string># ) ]?
...rl> [ format( <string># ) ]?
...And 2 more matches
border-image-slice - CSS: Cascading Style Sheets
the border-image-slice css property divides the image specified by border-image-source into regions.
... the border-image-slice css property divides the image specified by border-image-source into regions.
...en four positions are specified, they create slices measured from the top, right, bottom, and left in that order (clockwise).
...And 2 more matches
mask-border-repeat - CSS: Cascading Style Sheets
the mask-border-repeat css property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.
...r-repeat: inherit; mask-border-repeat: initial; mask-border-repeat: unset; the mask-border-repeat property may be specified using one or two values chosen from the list of values below.
...-repeat property may be specified using one or two values chosen from the list of values below.
...And 2 more matches
mask-composite - CSS: Cascading Style Sheets
ayer with the mask layers below it.
... mask-composite: subtract; mask-composite: intersect; mask-composite: exclude; /* global values */ mask-composite: inherit; mask-composite: initial; mask-composite: unset; syntax one or more of the keyword values listed below, separated by commas.
...mask-composite: exclude; /* global values */ mask-composite: inherit; mask-composite: initial; mask-composite: unset; syntax one or more of the keyword values listed below, separated by commas.
...And 2 more matches
mask - CSS: Cascading Style Sheets
Web › CSS › mask
inherit; mask: initial; mask: unset; /* multiple masks */ mask: url(masks.svg#star) left / 16px repeat-y, /* element within svg graphic is used as a mask on the left-hand side with a width of 16px */ url(masks.svg#circle) right / 16px repeat-y; /* element within svg graphic is used as a mask on the right-hand side with a width of 16px */ values <mask-reference> sets the mask image source.
...y-box> values are present, then the first sets mask-origin and the second sets mask-clip.
...retemask-origin: discretemask-size: repeatable list of simple list of length, percentage, or calcmask-composite: discretecreates stacking contextyes formal syntax <mask-layer>#where <mask-layer> = <mask-reference> | <position> [ / <bg-size> ]?
...And 2 more matches
HTML5 Parser - Developer guides
Web › Guide › HTML › HTML5 › HTML5 Parser
gecko 2 introduces a new parser, based on html5.
...t have any tags like this.
...ts or webkit-oriented mobile sites), then you might have tags that match this pattern, and they will behave differently with gecko 2.
...And 2 more matches
<embed>: The Embed External Content element - HTML: Hypertext Markup Language
Web › HTML › Element › embed
the html <embed> element embeds external content at the specified point in the document.
... the html <embed> element embeds external content at the specified point in the document.
...ag, and must not have an end tag.
...And 2 more matches
<script>: The Script element - HTML: Hypertext Markup Language
Web › HTML › Element › script
cripts with the defer attribute will execute in the order in which they appear in the document.
...hey appear in the document.
...es2015 modules — in effect, this can be used to serve fallback scripts to older browsers that do not support modular javascript code.
...And 2 more matches
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
Web › HTML › Element › track
the html <track> element is used as a child of the media elements, <audio> and <video>.
...itles may contain additional content, usually extra background information.
...cues or sound effects.
...And 2 more matches
itemprop - HTML: Hypertext Markup Language
to add properties to an item.
...ttribute specified, and an itemprop consists of a name-value pair.
...or james cameron itemprop genre science fiction itemprop trailer ../movies/avatar-theatrical-trailer.html properties properties have values that are either a string or a url.
...And 2 more matches
HTTP authentication - HTTP
dentials.
...ed.
... credentials that are inadequate to access a given resource, the server should respond with the 403 forbidden status code.
...And 2 more matches
Evolution of HTTP - HTTP
those early phases was very simple, later dubbed http/0.9, and sometimes as the one-line protocol.
.../1.0, and since 1995, well before the publication of http/1.0 document the next year, proper standardization was in progress.
...eb security model has been developed after the creation of http!
...And 2 more matches
Cache-Control - HTTP
n any cache.
... accept a stale response.
...r the initial expiration.
...And 2 more matches
About JavaScript - JavaScript
opposed to the syntactic class definitions common in compiled languages like c++ and java.
...va.
...g similar objects.
...And 2 more matches
Functions - JavaScript
ction: function person() { this.age = 0; setinterval(() => { this.age++; // |this| properly refers to the person object }, 1000); } var p = new person(); predefined functions javascript has several top-level, built-in functions: eval() the eval() method evaluates javascript code represented as a string.
...pt 2015, or you can use typeof to determine if the value is not-a-number.
...oating point number.
...And 2 more matches
WebAssembly.instantiateStreaming() - JavaScript
the webassembly.instantiatestreaming() function compiles and instantiates a webassembly module directly from a streamed underlying source.
... the webassembly.instantiatestreaming() function compiles and instantiates a webassembly module directly from a streamed underlying source.
... the webassembly.instantiatestreaming() function compiles and instantiates a webassembly module directly from a streamed underlying source.
...And 2 more matches
WebAssembly.validate() - JavaScript
the webassembly.validate() function validates a given typed array of webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
... the webassembly.validate() function validates a given typed array of webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
... the webassembly.validate() function validates a given typed array of webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
...And 2 more matches
JavaScript
ipt objects the object-oriented nature of javascript is important to understand if you want to go further with your knowledge of the language and write more efficient code, therefore we've provided this module to help you.
...s and operators learn more about the behavior of javascript's operators instanceof, typeof, new, this, the operator precedence, and more.
...nd keywords work.
...And 2 more matches
Authoring MathML - MathML
omatically add some simple css rules to do the mathematical layout and make the formulas readable on browsers with limited mathml support.
...source don't need to be parsed at each page load, the mathml code is exposed to web crawlers and you can put them easily on any web server.
...ut.html with tex expressions replaced by mathml expressions, just do cat input.html | itex2mml > output.html there are even more sophisticated tools to convert arbitrary latex documents into html+mathml.
...And 2 more matches
Critical rendering path - Web Performance
the server requests and responses, loading, scripting, rendering, layout, and the painting of the pixels to the screen.
... times when measuring how long an animation frame may take.
...int time, but removing style that increases the paint by 0.001ms may not give you the biggest bang for your optimization buck.
...And 2 more matches
Progressive loading - Progressive web apps (PWAs)
previous overview: progressive web apps in previous articles we covered apis that help us make our js13kpwa example a progressive web app: service workers, web manifests, notifications and push.
...ger they wait for the page to load, the bigger the chance they will leave before waiting for everything to finish.
...ytes, and a single style.css bundle can contain everything from basic css structure definitions to all the possible styles of every version of the site: mobile, tablet, desktop, print only, etc.
...And 2 more matches
Mobile first - Progressive web apps (PWAs)
top of the page and means that when the user has reached the end of a page, they have a signpost giving them an idea of where to go next.
...e to go next.
... to an anchor on the nav menu at bottom of the page?
...And 2 more matches
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
f2); } pre.target:hover { filter:url(#f3); } view this example live example: blurred text in order to blur text, webkit based browsers have a (prefixed) css filter called blur (see also css filter).
...ing text compared to plain html text.
...in html text.
...And 2 more matches
xlink:show - SVG: Scalable Vector Graphics
the xlink:show attribute indicates how a linked resource should be opened and is meant for xlink-aware processors.
...urce should be opened and is meant for xlink-aware processors.
...t is using this attribute: <a> usage notes value new | replace | embed | other | none default value replace animatable no new this value specifies that the referenced resource is opened in a new window or tab.
...And 2 more matches
Content type - SVG: Scalable Vector Graphics
one or more digits 0 to 9: integer ::= [+-]?
... [+-]?
...he number is non-negative.
...And 2 more matches
SVG Filters Tutorial - SVG: Scalable Vector Graphics
ble to add these effects and later on attach them to an object.
...gion.
...adding feoffset and result, the effect layer is defined <result> attribute is a reference that can be use later.
...And 2 more matches
Web security
security concerns there are privacy and security risks associated with the referer http header.
...es them and offers advice on mitigating those risks.
...ce on mitigating those risks.
...And 2 more matches
Using custom elements - Web Components
hen the class name that defines its functionality: customelements.define('popup-info', popupinfo); it is now available to use on our page.
...ur card."></popup-info> note: you can see the full javascript source code here.
...g/collapsing menu.
...And 2 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Index
es: # page tags and summary 1 xslt: extensible stylesheet language transformations landing, web, xslt extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...ce instantiated, an xsltprocessor has an xsltprocessor.importstylesheet() method that takes as an argument the xslt stylesheet to be used in the transformation.
...ul language, and a complete discussion of it is well beyond the scope of this article, but a brief discussion of some basic concepts will be helpful in understanding the description of netscape's capabilities that follows.
...And 2 more matches
WebAssembly Concepts - WebAssembly
bassembly works including its goals, the problems it solves, and how it runs inside the web browser's rendering engine.
...lems, however, when trying to use javascript for more intensive use cases like 3d games, virtual and augmented reality, computer vision, image/video editing, and a number of other domains that demand native performance (see webassembly use cases for more ideas).
...argeting webassembly as its output.
...And 2 more matches
Testing the Add-on SDK - Archive of obsolete content
from add-on sdk repository with a checkout of the mozilla/addon-sdk repository (or a checkout of the m-c repo and cd into the addon-sdk/source directory) there are many means to run the addon-sdk tests.
...and runs them as cfx run would.
...or run all of the tests with gulp test.
...with travis if you merely make a pull request for the mozilla/addon-sdk then all of the jpm tests mentioned above will be run on travis-ci automatically and you will see the pass/fail results with a link to the log in the github pull request.
dev/panel - Archive of obsolete content
nel.prototype, { label: "my panel", tooltip: "...", ....
...tring the string to display in the toolbox toolbar.
... mypanel; // create a new tool, initialized // with the new constructor const mytool = new tool({ panels: { mypanel: mypanel } }); panel document environment the panel document loaded from the url property can of course include css and javascript just like a normal web page: <html> <head> <meta charset="utf-8"> <link href="./my-panel.css"rel="stylesheet"></link> <script src="resource://sdk/dev/volcan.js"></script> </head> <body> <div id="content"></div> </body> <script src="./my-panel.js"></script> </html> it doesn't have access to any privileged apis, including the add-on sdk apis.
...ote debugging protocol.
lang/type - Archive of obsolete content
scope that has a different top level object: for example, it could be from a different iframe, module or sandbox.
...anceof(new class(), class); // true function class() {} parameters value : object the variable to check.
... limit) returns the textual representation of value, containing property descriptors and types of properties contained within the object.
.../ [object object] } }, { // [object object] // writable configurable enumerable id: 101, // writable configurable enumerable text: "javascript dubstep generator", "__proto__": { // [object object] } } ], "__proto__": { // [object object] } } */ parameters value : mixed the source object to create a textual representation of.
window/utils - Archive of obsolete content
ed to open top level (application) windows.
...(null, {includeprivate:true}); parameters type : string string identifying the type of window to return.
...ivate:true}); parameters type : string string identifying the type of window to return.
...ude private windows.
Rosetta - Archive of obsolete content
by default, the only possible standardized scripting language for html is ecmascript.
...+ encodeuricomponent(odicts[smimetype](oxhr200.responsetext)); } ocompiled.text = oxhr200 ?
...tion getsource (oscript) { var oreq = new xmlhttprequest(); oreq.onload = reqsuccess; oreq.onerror = reqerror; oreq.refscript = oscript; oreq.open("get", oscript.src, true); oreq.send(null); } function parsescript (oscript) { if (oscript.hasattribute("type") && !rignoremimes.test(oscript.getattribute("type").tolowercase())) { oscript.hasattribute("src") ?
...sk, there are many dialects of ecmascript which could be easily translated to standard ecmascript.
Interaction between privileged and non-privileged pages - Archive of obsolete content
t.nodevalue); callback(response); } }, false); document.head.appendchild(request); var event = document.createevent("htmlevents"); event.initevent("something-query", true, false); request.dispatchevent(event); }, callback: function(response) { return alert("response: " + (response ?
...our page * as expected, and returns the data for that event.
...getattribute("eventdatafrompage")); } security notes never invoke the web page's javascript functions from your extension - doing this increases the chance of creating a security hole, where a malicious web page can trick the browser to run its code with extended privileges (just like your extension) with, for example, the ability to delete local files.
...ncreases the chance of creating a security hole, where a malicious web page can trick the browser to run its code with extended privileges (just like your extension) with, for example, the ability to delete local files.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
currently does not have an explicit specification.
...up as of 2001, and current xul differs from it in many aspects.
... in listing 4, the second label will be displayed twice as big as the first (figure 3).
...right or top to bottom).
Firefox addons developer guide - Archive of obsolete content
rules: file and directory names: italic method and variable names: class name if you want to add a fixme, add: fixme: a message notes: the original document is in japanese and distributed via the xuldev.org website.
...enerate links to their documentation, like this: nsiconsoleservice.
...agged as covering firefox 3.1 using the fx_minversion_header template, but i don't think that's the case.
...t for all platforms: gnu/linux, macos, windows; add anchor links to figures & listings; add credits to original authors and license; completed sometimes, interfaces names are misspelled: s/nsl/nsi; talk about fuel; titles of chapters and sub-headings should have caps for first letter of each word; we should add a part about bad and good practices (leaks, global scopes, ...); add external resources (mozdev.org/community/books.html); add to chapter 3 or 5 more informations about overlay (how to overlay some interesting part of firefox like status bar, menus or toolbar) add previous/next at the end of each chapter questions: opensource appendix.
Creating a Firefox sidebar extension - Archive of obsolete content
more information.
...tapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <!-- firefox --> <em:minversion>1.5</em:minversion> <em:maxversion>2.0.0.*</em:maxversion> </description> </em:targetapplication> </description> </rdf> the other manifest file is chrome.manifest, the chrome manifest file.
.../src/emptysidebar$ zip emptysidebar.xpi install.rdf chrome.manifest chrome/emptysidebar.jar open firefox and browse to the folder containing emptysidebar.xpi.
...ippets:sidebar building an extension creating applications with mozilla packaging firefox/thunderbird extensions creating a firefox 1 sidebar original document information author: j.c.
Installing Dehydra - Archive of obsolete content
prerequisites mercurial 1.0 is needed to access source repositories.
... prerequisites mercurial 1.0 is needed to access source repositories.
... ../finish_decl.diff # build gcc cd ..
...reated by the installation procedure, i can run a dehydra script 'a.js' on a mozilla file like this: g++ -quiet -fplugin=../gcc_dehydra.so \ -fplugin-arg=a.js -fshort-wchar -fpreprocessed \ /home/dmandelin/builds/dehydra-gcc/browser/app/nsbrowserapp.ii -o /dev/null the -fshort-wchar is required for running against firefox, but not necessarily for other codebases.
Developing New Mozilla Features - Archive of obsolete content
how they spend their time.
... integrating your feature will increase if someone on your team is intimately involved with the source tree.
... the developers may be in error and staff will work to make this clear and get you connected.
...eframe is tight, check out the mozilla roadmap for milestone dates and see if your feature will arrive at a time of furious activity.
Downloading Nightly or Trunk Builds - Archive of obsolete content
k for a mozilla thing (not a firefox thing), not the breaky one on trunk, but the most recent branch, and built very fresh (last night!), so you can install it.
...lt very fresh (last night!), so you can install it.
...fast as they can make them for at least all three of firefox, thunderbird and seamonkey on all three of linux-i686, mac-universalbinary and win32.
...rbird and seamonkey on all three of linux-i686, mac-universalbinary and win32.
Microsummary topics - Archive of obsolete content
or example: urn:{835daeb3-6760-47fa-8f4f-8e4fdea1fb16} to guarantee uniqueness, use urns containing uuids generated by the nsuuidgenerator component.
...ple: urn:{835daeb3-6760-47fa-8f4f-8e4fdea1fb16} to guarantee uniqueness, use urns containing uuids generated by the nsuuidgenerator component.
...3-6760-47fa-8f4f-8e4fdea1fb16} to guarantee uniqueness, use urns containing uuids generated by the nsuuidgenerator component.
...the nsuuidgenerator component.
Frequently Asked Questions - Archive of obsolete content
note: this page is extremely out of date.
...he status of the svg implementation?
..." then the problem is with the svg file.
...or if you just see gibberish, then the problem is server misconfiguration.
Safely loading URIs - Archive of obsolete content
ble to abuse it to gain access to those privileges itself.
...kloaduriwithprincipal, and checkloaduristr.
...ent identifies the source of the uri, the second argument is the uri that one plans to load, and the third argument is a set of flags that can be used to impose additional restrictions on the uris that may be loaded.
...hat may be loaded.
Supporting per-window private browsing - Archive of obsolete content
firefox 20 introduced per-window private browsing mode, in which private user data is stored and accessed concurrently with public user data from another window.
...vate browsing mode determining whether or not a given dom window is private is simple: import resource://gre/modules/privatebrowsingutils.jsm and use privatebrowsingutils.iswindowprivate(window).
...(e); return; } } obtaining an nsiloadcontext for privacy-sensitive apis some apis (such as nsitransferable and nsiwebbrowserpersist) take nsiloadcontext arguments that are used to determine whether they should be classed as private or not (for example, whether the uri being persisted by saveuri should be added to the permanent download history).
... is the one that owns the element being targeted by the context menu (element.ownerdocument.defaultview).
Running Tamarin performance tests - Archive of obsolete content
e builtinabc environment variable to the path of the builtin.abc.
....
...s commented-out examples of the environment settings for running tests on the android avm shell.
... tests on the android avm shell.
Using Breakpoints in Venkman - Archive of obsolete content
utes outside of any function), or script that executes during the onload event of a page.
...as executable code at the specified line, venkman will automatically set a future breakpoint.
...he script to show up in the interactive session view.
...t.
oncommand - Archive of obsolete content
« xul reference home oncommand type: script code this event handler is called when the command is activated.
...led when the command is activated.
...d is activated.
...ed.
Sorting and filtering a custom tree view - Archive of obsolete content
l" onload="init()"> <script type="application/javascript" src="sort.js"/> <hbox align="center" id="search-box"> <label accesskey="f" control="filter">filter</label> <textbox id="filter" oninput="inputfilter(event)" flex="1"/> <button id="clearfilter" oncommand="clearfilter()" label="clear" accesskey="c" disabled="true"/> </hbox> <tree id="tree" flex="1" persist="sortdirection sortresource" sortdirection="ascending" sortresource="description"> <treecols> <treecol id="name" label="name" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator" sortdirection="ascending"/> <splitter class="tree-splitter"/> <treecol id="description" label="description" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator...
... = function(row,col,props){}; this.getcolumnproperties = function(colid,col,props){}; this.cycleheader = function(col, elem) {}; } function sort(column) { var columnname; var order = tree.getattribute("sortdirection") == "ascending" ?
...leheader = function(col, elem) {}; } function sort(column) { var columnname; var order = tree.getattribute("sortdirection") == "ascending" ?
...t if (columnname != "name") { if (prepareforcomparison(a["name"]) > prepareforcomparison(b["name"])) return 1; if (prepareforcomparison(a["name"]) < prepareforcomparison(b["name"])) return -1; } return 0; } table.sort(columnsort); //setting these will make the sort option persist tree.setattribute("sortdirection", order == 1 ?
Actions - Archive of obsolete content
<xul:action> element which should either be the next sibling of the <xul:query> element (if no rules need be specified) or be a direct child of a <xul:rule> element.
...the other parts of the template, such as within the query statements, if you wish to change the statements and rebuild the template.
...ate> <button id="http://www.xulplanet.com/rdf/b" label="http://www.xulplanet.com/rdf/b"/> <button id="http://www.xulplanet.com/rdf/c" label="http://www.xulplanet.com/rdf/c"/> <button id="http://www.xulplanet.com/rdf/d" label="http://www.xulplanet.com/rdf/d"/> </vbox> since the template tag is hidden, the effect will be like in the image, three buttons with the labels of the data in the datasource.
... label="?relateditem"/> </toolbar> </action> here, only the button would be repeated for each result; the toolbar will only be generated once.
Additional Template Attributes - Archive of obsolete content
« previousnext » referencing templates all the templates used so far have had the template placed inside the root element with the datasources attribute.
...far have had the template placed inside the root element with the datasources attribute.
...totemplate"> ...
...ules.
Static Content - Archive of obsolete content
« previousnext » creating a menuitem in the filter list to show all items is fairly easy.
......
...s already present as long as some element with the same tag name exists.
...te, although usually you would place it first.
Cross Package Overlays - Archive of obsolete content
eated an overlay, you can add it to the contents.rdf file.
...the content will be added as an extra toolbar.
...rlier and firefox 3 by duplicating the <code><span class="plain">' ..
...ify the files in this directory.
Document Object Model - Archive of obsolete content
ementbyid('find-text').value; alert("searching for \"" + searchtext + "\""); } now, with that alert box in there, we know what should happen when we click the find button.
... set of attributes, a set of properties and a set of children.
...ment reference for a full guide to the attributes and properties available for an element.
...e children of the root node: var childnodes = document.documentelement.childnodes; for (var i = 0; i < childnodes.length; i++) { var child = childnodes[i]; // do something with child } the childnodes variable will hold the children of the document root element.
Features of a Window - Archive of obsolete content
« previousnext » we've already seen some features of windows.
...n create a second window for your application in the same manner as you would create the first one.
...it.
...y.
Input Controls - Archive of obsolete content
the special value password to create a textbox that hides what it types.
...textbox the textbox examples above will create text inputs that can only be used for entering one line of text.
...ibute.
...io button.
More Event Handlers - Archive of obsolete content
ce.
...curs before the bubbling phase, so any capturing listeners will trigger before any bubbling listeners.
...in a default way.
...lied with properties that hold the coordinates of the mouse position where the event occurred.
More Menu Features - Archive of obsolete content
remember that you can put any element inside a menupopup.
... dots after open search and save search are the usual way that you indicate to the user that a dialog will open when selecting the command.
...is disabled has no check.
...up of menu items where only one item can be checked at once.
Popup Menus - Archive of obsolete content
he menupopup that you want to have appear.
...which is much more common, is to add a tooltiptext attribute to an element for which you want to assign a tooltip.
...lly from the anchor, see bug 619887).
...ditpopup"> here a simple popup that is similar to the edit menu has been added to the first tabpanel.
The Box Model - Archive of obsolete content
that it is equivalent to the hbox.
...as you want inside a box, including other boxes.
...iented according to those boxes, which are horizontal.
...in text, the box with the textbox and the box with the buttons to orient vertically.
XUL Coding Style Guidelines - Archive of obsolete content
r interface.
...or now, however, it might cause future maintenance headache: convert html files to xul files.
... that they can be localized for a specific language or culture.
...ry similar, but use the pound sign instead of <!--<var>xxxxx</var>-->: # localization note entity name : content we recognize that translation is a subset of localization even though we've consistently referred to our notes as "localization note".
action - Archive of obsolete content
for each matching result from a query.
...e a reference to data within the datasource, determined from the query.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orien...
... template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelement...
deck - Archive of obsolete content
Archive › Mozilla › XUL › deck
="this is the third page"/> <button label="this is also the third page"/> </box> </deck> attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties selectedindex type: integer returns the index of the currently selected item.
...hide panels; the deck element only understands visible panels.
...k element.
dropmarker - Archive of obsolete content
a separate element, but as part of another element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...on, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
keyset - Archive of obsolete content
elements.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width disabled type: boolean indicates whether the element is disabled or not.
...nts.
... of the attribute, as it may need to update additional state.
listhead - Archive of obsolete content
enable the element, leave this attribute out entirely.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... type: boolean gets and sets the value of the disabled attribute.
listheader - Archive of obsolete content
string the label that will appear on the element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...on, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
progressmeter - Archive of obsolete content
ng from 0 to the maximum value that indicates the progress.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...de attribute.
...e user, are read and set using the textbox.value and menulist.value syntax.
statusbar - Archive of obsolete content
nels.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...tion, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
template - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to declare a template for rule-based construction of elements.
...rule is used.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
textnode - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] normally when substituting rdf resources in template rules, you place the rdf property name inside an attribute value preceded with rdf:.
...f in attributes.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
toolbargrippy - Archive of obsolete content
nd it.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
...ement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
... type: nsiaccessible returns the accessibility object for the element.
toolbarseparator - Archive of obsolete content
fferent appearance.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...ction, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...r a value indicating the type of accessibility object for the element.
toolbarspacer - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a space between toolbar items.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...on, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
toolbarspring - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...tion, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
treecols - Archive of obsolete content
e in the xul tutorial.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...on, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
Debugging a XULRunner Application - Archive of obsolete content
str); } for more information about the error console see the error console and browser console article.
...modules/devtools/dbg-server.jsm'); if (!debuggerserver.initialized) { debuggerserver.init(); // don't specify a window type parameter below if "navigator:browser" // is suitable for your app.
...,resizable,scrollbars,status,toolbar"; window.open(uri, "_blank", winopts); } i can't see my pages, functions ...
... not in the loaded script window, uncheck the menu item "debug\exclude browser files" and find them in open windows tab when opening a js file in venkman, the code is unformatted and i get the following error in the jsconsole...
Deploying XULRunner - Archive of obsolete content
ional application files such as icons, etc myapplicationname.exe (this is the "stub executable"...
... xulrunner (see bug 1105044 for the inside scoop), starting with xulrunner 39 the xulrunner library files are no longer able to reside in a xulrunner framework directory.
...frameworks directory.
...ch is part of the application ...
Gecko Compatibility Handbook - Archive of obsolete content
s were removed because of technical limitations.
...tools generate non-standard code.
...web today is ssl 3.0, however the newest version tls (ssl 3.1), which is supported by gecko browsers is not supported by many web servers today.
...y problems mozilla web developer community references using web standards in your web pages browser detection and cross browser support updating dhtml web pages html element cross reference dom client object cross-reference introduction to cross-browser javascript and dynamic html gecko user agent strings developer tools mozilla's doctype sniffing the main page links to many more resources.
Adobe Flash - Archive of obsolete content
the html element as a handle to the actual flash plugin and invoke the published methods on it.
...animation will supply you with the values for command and args // this is a function that handles any information that the flash animation may pass it // actionscript can communicate with javascript via fscommands!
...s for command and args // this is a function that handles any information that the flash animation may pass it // actionscript can communicate with javascript via fscommands!
... flash-to-js.html shows a source for this example.
Plugins - Archive of obsolete content
lugin information.
...i is the gecko plugin api reference.
...create a plugin log to aid in debugging problems with multi-process plugins.
...called fscommands can be used to access javascript functions from within the flash animation.
Introduction to SSL - Archive of obsolete content
umber, cipher settings, randomly generated data, and other information the server needs to communicate with the client using ssl.
...evoked certificate from the user's entry in the ldap directory.
... entry in the ldap directory.
...ated client authorized to access the requested resources?
Common Firefox theme issues and solutions - Archive of obsolete content
pause and mute buttons will break in firefox 10.
...border-radius properties instead (supported by firefox since firefox 4).
...o feedback and/or suggestions is appreciated.
...ourage you to participate in the amo (addons.mozilla.org) forums theme forum.
Browser Detection and Cross Browser Support - Archive of obsolete content
detection strategies and best practices.
...in addition to navigator.useragent other properties such as appname and appversion were available in the navigator object which could be used in browser vendor/version detection strategies.
...cape navigator 4, it must be internet explorer and vice versa.
... navigator is also available in the user agent string which can be used in server side situations.
LiveConnect Overview - Archive of obsolete content
this chapter describes using liveconnect technology to let java and javascript code communicate with each other.
...3 and later versions, the object is unwrapped and either of the following situations occur: if the object is null, it is converted to false.
...3 and later versions, the object is unwrapped and either of the following situations occur: if the object is null, it is converted to false.
...3 and later versions, the object is unwrapped and either of the following situations occur: if the object is null, it is converted to false.
Game distribution - Game development
ame of your game should be unique enough to be quickly promoted later on, but also catchy enough, so people don't forget it.
... people who could easily take it and sell it as their own.
... promote directly to the audience who would be interested in your games.
...ork and app store.
2D maze game with device orientation - Game development
from this tutorial.
... in the development process.
...b.
...n create more levels of increasing difficulty.
Plug-in Development Overview - Gecko Plugin API Reference
plug-in is loaded from a well-known directory, a different method must be used.
...iption: for description language: for language in use in the mime types and file extensions strings, multiple values are separated by the "|" character, for example: video/quicktime|audio/aiff|image/jpeg the version stamp will be loaded only if it has been created with the language set to "us english" and the character set to "windows multilingual" in your development environment.
...9.
...n the plugins info.plist.
Domain sharding - MDN Web Docs Glossary: Definitions of Web-related terms
browsers limit the number of active connections for each domain.
... serve multiple assets, browsers are able to download more resources simultaneously, resulting in a faster page load time and improved user experience.
...rding, in terms of performance, is the cost of extra dns lookups for each domain and the overhead of establishing each tcp connection.
...uch as javascript, css, images and other media files that need to be downloaded.
Latency - MDN Web Docs Glossary: Definitions of Web-related terms
latency is the network time it takes for a requested resource to reach its destination.
... latency is the network time it takes for a requested resource to reach its destination.
... network time it takes for a requested resource to reach its destination.
...low latency is good, meaning there is little or no delay.
SCM - MDN Web Docs Glossary: Definitions of Web-related terms
scm (source control management) is a system for managing source code.
... scm (source control management) is a system for managing source code.
... scm (source control management) is a system for managing source code.
... scm (source control management) is a system for managing source code.
CSS and JavaScript accessibility best practices - Learn web development
ight.
...ple, in our tabbed info box example (see source code) we have three panels of information, but we are positioning them on top of one another and providing tabs that can be clicked to show each one (it is also keyboard accessible — you can alternatively use tab and enter/return to select them).
...he onclick/focus() block to actually focus it.
...us and blur would provide accessibility for keyboard users.
Advanced styling effects - Learn web development
hadows box-shadow allows you to apply one or more drop shadows to an element's box.
... 2px 2px 1px black, 3px 3px 1px red, 4px 4px 1px red, 5px 5px 1px black, 6px 6px 1px black; } now we get this result: we've done something fun here by creating a raised box with multiple coloured layers, but you could use it in any way you want, for example to create a more realistic look with shadows based on multiple light sources.
...op.
...are also subject to change, so your code could break at any time.
Fundamental CSS comprehension - Learn web development
hension of fundamental css theory, syntax and mechanics.
...nifty little online business card, which can perhaps double as a gamer card or social media profile.
...s" would do.
...e selectors and rulesets provided in the css resource file: next up, we'd like you to look at the four selectors, and calculate the specificity for each one.
Sending form data - Learn web development
tribute.
...ant to reach a resource on the web, the browser sends a request to a url.
...owser sends a request to a url.
... when the form is submitted using the post method, you get no data appended to the url, and the http request looks like so, with the data included in the request body instead: post / http/2.0 host: foo.com content-type: application/x-www-form-urlencoded content-length: 13 say=hi&to=mom the content-length header indicates the size of the body, and the content-type header indicates the type of resource sent to the server.
Add a hitmap on top of an image - Learn web development
of one image link to different pages.
...emap="#example-map-1" /> step 2: activate your hotspots in this step, put all your code inside a <map> element.
...ordinate information you’ll need to provide in coords.
... for a circle, provide the center's x and y coordinates, followed by the length of the radius.
From object to iframe — other embedding technologies - Learn web development
e kind of common iframe attack where hackers embed an invisible iframe into your document (or embed your document into their own malicious website) and use it to capture users' interactions.
...ia type of the embedded content type type height and width (in css pixels) of the box controlled by the plugin height width height width names and values, to feed the plugin as parameters ad hoc attributes with those names and values single-tag <param> elements, contained within <object> independent html content as fallback for an unavailable resource not supported (<noembed> is obsolete) contained within <object>, after <param> elements note: <object> requires a data attribute, a type attribute, or both.
...ps the embedded file from running unless the type attribute provides the correct media type.
...erated by the adobe flash tool tended to be even worse, using an <object> element with an <embed> element embedded in it, to cover all bases (check out an example.) flash was even used successfully as fallback content for html5 video, for a time, but this is increasingly being seen as not necessary.
Looping code - Learn web development
o the inputted searchname.
...er, so we are not interested in it.
...happen if the condition is still true.
...mes first, so the code might never be executed).
Third-party APIs - Learn web development
need in each section.
...nd on third-party servers browser apis are built into the browser — you can access them from javascript immediately.
... first one is a restful api, while the second one works more like mapquest (with api-specific methods, etc.).
...applied to the page.
Working with JSON - Learn web development
opulated by objects.
...a available on our github, at https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json.
...nt (mylist) using appendchild().
...n web development that a built-in json object is available in browsers, which contains the following two methods: parse(): accepts a json string as a parameter, and returns the corresponding javascript object.
Getting started with React - Learn web development
ackage-lock.json ├── .gitignore ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json └── src ├── app.css ├── app.js ├── app.test.js ├── index.css ├── index.js ├── logo.svg └── serviceworker.js the src directory is where we'll spend most of our time, as it's where the source code for our application lives.
... into react.createelement(), all react components must import the react module.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
TypeScript support in Svelte - Learn web development
chapter we will talk briefly about the pros and cons of using typescript.
...o convert an existing svelte project to use typescript — our to-do list app.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Strategies for carrying out testing - Learn web development
ible usage figures, so we should add it to our support chart too as grade c.
...u already having a site to use it on, so it isn't much good for completely new sites.
...ni.
...popular virtual machine apps available, such as parallels, vmware, and virtual box; we personally like the latter, because it is free.
Accessibility Features in Firefox
h any text editor.
...e in the preferences window.
..., usercontent.css allows users knowledgeable about cascading style sheets to customize the appearance of all pages that are displayed.
...rt for the gnome onscreen keyboard (gok).
Multiprocess on Windows
nclude a library statement in your idl.
...with the .tlb extension.
...etadata types must be shipped with firefox.
...t is better to register them at runtime.
Developer guide
will not only help you get started as a mozilla contributor, but that you'll find useful to refer to even if you are already an experienced contributor.
... mozilla.
... versions of firefox.
...ild caveats and tips a place to put build tips which are no longer relevant to building the latest version of the code from main but are relevant when building old codebases.
HTMLIFrameElement.setVisible()
there may also be large incompatibilities between implementations and the behavior may change in the future.
...mliframeelement is used to change the visibility state of the browser <iframe>.
... do with its actual visibility (which is handled through css).
...ble state is set to false, it has low priority over the resources it needs.
ChromeWorker
types via a global ctypes object available in the global scope of the worker.
...ing js-ctypes are availabe on github and are linked to from the see also section below.
...sion of chromeworker that features promises, see promiseworker.
...chrome:// or resource:// protocol (file:// is not accepted).
How Mozilla determines MIME Types
the extension must be lowercase.
...loading an uri with a type that mozilla can not handle, a helper app dialog shows up, and the displayed information comes from these sources: ask the os for a handler of the given <extension, mime type> pair.
...comes from these sources: ask the os for a handler of the given <extension, mime type> pair.
... type> pair.
Task.jsm
the task.jsm javascript code module implements a subset of task.js to make sequential, asynchronous operations simple, using the power of javascript's yield operator.
...you specify a function that is not a generator, it is called with no arguments, and its return value is used to fulfill the returned promise.
...iseresolvedontimeoutwithvalue(50, "!"); } return "resolution result for the task: " + result; }).then(function (result) { // result == "resolution result for the task: value!!!" // the result is undefined if no special task.result exception was thrown.
...ion result for the task: " + result; }).then(function (result) { // result == "resolution result for the task: value!!!" // the result is undefined if no special task.result exception was thrown.
Fonts for Mozilla 2.0's MathML engine
whether you need to install additional fonts and to follow the instructions below.
...e context menu on the preference.
...hat you can fetch and extract for example with the following command: wget https://addons.mozilla.org/firefox/downloads/latest/367848/addon-367848-latest.xpi -o mathml-fonts.zip; \ unzip mathml-fonts.zip -d mathml-fonts then copy the mathml-fonts/resource/ directory somewhere on your web site and ensure that the woff files are served with the correct mime type.
...o mathml-fonts.zip; \ unzip mathml-fonts.zip -d mathml-fonts then copy the mathml-fonts/resource/ directory somewhere on your web site and ensure that the woff files are served with the correct mime type.
NSPR build instructions
prerequisites on windows, the nspr build system needs gnu make and a unix command-line utility suite such as mks toolkit, cygwin, and msys.
... prerequisites on windows, the nspr build system needs gnu make and a unix command-line utility suite such as mks toolkit, cygwin, and msys.
...op level of the nspr source tree is the mozilla/nsprpub directory.
...la.org/projects/nspr # create a build directory mkdir target.debug cd target.debug # run the configure script ../nspr/configure [optional configure options] # build the libraries gmake # build the test programs cd pr/tests gmake on mac os x, use make, which is gnu make.
PRThreadState
a thread's thread state is either joinable or unjoinable.
...ion.
...d to the thread cannot be determined in advance.
...om its root function.
NSPR
is used in the mozilla clients, many of red hat's and oracle's server applications, and other software offerings.
... about how it does it.
...ublic macro, structure and function in the nspr api.
...bit : binary libraries needed to run 32-bit programs on a 64-bit os mozilla-nspr-devel : files needed (in addition to the above libraries) to compile programs using nspr mozilla-nspr-debuginfo : debug information (including build symbols) for package mozilla-nspr mozilla-nspr-debuginfo-32bit : debug information (including build symbols) for package mozilla-nspr-32bit mozilla-nspr-debugsource : debug sources for all of the above community view mozilla forums...
Building NSS
ja and put them on your path.
...recommended, as the build is faster and more reliable.
... compilation on windows uses the same shared build system as mozilla firefox.
...or linux, but the resulting binaries aren't usable by other windows applications.
4.3.1 Release Notes
e the key can be used to perform that operation; other tokens don't care.
...e provide the jss4.jar in case you do not want to obtain your own jce code signing certificate.
...cate.
...documentation documentation for jss 4.3.1 is available as follows: build instructions for jss 4.3.1 javadoc [online] [zipped] read the instructions on using jss.
NSS_3.12.1_release_notes.html
network security services (nss) 3.12.1 is a patch release for nss 3.12.
...e described in the "bugs fixed" section below.
... strictness for cert_nametoasciiinvertible (see certt.h) cert_n2a_readable (maximum human readability) cert_n2a_strict (strict rfc compliance) cert_n2a_invertible (maximum invertibility) bugs fixed the following bugs have been fixed in nss 3.12.1.
...03: nss needs to expose interfaces to deal with multiple token sources of certs.
NSS 3.12.4 release notes
<center> 2009-08-20 </center> <center>newsgroup: mozilla.dev.tech.crypto</center> introduction network security services (nss) 3.12.4 is a patch release for nss 3.12.
...tion below.
...s repository rooted at cvs.mozilla.org:/cvsroot, with the cvs tag nss_3_12_4_rtm.
...12_4_rtm.
NSS 3.15 release notes
introduction the nss team has released network security services (nss) 3.15, which is a minor release.
... introduction the nss team has released network security services (nss) 3.15, which is a minor release.
... new macros in ssl.h ssl_enable_ocsp_stapling - used with ssl_optionset to configure tls client sockets to request the certificate_status extension (eg: ocsp stapling) when set to pr_true notable changes in nss 3.15 secitem_reallocitem is now deprecated.
... the certificate_status extension (eg: ocsp stapling) when set to pr_true notable changes in nss 3.15 secitem_reallocitem is now deprecated.
Initialize NSS database - sample 2
"-p "); fprintf(stderr, "%-15s specify a password file\n\n", "-f "); exit(-1); } /* * initslotpassword */ char * initslotpassword(pk11slotinfo *slot, prbool retry, void *arg) { file *input; file *output; char *p0 = null; char *p1 = null; secupwdata *pwdata = (secupwdata *) arg; if (pwdata->source == pw_fromfile) { return filepasswd(slot, retry, pwdata->data); } if (pwdata->source == pw_plaintext) { return pl_strdup(pwdata->data); } /* open terminal */ input = fopen("/dev/tty", "r"); if (input == null) { pr_fprintf(pr_stderr, "error opening input terminal for read\n"); return null; } /* we have no password, so initialize database with o...
...1, 0, port_strlen(p1)); port_free(p1); } fclose(input); fclose(output); return p0; } /* * changepw */ secstatus changepw(pk11slotinfo *slot, char *oldpass, char *newpass, char *oldpwfile, char *newpwfile) { secstatus rv; secupwdata pwdata; secupwdata newpwdata; char *oldpw = null; char *newpw = null; if (oldpass) { pwdata.source = pw_plaintext; pwdata.data = oldpass; } else if (oldpwfile) { pwdata.source = pw_fromfile; pwdata.data = oldpwfile; } else { pwdata.source = pw_none; pwdata.data = null; } if (newpass) { newpwdata.source = pw_plaintext; newpwdata.data = newpass; } else if (newpwfile) { newpwdata.source = pw_fromfile; new...
... } else if (oldpwfile) { pwdata.source = pw_fromfile; pwdata.data = oldpwfile; } else { pwdata.source = pw_none; pwdata.data = null; } if (newpass) { newpwdata.source = pw_plaintext; newpwdata.data = newpass; } else if (newpwfile) { newpwdata.source = pw_fromfile; newpwdata.data = null; } else { newpwdata.source = pw_none; newpwdata.data = null; } if (pk11_needuserinit(slot)) { newpw = initslotpassword(slot, pr_false, &pwdata); rv = pk11_initpin(slot, (char*)null, newpw); if (rv == secsuccess) { pr_fprintf(pr_stderr, "pk11_initpin failed.\n"); return secfailure; } } else { for (;;) { oldpw = getmodulepass...
...alse, &pwdata); rv = pk11_initpin(slot, (char*)null, newpw); if (rv == secsuccess) { pr_fprintf(pr_stderr, "pk11_initpin failed.\n"); return secfailure; } } else { for (;;) { oldpw = getmodulepassword(slot, pr_false, &pwdata); if (pk11_checkuserpassword(slot, oldpw) != secsuccess) { if (pwdata.source == pw_none) { pr_fprintf(pr_stderr, "invalid password.
NSS_3.12.3_release_notes.html
ork security services (nss) 3.12.3 is a patch release for nss 3.12.
...described in the "bugs fixed" section below.
... in https://ftp.mozilla.org/pub/mozilla.org/nspr/releases/v4.7.4/.
...ror_invalid_args with nss_enable_pkix_verify=1 bug 485127: bltest crashes when attempting rc5_cbc or rc5_ecb bug 485140: wrong command line flags used to build intel-aes.s with solaris gas for x86_64 bug 485370: crash bug 485713: files added by red hat recently have missing texts in license headers.
Necko Architecture
so developers can contribute their own protocol libraries that can be dynamically loaded and used by applications utilizing necko.
...llustrate the modularity of necko.
...ndardurl_cid), which does all of the standard parsing necessary for most urls.
...e of the arguments to the ondataavailable() notification is an nsiinputstream (which can be considered the underlying data).
Renaming With Pork
this describes how to use pork to rewrite source code.
...s are ui-based.
... pork-barrel.
....txt tail -f /tmp/err.txt & ~/work/pork-barrel/pork-barrel 4 /tmp/ls.txt ./renamer -rename-class string sm::string > /tmp/string.diff 2>/tmp/err.txt pork-barrel runs multiple copies of the renamer and merges their output.
Rhino license
rhino is available under open source licenses.
... rhino is available under open source licenses.
...pl/gpl license the majority of the source code for rhino is available under a mpl 1.1/gpl 2.0 license.
...onally, some files (currently the contents of toolsrc/org/mozilla/javascript/tools/debugger/treetable/) are available under the following license: * copyright 1997, 1998 sun microsystems, inc.
Rhino overview
used javascript before have done so by adding scripts to their html web pages.
...the deprecated features are the __proto__ and __parent__ properties, and the constructors with, closure, and call.
... untrusted javascript code must do two things to enable the security features.
...things to enable the security features.
How to embed the JavaScript engine
ist/include -l<objdir>/dist/lib helloworld.cpp -o helloworld -lmozjs-31 -lz -lpthread -ldl it should print "helloworld, it is time" (here time is the current time).
...helloworld.cpp -o helloworld -lmozjs-31 -lz -lpthread -ldl it should print "helloworld, it is time" (here time is the current time).
...he current time).
...dermonkey build documentation.
JS::Compile
this article covers features introduced in spidermonkey 17 compile a script for execution.
...:readonlycompileoptions &options, file *file, js::mutablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlescript script); // obsolete since jsapi 39 bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t leng...
...e type description cx jscontext * pointer to a js context from which to derive runtime information.
... cx jscontext * pointer to a js context from which to derive runtime information.
JS::Evaluate
this article covers features introduced in spidermonkey 17 compile and execute a script.
...s::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandlevalue rval); // added in spidermonkey 17 bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandlevalue rval); // obsolete since jsapi 39 bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const ch...
... js::handleobject the scope in which to execute the script.
...cope in which to execute the script.
Mozilla Projects
x, but may be used by other projects as well.
... the start and end of every ast node, as well as the set of macro expansions that contain any location.
...g to end users.
...lla security team and is intended to be used in web oriented security tools.
Secure Development Guidelines
bailout(“you don’t own the file”); } fd = open(file, o_rdwr); write(fd, argv[2], strlen(argv[2])); } file i/o: race conditions previous example contains a race condition the file may change between the call top stat() and open() this opens the possibility of writing arbitrary content to any file race conditions occur when two separate execution flows share a resource and its access is not synchronized properly race condition types include file (previously covered) thread (two threads share a resource but don’t lock it) signal race conditions example char *ptr; void sighandler() { if (ptr) free(ptr); _exit(0); } int main() { signal(sigint, sighandler); ptr = malloc(1000); if (!ptr) exi...
... exit(0); ...
...hrows in the try block before memory is freed in the try block the catch block does not foresee this and doesn't free the memory freeing un-initialized data example: int main(){ char *p; try { p = new char [1000]; ...
...see this and doesn't free the memory freeing un-initialized data example: int main(){ char *p; try { p = new char [1000]; ...
Animated PNG graphics
Mozilla › Tech › APNG
fctl' chunk uses a dispose_op of apng_dispose_op_previous it should be treated as apng_dispose_op_background.
... as noted earlier, the output buffer must be completely initialized to fully transparent black at the beginning of each play.
...o other chunks in between them from 0.8 removed crcs for ihdr and plte from actl the actl fctl and adat are now not copy safe, renamed them to actl, fctl and adat from 0.9 split render_op into dispose_op and blend_op from 0.10 no changes test encoder and sample images sample images are available from the apng implementation page at http://littlesvr.ca/apng/ an encoder (open source) is available in versions of the gecko engine starting with version 1.9 alpha 4.
...at are now not copy safe, renamed them to actl, fctl and adat from 0.9 split render_op into dispose_op and blend_op from 0.10 no changes test encoder and sample images sample images are available from the apng implementation page at http://littlesvr.ca/apng/ an encoder (open source) is available in versions of the gecko engine starting with version 1.9 alpha 4.
Starting WebLock
xpcom interfaces must derive, and makes it possible for the iweblock interface to subclass that base interface.
... your xpidl that denotes this (see the xpidl reference).
...idl code generation the xpidl compiler also generates a stub implementation of the interface in a commented section of the generated header file, in which each method returns ns_error_not_implemented.
... return ns_ok; } addref, releasing, and deleting objects never forget to addref an xpcom object which you instantiate via new.
Creating XPCOM components
com initialization xpcom registry manifests registration methods in xpcom autoregistration the shutdown process three parts of a xpcom component library xpcom glue the glue library xpcom string classes creating the component code what we'll be working on component registration the regxpcom program registration alternatives overview of the weblock module source digging in: required includes and constants identifiers in xpcom coding for the registration process the registration methods creating an instance of your component weblock1.cpp using xpcom utilities to make things easier xpcom macros generic xpcom module macros common implementation macros declaration macros weblock2.cpp string classes in xpcom using strin...
...ing data processing the white list data iweblock method by method lock and unlock addsite removesite setsites getnext getsites hasmoreelements finishing the component using frozen interfaces copying interfaces into your build environment implementing the nsicontentpolicy interface receiving notifications implementing the nsicontentpolicy uniform resource locators checking the white list creating nsiuri objects building the weblock ui user interface package list client code overview xul the xul document the locking ui site adding ui weblock.xul overlaying new user interface into mozilla weblockoverlay.xul other resources weblock.css image resources packaging weblock component installation overv...
...ing the white list creating nsiuri objects building the weblock ui user interface package list client code overview xul the xul document the locking ui site adding ui weblock.xul overlaying new user interface into mozilla weblockoverlay.xul other resources weblock.css image resources packaging weblock component installation overview archiving resources the weblock installation script the weblock trigger script distributing your component appendix a - setting up the gecko sdk downloading and setting the sdk building a microsoft visual cpp project creating a new project adding the gecko sdk to the project settings building a windows project a makefile for unix appendix b - resources weblock resources gecko resources x...
...weblock installation script the weblock trigger script distributing your component appendix a - setting up the gecko sdk downloading and setting the sdk building a microsoft visual cpp project creating a new project adding the gecko sdk to the project settings building a windows project a makefile for unix appendix b - resources weblock resources gecko resources xpcom resources general development resources next » copyright (c) 2003 by doug turner and ian oeschger.
nsIApplicationCache
netwerk/base/public/nsiapplicationcache.idlscriptable this interface represents an application cache, which stores resources for offline use.
....
... for a list of types.
...entry( in acstring key, in unsigned long typebits ); parameters key the key for the cache entry from which to remove types.
nsIApplicationCacheChannel
n ns_error_already_opened if set after calling asyncopen() on the channel.
...he boolean true if the channel will ask its notification callbacks for an application cache if one is not explicitly provided.
...n if the resource is assigned to an application cache if, for example, it was loaded as a fallback.
...ntryasforeign() a shortcut method to mark the cache item of this channel as 'foreign'.
nsIDroppedLinkHandler
optional] out unsigned long acount, [retval, array, size_is(acount)] out nsidroppedlinkitem alinks); methods candroplink() determines if a link being dragged can be dropped.
...nk being dragged can be dropped.
...onal] in boolean adisallowinherit ); parameters aevent a drop event.
...le if it exists, or an empty string otherwise.
nsIOutputStream
w contains acount bytes of data.
...cstringgetdata(&data); data += afromoffset; len -= afromoffset; if (len > acount) len = acount; memcpy(atosegment, data, len); // indicate that we have copied len bytes to the segment *areadcount = len; return ns_ok; } // write the contents of asource into astream, using writesegments // to avoid intermediate buffer copies.
...t; memcpy(atosegment, data, len); // indicate that we have copied len bytes to the segment *areadcount = len; return ns_ok; } // write the contents of asource into astream, using writesegments // to avoid intermediate buffer copies.
.../ indicate that we have copied len bytes to the segment *areadcount = len; return ns_ok; } // write the contents of asource into astream, using writesegments // to avoid intermediate buffer copies.
nsIParentalControlsService
as well as android 4.3 and newer.
... enabled.
... this log entry type represents a file download.
... type represents a file download.
nsIParserUtils
dropnoncsspresentation (1 << 3) flag for sanitizer: drops non-css presentational html elements and attributes, such as <font>, <center>, and the bgcolor attribute.
...r: drops <img>, <video>, <audio>, and <source>, and flattens out svg.
... sanitizes the document, and returns the result serialized to a string.
... present.
nsITransferable
he code needed to convert data into and out of the transferable given the supported flavors.
...e, except intended for private use only.
...mlmime application/x-moz-nativehtml html in gecko's native internal storage format.
...info, this is used to provide the context for a fragment of html source.
nsIWebPageDescriptor
g it from the network.
...ethod overview void loadpage(in nsisupports apagedescriptor, in unsigned long adisplaytype); attributes attribute type description currentdescriptor nsisupports retrieves the page descriptor for the current document.
...scription currentdescriptor nsisupports retrieves the page descriptor for the current document.
...ts retrieves the page descriptor for the current document.
nsIWindowWatcher
ts aarguments ); parameters aparent the parent window, if any.
... method will effectively act as if aparent were null.
...iframe> or tab) with the specified name.
...">window.open.
Using nsIDirectoryService
mozilla components locate special files and directories has changed.
...bin directory as described above.
...ou will also need to tell the system of the location of dlls that are linked against.
...ne at a time by using the nsiproperties interface of nsdirectoryservice, you can also install your own nsidirectoryserviceprovider to control them en masse.
Mozilla technologies
ension authors to access rss and atom feeds.life after xul: building firefox interfaces with htmlthis page gathers technical solutions to common problems encountered by teams shipping html-based interfaces inside firefox.morkmork is a database file format invented by david mccusker for the mozilla code since the original netscape database information was proprietary and could not be released open source.
...cations to publicize application usage for the purpose of notifying a user's friends of the applications which their friends are using.
...ze application usage for the purpose of notifying a user's friends of the applications which their friends are using.
...vailable in the nightly builds.xpcomxpcom is a cross platform component object model, similar to microsoft com.
Using the Mozilla symbol server
t found symchk: talkback.exe failed - built without debugging information.
...plication.ini file under the [app] heading: for example, the thunderbird 3.1b2 release with name=thunderbird, version=3.1b2, buildid=20100430125415 would have a filename of "thunderbird-3.1b2-linux-20100430125415-symbols.txt" under the thunderbird directory at symbols.mozilla.org.
...he thunderbird 3.1b2 release with name=thunderbird, version=3.1b2, buildid=20100430125415 would have a filename of "thunderbird-3.1b2-linux-20100430125415-symbols.txt" under the thunderbird directory at symbols.mozilla.org.
...ith name=thunderbird, version=3.1b2, buildid=20100430125415 would have a filename of "thunderbird-3.1b2-linux-20100430125415-symbols.txt" under the thunderbird directory at symbols.mozilla.org.
Working with data
); // outputs: `"2"` // now this is how to get the array of long's cast to array of int's var mycasted = ctypes.cast(my.address(), ctypes.int.array(my.length).ptr).contents; mycasted.tostring(); // this outputs to browser console: `"ctypes.int.array(4)([1, 2, 3, 4])"` mycasted.addressofelement(1).contents; // this outputs `2` mycasted.addressofelement(1).contents.tostring(); // outputs: `"2"` source of this, and to see wrong ways of casting, and explanation on why this is the right way to cast an array (explained by matching constructor's) see here: githubgist :: _ff-addon-tutorial-jsctypes_castingarrays data and pointers a cdata object represents a c value in memory.
... functions expect strings to be arrays of characters, with the end of the string indicated by a null character.
... and low 32-bit numbers, or you can create it using a string representation.
...alues.
CData
a cdata object represents a c value or function located in memory.
...es.pointertype(dataobject.constructor) whose value points to the c object referred to by the object.
...a object.
...ce() parameters none.
CType
64 and uint64 types provide access to 64-bit integer values, which javascript doesn't currently support.
...y() returns a new ctype representing an array of elements of the type on which it was called.
...arameters n optional the number of elements in the declared array type.
...representing the data type "array of this type".
Plug-in Development Overview - Plugins
plug-in is loaded from a well-known directory, a different method must be used.
...iption: for description language: for language in use in the mime types and file extensions strings, multiple values are separated by the "|" character, for example: video/quicktime|audio/aiff|image/jpeg the version stamp will be loaded only if it has been created with the language set to "us english" and the character set to "windows multilingual" in your development environment.
...9.
...n the plugins info.plist.
Browser Console - Firefox Developer Tools
rowser's own code add-ons.
...rom a traditional or bootstrapped add-on, get it from the console module.
...ges to the console learn more: console api reference console.jsm source code in the mozilla dxr hudservice there is also the hudservice which allows access to the browse console.
...); var hudservice = devtools.require("devtools/client/webconsole/hudservice"); var hud = hudservice.getbrowserconsole(); hud.jsterm.clearoutput(true); if you would like to access the content document of the browser console this can be done with the hudservice.
Debug worker threads - Firefox Developer Tools
the debugger shows the source code for all running worker threads — web workers, service workers, etc.
... the debugger shows the source code for all running worker threads — web workers, service workers, etc.
...shows the source code for all running worker threads — web workers, service workers, etc.
...ning worker threads — web workers, service workers, etc.
Set event listener breakpoints - Firefox Developer Tools
the right hand column.
...d, we can then switch to the console, and whenever we press a key we are given a log of where related events were fired.
...nd whenever we press a key we are given a log of where related events were fired.
...: filter by event type also added to firefox 71 is a new filter by event type...
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
and select "browser" from the "environment" menu.
...m); return m; } for (let [site, total] of totals) { childmapfor(site); } // print the allocation count for |site|.
...of the page.
...cated on line one of the handler text itself.
The Firefox JavaScript Debugger - Firefox Developer Tools
firefox or running remotely, for example on an android device running firefox for android.
... various points.
...to tell the debugger how and when to pause: set a breakpoint set a conditional breakpoint set an xhr breakpoint set event listener breakpoints break on exceptions use watchpoints for property reads and writes break on dom mutation disable breakpoints control execution what can you do after execution pauses?
...reak on dom mutation disable breakpoints control execution what can you do after execution pauses?
Performance Analysis - Firefox Developer Tools
main window.) the network monitor then loads the site twice: once with an empty browser cache, and once with a primed browser cache.
...ite twice: once with an empty browser cache, and once with a primed browser cache.
...ime a user visits your site, and subsequent visits.
... by type, and show the total size of each resource and the total time it took to load them.
Web Console remoting - Firefox Developer Tools
array which specifies listeners you want to start in the web console.
...indow.console api messages, network activity, and file activity.
...equest(request, onresponse) method.
... objectactor that is being viewed.
AudioListener.setPosition() - Web APIs
the setposition() method of the audiolistener interface defines the position of the listener.
...is (0, 0, 0).
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioNode - Web APIs
Web › API › AudioNode
the audionode interface is a generic interface for representing an audio processing module.
...r text { fill: #0095dd; pointer-events: all;} note: an audionode can be target of events, therefore it implements the eventtarget interface.
...om one audionode to another but, in general, a node reads its inputs, does some audio-related processing, and generates new values for its outputs, or simply lets the audio pass through (for example in the analysernode, where the result of the processing is accessed separately).
...e constructors were added to the spec from august to october 2016.
AudioWorkletProcessor.process - Web APIs
urn value and the state of the node causes the browser to decide to stop the node, process() will not be called again.
...g new audio data nor receiving data through its inputs that it is processing.
...ethod as long as it produces an output.
... now for simplicity channel[i] = (math.random() * 2 - 1) * // the array can contain 1 or 128 values // depending on if the automation is present // and if the automation rate is k-rate or a-rate (parameters['customgain'].length > 1 ?
BaseAudioContext.createChannelMerger() - Web APIs
tereo track (say, a piece of music), and process the left and right channel differently.
...e of music), and process the left and right channel differently.
..., and process the left and right channel differently.
...ou need to use the second and third parameters of the audionode.connect(audionode) method, which allow you to specify both the index of the channel to connect from and the index of the channel to connect to.
BaseAudioContext.createChannelSplitter() - Web APIs
e a stereo track (say, a piece of music), and process the left and right channel differently.
... piece of music), and process the left and right channel differently.
...usic), and process the left and right channel differently.
...em, you need to use the second and third parameters of the audionode.connect(audionode) method, which allow you to specify the index of the channel to connect from and the index of the channel to connect to.
ChannelMergerNode - Web APIs
tereo track (say, a piece of music), and process the left and right channel differently.
...e of music), and process the left and right channel differently.
..., and process the left and right channel differently.
...ou need to use the second and third parameters of the audionode.connect(audionode) method, which allow you to specify both the index of the channel to connect from and the index of the channel to connect to.
Client.type - Web APIs
Web › API › Client › type
nt (e.g.
...sendmessage(message) { return new promise(function(resolve, reject) { // note that this is the serviceworker.postmessage version navigator.serviceworker.controller.postmessage(message); window.serviceworker.onmessage = function(e) { resolve(e.data); }; }); } // controlling service worker self.addeventlistener("message", function(e) { // e.source is a client object e.source.postmessage("hello!
...stmessage version navigator.serviceworker.controller.postmessage(message); window.serviceworker.onmessage = function(e) { resolve(e.data); }; }); } // controlling service worker self.addeventlistener("message", function(e) { // e.source is a client object e.source.postmessage("hello!
... navigator.serviceworker.controller.postmessage(message); window.serviceworker.onmessage = function(e) { resolve(e.data); }; }); } // controlling service worker self.addeventlistener("message", function(e) { // e.source is a client object e.source.postmessage("hello!
DataTransfer.clearData() - Web APIs
tion's data store is writeable.
...weaked" id="source" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.
...o start</span></div> <div>data is: <span id="data">uninitialized</span></div> css span.tweaked { display: inline-block; margin: 1em 0; padding: 1em 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } javascript window.addeventlistener('domcontentloaded', function () { // select html elements var draggable = document.getelementbyid('source'); var dropable = document.getelementbyid('target'); var status = document.getelementbyid('status'); var data = document.getelementbyid('data'); var dropped = false; // register event handlers draggable.addeventlistener('dragstart', dragstarthandler); draggable.addeventlistener('dragend', dragendhandler); dropable.addeventlistener('dragover', dragoverhandler); dropable.addevent...
...t) { status.innerhtml = 'drag in process (drop was available)'; event.preventdefault(); } function drophandler (event) { dropped = true; status.innerhtml = 'drop done'; event.preventdefault(); // get data linked to event format « text » var _data = event.datatransfer.getdata('text/plain'); var element = document.getelementbyid(_data); // append drag source element to event's target element event.target.appendchild(element); // change css styles and displayed text element.style.csstext = 'border: 1px solid black;display: block; color: red'; element.innerhtml = "i'm in the drop zone!"; } }) specifications specification status comment html living standardthe definition of 'datatransfer.cleardata()' in th...
DeprecationReportBody - Web APIs
xpected to be removed from the current browser.
...if the date is not known, this property will return null.
...tion, including information such as what newer feature has superceded it, if any.
...y in its devtools console when a deprecated feature is used, if one is available.
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
es when difficulties can occur, and looks at what can be done to mitigate resulting problems.
...of it in a production build step to reduce code download sizes.
...3 empty blocks we now have are not going to occupy any space in the final layout, because they don’t contain anything, so we’ll end up with only 2 blocks taking up space in the page.
... size would also end up being 0).
ExtendableEvent - Web APIs
nd on the activate eventhandler for the active worker.
... via chrome://serviceworker-internals.
...1302286216006/config/customlogo.gif' ]; console.log('handling install event.
...refetch']).then(function(cache) { return cache.addall(urlstoprefetch.map(function(urltoprefetch) { return new request(urltoprefetch, {mode: 'no-cors'}); })).then(function() { console.log('all resources have been fetched and cached.'); }); }).catch(function(error) { console.error('pre-fetching failed:', error); }) ); }); important: when fetching resources, it's very important to use {mode: 'no-cors'} if there is any chance that the resources are served off of a server that doesn't support cors.
Using Fetch - Web APIs
the fetch api provides a javascript interface for accessing and manipulating parts of the http pipeline, such as requests and responses.
...ame-origin.
...the json body content from the response, we use the json() method (defined on the body mixin, which is implemented by both the request and response objects.) note: the body mixin also has similar methods to extract other types of body content; see the body section for more.
...ers.jpg') .then(response => { if (!response.ok) { throw new error('network response was not ok'); } return response.blob(); }) .then(myblob => { myimage.src = url.createobjecturl(myblob); }) .catch(error => { console.error('there has been a problem with your fetch operation:', error); }); supplying your own request object instead of passing a path to the resource you want to request into the fetch() call, you can create a request object using the request() constructor, and pass that in as a fetch() method argument: const myheaders = new headers(); const myrequest = new request('flowers.jpg', { method: 'get', headers: myheaders, mode: 'cors', cache: 'default', }); fetch(myrequest) .then(response => response.blob()) .then(myblob => { myim...
FontFace - Web APIs
Web › API › FontFace
the fontface interface represents a single usable font face.
... the fontface interface represents a single usable font face.
... the fontface interface represents a single usable font face.
... a cssomstring that retrieves or sets the variant of the font.
Guide to the Fullscreen API - Web APIs
ven element into full-screen mode, as well as how to detect when the browser enters or exits full-screen mode.
...ode, as well as how to detect when the browser enters or exits full-screen mode.
...l as how to detect when the browser enters or exits full-screen mode.
...rowser enters or exits full-screen mode.
GainNode.gain - Web APIs
Web › API › GainNode › gain
h the audioparam returned is read-only, the value it represents is not.
...ton is clicked by changing the gain property value.
...on</button> </div> var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var gainnode = audioctx.creategain(); var mute = document.queryselector('.mute'); var source; if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) { source = audioctx.createmediastreamsource(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.connect(gainnode); gainnode.connect(audioctx.destination); ...
...nction(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.connect(gainnode); gainnode.connect(audioctx.destination); ...
GainNode - Web APIs
Web › API › GainNode
ethods no specific method; inherits methods from its parent, audionode.
...ton is clicked by changing the gain property value.
...on</button> </div> var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var gainnode = audioctx.creategain(); var mute = document.queryselector('.mute'); var source; if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) { source = audioctx.createmediastreamsource(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.connect(gainnode); gainnode.connect(audioctx.destination); ...
...nction(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.connect(gainnode); gainnode.connect(audioctx.destination); ...
GlobalEventHandlers.onerror - Web APIs
andler that processes error events.
...e handled with a window.addeventlistener configured with usecapture set to true.
...tion of error reports.
... else { var message = [ 'message: ' + msg, 'url: ' + url, 'line: ' + lineno, 'column: ' + columnno, 'error object: ' + json.stringify(error) ].join(' - '); alert(message); } return false; }; when using the inline html markup (<body onerror="alert('an error occurred')">), the html specification requires arguments passed to onerror to be named event, source, lineno, colno, error.
HTMLElement.innerText - Web APIs
lue a domstring representing the rendered text content of an element.
...g the rendered text content of an element.
... content of an element.
...ransform: uppercase; }</style> <span id=text>take a look at<br>how this text<br>is interpreted below.</span> <span style="display:none">hidden text</span> </p> <h3>result of textcontent:</h3> <textarea id="textcontentoutput" rows="6" cols="30" readonly>...</textarea> <h3>result of innertext:</h3> <textarea id="innertextoutput" rows="6" cols="30" readonly>...</textarea> javascript const source = document.getelementbyid("source"); const textcontentoutput = document.getelementbyid("textcontentoutput"); const innertextoutput = document.getelementbyid("innertextoutput"); textcontentoutput.value = source.textcontent; innertextoutput.value = source.innertext; result specification specification status comment html living standardthe definition of 'innertext' ...
HTMLEmbedElement - Web APIs
rits properties from its parent, htmlelement.
...g context.
...ng reflecting the height html attribute, containing the displayed height of the resource.
...ng representing the name of the embedded object.
HTMLMediaElement.captureStream() - Web APIs
the capturestream() property of the htmlmediaelement interface returns a mediastream object which is streaming a real-time capture of the content being rendered in the media element.
... the capturestream() property of the htmlmediaelement interface returns a mediastream object which is streaming a real-time capture of the content being rendered in the media element.
...ns a mediastream object which is streaming a real-time capture of the content being rendered in the media element.
...meters none.
The HTML DOM API - Web APIs
ndelement htmllinkelement htmlmapelement htmlmediaelement htmlmenuelement htmlmetaelement htmlmeterelement htmlmodelement htmlolistelement htmlobjectelement htmloptgroupelement htmloptionelement htmloutputelement htmlparagraphelement htmlparamelement htmlpictureelement htmlpreelement htmlprogresselement htmlquoteelement htmlscriptelement htmlselectelement htmlslotelement htmlsourceelement htmlspanelement htmlstyleelement htmltablecaptionelement htmltablecellelement htmltablecolelement htmltableelement htmltablerowelement htmltablesectionelement htmltemplateelement htmltextareaelement htmltimeelement htmltitleelement htmltrackelement htmlulistelement htmlunknownelement htmlvideoelement deprecated html element interfaces htmlmarqueeelement obsolete...
...ing between windows or apps.
... broadcastchannel dedicatedworkerglobalscope messagechannel messageevent messageport sharedworker sharedworkerglobalscope worker workerglobalscope workerlocation workernavigator websocket interfaces these interfaces, defined by the html specification, are used by the websockets_api.
... messageevent messageport sharedworker sharedworkerglobalscope worker workerglobalscope workerlocation workernavigator websocket interfaces these interfaces, defined by the html specification, are used by the websockets_api.
HTML Drag and Drop API - Web APIs
et, the browser's cursor may indicate the type of operation that will occur.
... drop effect the handler for the drop event is free to process the drag data in an application-specific way.
...ata in an application-specific way.
...my-app"); ev.target.appendchild(document.getelementbyid(data)); } </script> <p id="p1" draggable="true" ondragstart="dragstart_handler(event)">this element is draggable.</p> <div id="target" ondrop="drop_handler(event)" ondragover="dragover_handler(event)">drop zone</div> for more information, see: performing a drop drag end at the end of a drag operation, the dragend event fires at the source element — the element that was the target of the drag start.
IDBCursor.direction - Web APIs
alues section below for possible values.
...x var direction = cursor.direction; value a string (defined by the idbcursordirection enum) indicating the direction in which the cursor is traversing the data.
...ta.
...ses the cursor to be opened at the start of the source.
MediaError.code - Web APIs
Web › API › MediaError › code
xt string with specific diagnostic information, see mediaerror.message.
...d 1 the fetching of the associated resource was aborted by the user's request.
... media_err_network 2 some kind of network error occurred which prevented the media from being successfully fetched, despite having previously been available.
... to be usable, an error occurred while trying to decode the media resource, resulting in an error.
MediaRecorder.onerror - Web APIs
s are specifically possible when using the mediastream recording api; to determine which occurred, check the value of mediarecordererrorevent.error.name.
...me.
...ur when a request is made on a source that has been deleted or removed.
...taavailable = function(event) { bufferlist.push(event.data); }; recorder.onerror = function(event) { let error = event.error; switch(error.name) { case invalidstateerror: shownotification("you can't record the video right " + "now.
MediaStreamTrack.remote - Web APIs
the mediastreamtrack.remote read-only property allows javascript to know whether a webrtc mediastreamtrack is from a remote source or a local one.
... the mediastreamtrack.remote read-only property allows javascript to know whether a webrtc mediastreamtrack is from a remote source or a local one.
... the mediastreamtrack.remote read-only property allows javascript to know whether a webrtc mediastreamtrack is from a remote source or a local one.
... the mediastreamtrack.remote read-only property allows javascript to know whether a webrtc mediastreamtrack is from a remote source or a local one.
MediaTrackConstraints.facingMode - Web APIs
exact: "user" } }; this indicates that only a user-facing camera is acceptable; if there is no user-facing camera, or the user declines permission to use that camera, the media request will fail.
...eclines permission to use that camera, the media request will fail.
... these may represent separate cameras, or they may represent directions in which an adjustable camera can be pointed.
...urce is facing toward the user; this includes, for example, the front-facing camera on a smartphone.
MediaTrackSettings.facingMode - Web APIs
ction will never include this property.
... is one of the strings in videofacingmodeenum.
... these may represent separate cameras, or they may represent directions in which an adjustable camera can be pointed.
...urce is facing toward the user; this includes, for example, the front-facing camera on a smartphone.
MediaTrackSettings.groupId - Web APIs
the mediatracksettings dictionary's groupid property is a browsing-session unique domstring which identifies the group of devices which includes the source for the mediastreamtrack.
...pically this is unnecessary since browsers will simply ignore any constraints they're unfamiliar with.
...ill never include this property.
... which can serve as an output for audio.
Capabilities, constraints, and settings - Web APIs
spectratio: { ideal: 1.7777777778 } }, audio: { samplesize: 16, channelcount: 2 } }).then(stream => { videoelement.srcobject = stream; }).catch(handleerror); in this example, constraints are applied at getusermedia() time, asking for an ideal set of options with fallbacks for the video.
...ionary mediatracksettings.
...function() { getcurrentsettings(); }).catch(handleerror); } there are several steps here: it calls buildconstraints() to create the mediatrackconstraints objects for the two tracks from the code in the edit boxes.
...nts() to create the mediatrackconstraints objects for the two tracks from the code in the edit boxes.
PannerNode.distanceModel - Web APIs
the distancemodel property of the pannernode interface is an enumerated value determining which algorithm to use to reduce the volume of the audio source as it moves away from the listener.
...ioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.distancemodel = 'inverse'; value a enum — see distancemodeltype.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.maxDistance - Web APIs
the maxdistance property of the pannernode interface is a double value representing the maximum distance between the audio source and the listener, after which the volume is not reduced any further.
... and non-positive values are not allowed.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.orientationX - Web APIs
the orientationx property of the pannernode interface indicates the x (horizontal) component of the direction in which the audio source is facing, in a 3d cartesian coordinate space.
... the orientationx property of the pannernode interface indicates the x (horizontal) component of the direction in which the audio source is facing, in a 3d cartesian coordinate space.
... the orientationx property of the pannernode interface indicates the x (horizontal) component of the direction in which the audio source is facing, in a 3d cartesian coordinate space.
... pointed away from the listener.
PannerNode.orientationY - Web APIs
the orientationy property of the pannernode interface indicates the y (vertical) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... the orientationy property of the pannernode interface indicates the y (vertical) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... the orientationy property of the pannernode interface indicates the y (vertical) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... sound is pointed away from the listener.
PannerNode.orientationZ - Web APIs
the orientationz property of the pannernode interface indicates the z (depth) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... the orientationz property of the pannernode interface indicates the z (depth) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... the orientationz property of the pannernode interface indicates the z (depth) component of the direction the audio source is facing, in 3d cartesian coordinate space.
... sound is pointed away from the listener.
PannerNode.positionX - Web APIs
the positionx property of the pannernode interface specifies the x coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the horizontal axis (left-right).
... the positionx property of the pannernode interface specifies the x coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the horizontal axis (left-right).
... the positionx property of the pannernode interface specifies the x coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the horizontal axis (left-right).
...ill be louder than if the sound is pointed away from the listener.
PannerNode.positionY - Web APIs
the positiony property of the pannernode interface specifies the y coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the vertical axis (top-bottom).
... the positiony property of the pannernode interface specifies the y coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the vertical axis (top-bottom).
... the positiony property of the pannernode interface specifies the y coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the vertical axis (top-bottom).
...ill be louder than if the sound is pointed away from the listener.
PannerNode.positionZ - Web APIs
the positionz property of the pannernode interface specifies the z coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the depth axis (behind-in front of the listener).
... the positionz property of the pannernode interface specifies the z coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the depth axis (behind-in front of the listener).
... the positionz property of the pannernode interface specifies the z coordinate of the audio source's position in 3d cartesian coordinates, corresponding to the depth axis (behind-in front of the listener).
...ill be louder than if the sound is pointed away from the listener.
PannerNode.setOrientation() - Web APIs
the setorientation() method of the pannernode interface defines the direction the audio source is playing in.
...s (1, 0, 0).
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.setPosition() - Web APIs
the setposition() method of the pannernode interface defines the position of the audio source relative to the listener (represented by an audiolistener object stored in the audiocontext.listener attribute.) the three parameters x, y and z are unitless and describe the source's position in 3d space using the right-hand cartesian coordinate system.
...n is (0, 0, 0).
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.setVelocity() - Web APIs
the setvelocity() method of the pannernode interface defines the velocity vector of the audio source — how fast it is moving and in what direction.
...r is (0, 0, 0).
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PerformanceEntry.duration - Web APIs
"frame" - returns a timestamp indicating the difference between the starttimes of two successive frames.
...fference between the starttimes of two successive frames.
... between the resource's responseend timestamp and its starttime timestamp.
...amp and its starttime timestamp.
PerformanceEntry.startTime - Web APIs
ers.
... "frame" - returns the timestamp when the frame was started.
...erformance.measure().
...rns the timestamp with a value of "0".
PerformanceTiming - Web APIs
s is not of the same origin, the value returned is 0.
...timing.domainlookupstart read only when the domain lookup starts.
... sent the request to obtain the actual document, from the server or from a cache.
...rresponding to the new request.
RTCDataChannel.onbufferedamountlow - Web APIs
data channel buffer.
...ject representing the event which has occurred.
...he event which has occurred.
... example this example responds to the bufferedamountlow event by fetching up to 64kb of a file represented by an object source and calling rtcdatachannel.send() to queue up the retrieved data for sending on the data channel.
RTCPeerConnection - Web APIs
n.methodsalso inherits methods from: eventtargetaddicecandidate()when a web site or app using rtcpeerconnection receives a new ice candidate from the remote peer over its signaling channel, it delivers the newly-received candidate to the browser's ice agent by calling rtcpeerconnection.addicecandidate().addstream() the obsolete rtcpeerconnection method addstream() adds a mediastream as a local source of audio or video.
...he rtcpeerconnection interface creates an sdp answer to an offer received from a remote peer during the offer/answer negotiation of a webrtc connection.
...astream with the given id that is associated with local or remote end of the connection.
...ed (complete).
RTCRtpSender.replaceTrack() - Web APIs
the rtcrtpsender method replacetrack() replaces the track currently being used as the sender's source with a new mediastreamtrack.
... switch between the rear- and front-facing cameras on a phone.
...s of the bounds of the current track; that is, the new track is either wider or taller than the current one.
...ame rate is high enough to cause the codec's block rate to be exceeded.
Request() - Web APIs
Web › API › Request › Request
the request() constructor creates a new request object.
... the request() constructor creates a new request object.
... an options object containing any custom settings that you want to apply to the request.
... credentials: the request credentials you want to use for the request: omit, same-origin, or include.
SecurityPolicyViolationEvent.sample - Web APIs
the sample read-only property of the securitypolicyviolationevent interface is a domstring representing a sample of the resource that caused the violation.
... the sample read-only property of the securitypolicyviolationevent interface is a domstring representing a sample of the resource that caused the violation.
... the sample read-only property of the securitypolicyviolationevent interface is a domstring representing a sample of the resource that caused the violation.
... of the securitypolicyviolationevent interface is a domstring representing a sample of the resource that caused the violation.
SubtleCrypto.sign() - Web APIs
Web › API › SubtleCrypto › sign
fips 198-1 standard.
...selector(".rsassa-pkcs1 #message"); let message = messagebox.value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( "rsassa-pkcs1-v1_5", privatekey, encoded ); rsa-pss this code fetches the contents of a text box, encodes it for signing, and signs it with a private key.
...message"); let message = messagebox.value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( { name: "rsa-pss", saltlength: 32, }, privatekey, encoded ); ecdsa this code fetches the contents of a text box, encodes it for signing, and signs it with a private key.
...ge"); let message = messagebox.value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( { name: "ecdsa", hash: {name: "sha-384"}, }, privatekey, encoded ); hmac this code fetches the contents of a text box, encodes it for signing, and signs it with a secret key.
TextEncoder.prototype.encode() - Web APIs
the textencoder.prototype.encode() method takes a usvstring as input, and returns a uint8array containing the text given in parameters encoded with the specific method for that textencoder object.
... usvstring as input, and returns a uint8array containing the text given in parameters encoded with the specific method for that textencoder object.
...t8array containing the text given in parameters encoded with the specific method for that textencoder object.
...d for that textencoder object.
WebGLRenderingContext.texImage2D() - Web APIs
void gl.teximage2d(target, level, internalformat, format, type, htmlvideoelement?
...rget, level, internalformat, format, type, imagebitmap?
...ternalformat, width, height, border, format, type, glintptr offset); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlcanvaselement source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlimageelement source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlvideoelement source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, imagebitmap source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, imagedata source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, arraybufferview srcdata, srcoffset); parameters target a glenum specifying the binding poi...
...re available additionally: gl.byte gl.unsigned_short gl.short gl.unsigned_int gl.int gl.half_float gl.float gl.unsigned_int_2_10_10_10_rev gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev gl.unsigned_int_24_8 gl.float_32_unsigned_int_24_8_rev (pixels must be null) pixels one of the following objects can be used as a pixel source for the texture: arraybufferview, a uint8array must be used if type is gl.unsigned_byte.
WebGLRenderingContext.texSubImage2D() - Web APIs
?
...d gl.texsubimage2d(target, level, xoffset, yoffset, format, type, imagebitmap?
...exsubimage2d(target, level, xoffset, yoffset, format, type, glintptr offset); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlcanvaselement source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlimageelement source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlvideoelement source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, imagebitmap source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, imagedata source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, arraybufferview srcdata, srcoffset); parameters target a glenum specifying the binding point (targe...
...re available additionally: gl.byte gl.unsigned_short gl.short gl.unsigned_int gl.int gl.half_float gl.float gl.unsigned_int_2_10_10_10_rev gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev gl.unsigned_int_24_8 gl.float_32_unsigned_int_24_8_rev (pixels must be null) pixels one of the following objects can be used as a pixel source for the texture: arraybufferview, a uint8array must be used if type is gl.unsigned_byte.
Using textures in WebGL - Web APIs
olid blue color even though it may take a few moments for our image to download.
...ng.
...trix * umodelviewmatrix * avertexposition; vtexturecoord = atexturecoord; } `; the key change here is that instead of fetching the vertex color, we're fetching the texture coordinates and passing them to the vertex shader; this will indicate the location within the texture corresponding to the vertex.
...ments is implemented in gecko 8.0.
WebGL best practices - Web APIs
ject.
... a reliable estimate.
...s under "error handling": the implementation should report errors as early a possible but in any case must satisfy the following: all lexical, grammatical and semantic errors must have been detected following a call to gllinkprogram errors due to mismatch between the vertex and fragment shader (link errors) must have been detected following a call to gllinkprogram errors due to exceeding resource limits must have been detected following any draw call or a call to glvalidateprogram a call to glvalidateprogram must report all errors associated with a program object given the current gl state.
...n-large performance advantages when textures are "zoomed out" or generally downscaled in the distance in 3d, or even for cube-maps!
Rendering and the WebXR frame animation callback - Web APIs
e world from a slightly different angle.
...sitions of objects (or the viewer) based on known factors, such as those user control states or known animation paths of the objects in the scene.
...ticks.
... sports game, there may be a ball arcing through the air, its movement needing to be simulated.
Web Authentication API - Web APIs
transports: ["usb", "nfc", "ble"], type: "public-key" }]; getcredentialdefaultargs.publickey.allowcredentials = idlist; return navigator.credentials.get(getcredentialdefaultargs); }) .then((assertion) => { console.log("assertion", assertion); }) .catch((err) => { console.log("error", err); }); mozilla demo website and its source code.
... type: "public-key" }]; getcredentialdefaultargs.publickey.allowcredentials = idlist; return navigator.credentials.get(getcredentialdefaultargs); }) .then((assertion) => { console.log("assertion", assertion); }) .catch((err) => { console.log("error", err); }); mozilla demo website and its source code.
... getcredentialdefaultargs.publickey.allowcredentials = idlist; return navigator.credentials.get(getcredentialdefaultargs); }) .then((assertion) => { console.log("assertion", assertion); }) .catch((err) => { console.log("error", err); }); mozilla demo website and its source code.
...rgs.publickey.allowcredentials = idlist; return navigator.credentials.get(getcredentialdefaultargs); }) .then((assertion) => { console.log("assertion", assertion); }) .catch((err) => { console.log("error", err); }); mozilla demo website and its source code.
XRPose.emulatedPosition - Web APIs
the emulatedposition read-only attribute of the xrpose interface is a boolean value indicating whether or not both the the position component of the pose's transform is directly taken from the xr device, or it's simulated or computed based on other sources.
...position read-only attribute of the xrpose interface is a boolean value indicating whether or not both the the position component of the pose's transform is directly taken from the xr device, or it's simulated or computed based on other sources.
...n direct sensor data.
..., backward, or to the sides.
XSLTProcessor - Web APIs
uctor has no parameters.
... methods [throws] void xsltprocessor.importstylesheet(node stylesheet) imports the xslt stylesheet.
...e, it must be an <xsl:stylesheet> or <xsl:transform> element.
...t> or <xsl:transform> element.
Perceivable - Accessibility
g text alternatives for non-text content the key here is that text can be converted to other forms that people with disabilities can use.
...ion for guideline 1.1: text alternatives.
... note: also see the wcag description for guideline 1.2: time-based media: provide alternatives for time-based media.
...for users to see and hear content including separating foreground from background this guideline relates to making sure core content is easy to discern from backgrounds and other decoration.
unicode-range - CSS: Cascading Style Sheets
codepoint range a range of unicode code points.
...ff means include all characters in the range u+0025 to u+00ff.
...characters, that is using the '?' character, so for example u+4??
... range u+400 to u+4ff.
mask-border-slice - CSS: Cascading Style Sheets
the mask-border-slice css property divides the image set by mask-border-source into regions.
...en four positions are specified, they create slices measured from the top, right, bottom, and left in that order (clockwise).
...tional fill value, if used, can be placed anywhere in the declaration.
...mentsinheritednopercentagesrefer to size of the mask border imagecomputed valueas specifiedanimation typediscrete formal syntax <number-percentage>{1,4} fill?where <number-percentage> = <number> | <percentage> examples basic usage this property doesn't appear to be supported anywhere yet.
mask-image - CSS: Cascading Style Sheets
the mask-image css property sets the image that is used as mask layer for an element.
...mask-image: linear-gradient(rgba(0, 0, 0, 1.0), transparent); mask-image: image(url(mask.png), skyblue); /* multiple values */ mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1.0), transparent); /* global values */ mask-image: inherit; mask-image: initial; mask-image: unset; syntax values none this keyword is interpreted as a transparent black image layer.
...to a css image.
... elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed valueas specified, but with <url> values made absoluteanimation typediscrete formal syntax <mask-reference>#where <mask-reference> = none | <image> | <mask-source>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient><mask-source> = <url>where <image()> = image( <image-tags>?
url() - CSS: Cascading Style Sheets
Web › CSS › url()
the url() css function is used to include a file.
...on is the value for the <url> data type.
...("https://www.example.com/") { ...
...le/symbol in css level 1, the url() functional notation described only true urls.
<url> - CSS: Cascading Style Sheets
Web › CSS › url
the <url> css data type denotes a pointer to a resource, such as an image or a font.
... the <url> css data type denotes a pointer to a resource, such as an image or a font.
... the <url> css data type denotes a pointer to a resource, such as an image or a font.
... the <url> css data type denotes a pointer to a resource, such as an image or a font.
white-space - CSS: Cascading Style Sheets
the white-space css property sets how white space inside an element is handled.
...hite-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: break-spaces; /* global values */ white-space: inherit; white-space: initial; white-space: unset; the white-space property is specified as a single keyword chosen from the list of values below.
...te-space: unset; the white-space property is specified as a single keyword chosen from the list of values below.
...es below.
Web Audio playbackRate explained - Developer guides
udiofile.mp3'); myaudio.playbackrate = 0.5; here we create an <audio> element, and set its src to a file of our choice.
...src to a file of our choice.
...ing us to react to the playback rate control being changed.
....5 and 4, leaving the video playing silently.
Rich-Text Editing in Mozilla - Developer guides
sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.innerhtml = ""; var opre = document.createelement("pre"); odoc.contenteditable = false; opre.id = "sourcetext"; opre.contenteditable = true; opre.appendchild(ocontent); odoc.appendchild(opre); } else { if (document.all) { odoc.innerhtml = odoc.innertext; }...
...type html><html><head><title>print<\/title><\/head><body onload=\"print();\">" + odoc.innerhtml + "<\/body><\/html>"); oprntwin.document.close(); } </script> <style type="text/css"> .intlink { cursor: pointer; } img.intlink { border: 0; } #toolbar1 select { font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock'...
...p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
...if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
HTML5 - Developer guides
Web › Guide › HTML › HTML5
s two different concepts.
... a server to push events to a client, rather than the classical paradigm where the server could send data only in response to a client's request.
...e the server could send data only in response to a client's request.
...a client's request.
Introduction to Web development - Developer guides
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.
... 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.
......
... from google's expert web developers cover the basics of html, css and javascript.
<a>: The Anchor element - HTML: Hypertext Markup Language
Web › HTML › Element › a
the html <a> element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a url can address.
...teractive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...gus href values cause unexpected behavior when copying/dragging links, opening links in a new tab/window, bookmarking, or when javascript is loading, errors, or is disabled.
...iencing low vision conditions, navigating with the aid of screen reading technology, or with cognitive concerns may be confused when a new tab, window, or application opens unexpectedly.
<blockquote>: The Block Quotation element - HTML: Hypertext Markup Language
the html <blockquote> element (or html block quotation element) indicates that the enclosed text is an extended quotation.
... the html <blockquote> element (or html block quotation element) indicates that the enclosed text is an extended quotation.
... the html <blockquote> element (or html block quotation element) indicates that the enclosed text is an extended quotation.
... content.
<dl>: The Description List element - HTML: Hypertext Markup Language
Web › HTML › Element › dl
the html <dl> element represents a description list.
...e mandatory.
...tes.
.../dl> multiple terms, single description <dl> <dt>firefox</dt> <dt>mozilla firefox</dt> <dt>fx</dt> <dd> a free, open source, cross-platform, graphical web browser developed by the mozilla corporation and hundreds of volunteers.
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
Web › HTML › Element › input
the html <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.
...xt, url text that appears in the form control when it has no value set readonly almost all boolean.
...uttons can be checked at a time.
... other words, if one is checked, tabbing skips the unchecked radio buttons in the group.
Compression in HTTP - HTTP
ents and servers.
...t to compress the body of the response and uses the content-encoding header to tell the browser the algorithm it has chosen.
...ended to activate it for all files, but already compressed ones like images, audio files and videos.
...ode transmitting the request advertizes its will using the te header and the other node chooses the adequate method, applies it, and indicates its choice with the transfer-encoding header.
Connection management in HTTP/1.x - HTTP
elies on tcp for its transport protocol, providing a connection between the client and the server.
...eused for several requests, saving the need for a new tcp handshake, and utilizing tcp's performance enhancing capabilities.
...s no longer needed (but it is often added as a defensive measure against cases requiring a fallback to http/1.0).
...el requests.
Access-Control-Allow-Origin - HTTP
given origin.
...s will result in an error.
...r file:) and sandboxed documents is defined to be "null".
...n can create a hostile document with a "null" origin.
CSP: upgrade-insecure-requests - HTTP
at users are not subject to ssl stripping attacks.
...mple.com that wants to migrate from http to https, non-navigational insecure resource requests are automatically upgraded (first-party as well as third-party requests).
...://not-example.com/image.png"> these urls will be rewritten before the request is made, meaning that no insecure requests will hit the network.
...report-only header and the report-uri directive, you can set-up an enforced policy and a reported policy like this: content-security-policy: upgrade-insecure-requests; default-src https: content-security-policy-report-only: default-src https:; report-uri /endpoint that way, you still upgrade insecure requests on your secure site, but the only monitoring policy is violated and reports insecure resources to your endpoint.
Content-Security-Policy-Report-Only - HTTP
rc https:; report-uri /csp-violation-report-endpoint/ if you still want to receive reporting, but also want to enforce a policy, use the content-security-policy header with the report-uri directive.
...rective the directive whose enforcement caused the violation.
...p-report": { "document-uri": "http://example.com/signup.html", "referrer": "", "blocked-uri": "http://example.com/css/style.css", "violated-directive": "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports", "disposition": "report" } } as you can see, the report includes the full path to the violating resource in blocked-uri.
...ou can see, the report includes the full path to the violating resource in blocked-uri.
Location - HTTP
Web › HTTP › Headers › Location
see also) responses always lead to the use of a get method, 307 (temporary redirect) and 308 (permanent redirect) don't change the method used in the original request; 301 (permanent redirect) and 302 (found) doesn't change the method most of the time, though older user-agents may (so you basically don't know).
...07 (temporary redirect) and 308 (permanent redirect) don't change the method used in the original request; 301 (permanent redirect) and 302 (found) doesn't change the method most of the time, though older user-agents may (so you basically don't know).
...nd 302 (found) doesn't change the method most of the time, though older user-agents may (so you basically don't know).
...nts may (so you basically don't know).
TypedArray.from() - JavaScript
the typedarray.from() method creates a new typed array from an array-like or iterable object.
... the typedarray.from() method creates a new typed array from an array-like or iterable object.
...u'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...and typedarray.from(): if the thisarg value passed to typedarray.from() is not a constructor, typedarray.from() will throw a typeerror, where array.from() defaults to creating a new array.
decodeURI() - JavaScript
the decodeuri() function decodes a uniform resource identifier (uri) previously created by encodeuri() or by a similar routine.
... the decodeuri() function decodes a uniform resource identifier (uri) previously created by encodeuri() or by a similar routine.
...resource identifier (uri) previously created by encodeuri() or by a similar routine.
...ctive example is stored in a github repository.
decodeURIComponent() - JavaScript
the decodeuricomponent() function decodes a uniform resource identifier (uri) component previously created by encodeuricomponent or by a similar routine.
... the decodeuricomponent() function decodes a uniform resource identifier (uri) component previously created by encodeuricomponent or by a similar routine.
...ent previously created by encodeuricomponent or by a similar routine.
... is stored in a github repository.
Autoplay guide for media and Web Audio APIs - Web media technologies
ly and only when needed.
...ionality the element has been created during page load enough media has been received to begin playback and continue to play through to the end of the media without interruption, assuming there are no dramatic changes in network performance or bandwidth.
...at playback failed due to a permission issue, such as autoplay being denied.
...ader like the following if fullscreen access is allowed regardless of the domain; a domain restriction can be added as well as needed.
Privacy, permissions, and information security
r recommend tactics for handling situations like this, browsers may offer different solutions to improve security even further or to try new features, or try to reduce complexity for users, among other possible reasons.
...--- allow attribute, feature policy, and permissions api stuff ---> a specific user experience issue that often arises is a document that's loaded with permission to access a resource and the document contains an <iframe> with the allow attribute to delegate that permission to the contents of the frame.
...g prompted repeatedly for that same resource, first by the main page, then by the document in the frame.
... in the frame.
Structural overview of progressive web apps - Progressive web apps (PWAs)
reen sizes, viewports or pixel densities, using technologies like the viewport meta tag, css media queries, flexbox, and css grid.
...ames"></a></p> </header> <main> <h1>js13kgames a-frame entries</h1> <p class="description">list of games submitted to the <a href="http://js13kgames.com/aframe"> a-frame category</a> in the <a href="http://2017.js13kgames.com">js13kgames 2017</a> competition.
...enttocache); }) ); }); with that done, we implement the service worker's fetch event handler; its job is to return the contents of the specified file, either from the cache or by loading it over the network (caching it upon doing so): self.addeventlistener('fetch', function(e) { e.respondwith( caches.match(e.request).then(function(r) { console.log('[service worker] fetching resource: '+e.request.url); return r || fetch(e.request).then(function(response) { return caches.open(cachename).then(function(cache) { console.log('[service worker] caching new resource: '+e.request.url); cache.put(e.request, response.clone()); return response; }); }); }) ); }); auxiliary javascript file: games.js the games data for this ...
...tch(e.request).then(function(response) { return caches.open(cachename).then(function(cache) { console.log('[service worker] caching new resource: '+e.request.url); cache.put(e.request, response.clone()); return response; }); }); }) ); }); auxiliary javascript file: games.js the games data for this app example is provided in a javascript source file called games.js.
specularExponent - SVG: Scalable Vector Graphics
the specularexponent attribute controls the focus for the light source.
...the specularexponent attribute controls the focus for the light source.
...height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fespecularlighting in="sourcegraphic" specularexponent="1"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fespecularlighting in="sourcegraphic" specularexponent="5"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fespecularlighting for <fespecularlighting>, specularexponent ...
... style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fespecularlighting for <fespecularlighting>, specularexponent defines the exponent value for the specular term.
xlink:href - SVG: Scalable Vector Graphics
the xlink:href attribute defines a reference to a resource as a reference iri.
...he immediate parent element of the current animation element.
... of an icc profile resource.
... element.
z - SVG: Scalable Vector Graphics
Web › SVG › Attribute › z
the z attribute defines the location along the z-axis for a light source in the coordinate system established by the primitiveunits attribute on the <filter> element, assuming that, in the initial coordinate system, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
...is comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
... html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fepointlight x="60" y="60" z="10" /> </fediffuselighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fepointlight x="60" y="60" z="50" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fepointlight for <fepointlight>, z defines the location along the z-axis for the light sou...
... translatex(220px);" /> </svg> fepointlight for <fepointlight>, z defines the location along the z-axis for the light source in the coordinate system established by the primitiveunits attribute on the <filter> element.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
ieved through convolutions, including blurring, edge detection, sharpening, embossing and beveling.
... with its neighboring pixel values to produce a resulting pixel value.
...gety" represents the value of the ‘targety’ attribute, "kernelmatrix" represents the value of the ‘kernelmatrix’ attribute, "divisor" represents the value of the ‘divisor’ attribute, and "bias" represents the value of the ‘bias’ attribute.
... illustrate, suppose you have a input image which is 5 pixels by 5 pixels, whose color values for one of the color channels are as follows: 0 20 40 235 235 100 120 140 235 235 200 220 240 235 235 225 225 255 255 255 225 225 255 255 255 and you define a 3-by-3 convolution kernel as follows: 1 2 3 4 5 6 7 8 9 let's focus on the color value at the second row and second column of the image (source pixel value is 120).
<feSpecularLighting> - SVG: Scalable Vector Graphics
the <fespecularlighting> svg filter primitive lights a source graphic using the alpha channel as a bump map.
...ometry of the input bump map.
...s an image which contains the specular reflection part of the lighting calculation.
... dom interface this element implements the svgfespecularlightingelement interface.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
tation status unknown svggraphicselement instead of svglocatable and svgtransformable implementation status unknown svggeometryelement with svggeometryelement.ispointinfill() and svggeometryelement.ispointinstroke() methods partially implemented (bug 1239100).
...unknown moved pathlength attribute and gettotallength() and getpointatlength() methods from svgpathelement to svggeometryelement implemented (bug 1239100) document structure change notes svgsvgelement.suspendredraw(), svgsvgelement.unsuspendredraw(), and svgsvgelement.unsuspendredrawall() deprecated turned into no-ops (bug 734079) externalresourcesrequired attribute removed implementation status unknown auto value for width and height in <image> implementation status unknown referencing entire document with <use> implementation status unknown lang attribute on <desc> and <title> implemented (bug 721920) css transforms on outermost <svg> not affecting svgsvgelement.currentscale or svgsvgelemen...
...et distances of text positioned along a transformed path measured in text elements coordinate system implementation status unknown embedded content change notes <video> implementation status unknown <audio> implementation status unknown <iframe> implementation status unknown <canvas> implementation status unknown <source> implementation status unknown <track> implementation status unknown painting change notes paint-order implemented (bug 828805) will-change instead of buffered-rendering implementation status unknown context-fill and context-stroke paint values implemented (bug 719286 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) and ...
...cusout instead of domfocusin and domfocusout implementation status unknown keyboard events implementation status unknown mutation events removed implementation status unknown svgzoomevent removed implementation status unknown <cursor> element deprecated implementation status unknown linking change notes link svg resources with fragment identifiers implementation status unknown xlink:type, xlink:role, xlink:arcrole, xlink:show, and xlink:actuate attributes removed implementation status unknown xlink:href attribute deprecated in favor of href implemented (bug 1245751) xlink:title attribute deprecated in favor of child <title> implementation status unknown spaces in sv...
self - Archive of obsolete content
e used for apis which require a valid uri string, such as the passwords module.
...me way, such as json, xml, plain text, or perhaps an html template.
...can use "./myfile.html" as an alias for self.data.url("myfile.html").
stylesheet/style - Archive of obsolete content
ules are verified to be a string or array of strings.
... array of strings, that contains css rules.
...ied with uri options, if provided.
Creating Event Targets - Archive of obsolete content
o listen for these events using the sdk's standard event api.
...ng the output in the console.
...ass bookmarkmanager that inherits from eventtarget and emits added and visited events.
Adding sidebars - Archive of obsolete content
<treecell label="hey, what's up?" /> </treerow> </treeitem> <treeitem> <treerow> <treecell label="john"/> <treecell label="good evening, how are you doing?" /> </treerow> </treeitem> </treechildren> </tree> the text in the rows of the tree is hardcoded because we wouldn't generally use text from locale files.
...hild row for "john jr.".
...time and yields a great deal of xml code that is hard to follow.
Performance best practices in extensions - Archive of obsolete content
al things you can do to reduce the amount of time your extension delays the appearance of the user's desired content.
...ur extension's functionality and checking the contents of about:memory for any excessive memory usage.
...tils javascript module provides two methods for lazily loading things: definelazygetter() defines a function on a specified object that acts as a getter which will be created the first time it's used.
Security best practices in extensions - Archive of obsolete content
igned certificates.
...ys of remote scripts being used in extensions.
...n by others is very common.
Creating reusable content with CSS and XBL - Archive of obsolete content
this page illustrates how you can use css in mozilla to improve the structure of complex applications, making code and resources more easily reusable.
...ing: url("square.xbl#square"); } make a new text file, square.xbl.
...t file, square.xbl.
ActiveX Control for Hosting Netscape Plug-ins in IE - Archive of obsolete content
is standalone from the rest of the mozilla project.
... the mozilla project.
...l .
Bonsai - Archive of obsolete content
o includes tools for looking at checkin logs (and comments); doing diffs between various versions of a file; and finding out which person is responsible for changing a particular line of code ("cvsblame").
...a source mainline.
....
Compiling The npruntime Sample Plugin in Visual Studio - Archive of obsolete content
n the wizard).
...te files later.
...e must start with "np", so either call your project like this or rename the file later delete the .cpp and .h and readme files from the project and disk (if you did not create an empty project) copy the npruntime sample plugin source code into the dir of the new vs project and add the files to the project using the vs gui (.cpp files to "source files", .h files to "header files", .rc file to "resource files").
Making a Mozilla installation modifiable - Archive of obsolete content
of the original jar archives.
...!/something-else...
...e jar archives.
Creating a Mozilla Extension - Archive of obsolete content
ications).
...u for opening multiple links in a document or selection).
...g the current status of the mozilla source code (i.e.
Building Firefox with Rust code - Archive of obsolete content
ou would add: extern crate e10s; to toolkit/library/rust/shared/lib.rs; you would also need to specify the path to that crate in the dependencies section of toolkit/library/rust/shared/cargo.toml: [dependencies] e10s = { path = "../../../../path/from/srcdir/e10s" } the e10s crate must also be checked into the tree at the appropriate path.
...uild system will check that there's only one copy of a given crate in a build; this was a deliberate decision to try and avoid code bloat in libxul.
...erate decision to try and avoid code bloat in libxul.
Twitter - Archive of obsolete content
, most everything there applies here, and not much applies here that doesn't apply there.
...ord if the user is not already authenticated with twitter.
...e()), error: function (xhr, errmsg, errobj) console.error(xhr.responsetext) }); friends of a user jetpack.lib.twitter.statuses.friends({ id: "mozlabs", page: 3, success: function (data, status) console.log(data.tosource()), error: function (xhr, errmsg, errobj) console.error(xhr.responsetext) }); trends jetpack.lib.twitter.trends({ success: function (data, status) console.log(data.tosource()), error: function (xhr, errmsg, errobj) console.error(xhr.responsetext) }); searching jetpack.lib.twitter.search({ q: "#jetpack", lang: "ja", rpp: 10, page: 5, since_id: 1337, success: function (data, status) console.log(data.tosource()), error: function (xhr, errmsg, errobj) console.error(xhr.responsetext) }); ...
Static Analysis for Windows Code under Linux - Archive of obsolete content
ehydra support for mingw.
...the patches which enable plugins cd gcc-4.3.0/ # create an hg repository.
...it easy to apply patches, they can be applied manually hg init .
Tamarin - Archive of obsolete content
tamarin build documentation how to get, build, and use tamarin.
...t hook instructions for installing and using the mercurial hook for tamarin.
...ki.mozilla.org more documentation.
Venkman - Archive of obsolete content
rticle describes breakpoints in javascript and how to use venkman to set and examine breakpoints.
... these releases come with venkman pre-installed.
...venkman pre-installed.
execute - Archive of obsolete content
summary launches a file inside the install archive.
... summary launches a file inside the install archive.
... summary launches a file inside the install archive.
registerChrome - Archive of obsolete content
ster language packs.
...equire a path inside the archive, as it does now in order to locate the more flexible contents.rdf format of installation archives.
....
allownegativeassertions - Archive of obsolete content
« xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
... « xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
... « xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
coalesceduplicatearcs - Archive of obsolete content
« xul reference home coalesceduplicatearcs type: boolean valid on any element that has a datasources attribute.
... « xul reference home coalesceduplicatearcs type: boolean valid on any element that has a datasources attribute.
... « xul reference home coalesceduplicatearcs type: boolean valid on any element that has a datasources attribute.
querytype - Archive of obsolete content
« xul reference home querytype type: string indicates the type of datasource used in a template.
... « xul reference home querytype type: string indicates the type of datasource used in a template.
... « xul reference home querytype type: string indicates the type of datasource used in a template.
uri - Archive of obsolete content
Archive › Mozilla › XUL › Property › uri
« xul reference uri type: ?
... « xul reference uri type: ?
... « xul reference uri type: ?
Attribute Substitution - Archive of obsolete content
<textnode value="?description"/></description> the resulting generated content might be: <description>view from the top of the tower looking east of the doges palace</description> note that the textnode has been replaced with the substituted value attribute.
...the resulting generated content might be: <description>view from the top of the tower looking east of the doges palace</description> note that the textnode has been replaced with the substituted value attribute.
...ate.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
chrome://myextension/skin/toolbar-button.css if you are developing for firefox 1.0, attach it to the customize toolbar window (chrome://global/content/customizetoolbar.xul) using skin/contents.rdf.
...) using skin/contents.rdf.
...s:chrome="http://www.mozilla.org/rdf/chrome#"> <seq about="urn:mozilla:skin:root"> <li resource="urn:mozilla:skin:classic/1.0"/> </seq> <description about="urn:mozilla:skin:classic/1.0"> <chrome:packages> <seq about="urn:mozilla:skin:classic/1.0:packages"> <li resource="urn:mozilla:skin:classic/1.0:myextension"/> </seq> </chrome:packages> </description> <seq about="urn:mozilla:stylesheets"> <li resource="chrome://global/content/customizetoolbar.xul"/> </seq> <seq about="chrome://global/content/customizetoolbar.xul"> <li>chrome://myextension/skin/toolbar-button.css</li> </seq> </rdf> the skin/contents.rdf file is denigrated in developing for later releases of firefox.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
ese two files: chrome.rdf overlays.rdf explanation: seamonkey automatically rebuilds these files the next time it starts.
...ain text file named contents.rdf.
...) and open it, placing your xul file within.
Adding HTML Elements - Archive of obsolete content
ents and they would not display because img, input, table, and so on are not valid xul tags.
...h as a p tag).
...th a check box example 2 : source view <html:p> click the box below to remember this decision.
Adding Labels and Images - Archive of obsolete content
nto groups.
... attribute you can use the control attribute to set which control the label is associated with.
...is useful for informative text at the top of a dialog or a group of controls for example.
Adding Methods to XBL-defined Elements - Archive of obsolete content
« previousnext » next, we'll find out how to add custom methods to xbl-defined elements.
...s in addition to adding script properties to the xbl-defined element, you can also add methods.
...nside the anonymous content, you can use the getbindingparent method of the document to get the element that the binding is bound to.
Broadcasters and Observers - Archive of obsolete content
if you place the disabled attribute on the command element, any elements hooked up to it will also become disabled automatically.
... using the observes attribute.
... use any observes elements, and instead use the observes attribute directly on the button, all attributes will be observed.
Commands - Archive of obsolete content
y its id attribute.
...d.
...onevent (event) this method handles an event.
Content Panels - Archive of obsolete content
frame with the src attribute.
...file, although it will usually point to an html file or another xul file.
...browser, provides the functionality of browser but also provides a tab bar for switching between multiple pages.
Groupboxes - Archive of obsolete content
roupbox is displayed in a special way—usually with a beveled border and a caption, although you can change the appearance using css.
... a vertical orientation by default which is necessary to have the text elements stack in a single column.
...elements together.
Introduction - Archive of obsolete content
te most elements found in modern graphical interfaces.
...ern graphical interfaces.
...ments can be populated with this data, or with your own data supplied in an rdf file.
Keyboard Shortcuts - Archive of obsolete content
e already seen in the section on menus that we can define an attribute called accesskey which specifies the key which a user can press to activate the menu or menu item.
...ent them yourself.
...hortcut as described earlier.
Stacks and Decks - Archive of obsolete content
e a status indicator needs to be added over an existing element.
...could completely style the shadow apart from the main text.
...the pages of the deck.
XUL Structure - Archive of obsolete content
« previousnext » we'll begin by looking at how the xul is handled in mozilla.
...oth html and xul, and many of the features can be shared between both.
...it is handy during development since you can edit the file directly and then reload the xul file without having to repackage or reinstall the files.
arrowscrollbox - Archive of obsolete content
"orange"/> <button label="silver"/> <button label="lavender"/> <button label="gold"/> <button label="turquoise"/> <button label="peach"/> <button label="maroon"/> <button label="black"/> </arrowscrollbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width c...
...rrowscrollboxes only.
... elements with a higher tabindex are later in the tab sequence.
assign - Archive of obsolete content
xes declared on the element may be used within the expression.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
bbox - Archive of obsolete content
Archive › Mozilla › XUL › bbox
[ examples | attributes | properties | methods | related ] a horizontal box that is baseline aligned.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
broadcaster - Archive of obsolete content
to have their disabled status set when the feature should be disabled, you should use a command element instead.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
broadcasterset - Archive of obsolete content
roperties | methods | related ] a container element for broadcaster elements.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
column - Archive of obsolete content
is common to use columns only to define width and flexibility for the grid column and not place elements directly inside the column.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
columns - Archive of obsolete content
umns element occupy the full height of the grid and are placed in their corresponding positions between the columns.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
command - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a command element can be used to invoke an operation that can come from multiple sources.
...vent listeners registered for them in content will not be executed.
...ases, it won't receive them.
grippy - Archive of obsolete content
es | methods | related ] an element that may be used inside a splitter which can be used to collapse a sibling element of the splitter.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
groupbox - Archive of obsolete content
roperties accessibletype examples <groupbox> <caption label="settings"/> <radiogroup> <radio label="black and white"/> <radio label="colour"/> </radiogroup> <checkbox label="enabled"/> </groupbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...on, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... a value indicating the type of accessibility object for the element.
hbox - Archive of obsolete content
Archive › Mozilla › XUL › hbox
efaults to horizontal orientation.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
iframe - Archive of obsolete content
parent properties accessibletype, contentdocument, contentwindow, docshell, webnavigation examples <iframe src="table.php" flex="2" id="browsertable" name="table_frame"/> selecting an url from a menu <menulist oncommand="donav(this);"> <menupopup> <menuitem label="mozilla" value="http://mozilla.org" /> <menuitem label="slashdot" value="http://slashdot.org"/> <menuitem label="sourceforge" value="http://sf.net" /> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </menulist> <iframe id="myframe" flex="1"/> <script> function donav(obj) { var url = obj.selecteditem.value; // note the firstchild is the menupopup element document.getelementbyid('myframe').setattribute('src', url); } </script> attributes showcaret type: boolean whethe...
...ty problems!
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
observes - Archive of obsolete content
alled on the observer.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
page - Archive of obsolete content
Archive › Mozilla › XUL › page
« xul reference home [ examples | attributes | properties | methods | related ] similar to a window, except it should be used for xul files that are to be loaded into an iframe.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
preferences - Archive of obsolete content
nsiprefbranch rootbranch; the root prefs branch.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods void firechangedevent(in domelement preference); creates and dispatches a changed (non-bubbling) event to the specified preference element.
queryset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container for query elements when more than one query is used.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
resizer - Archive of obsolete content
ars in the bottom corner of the window, used for resizing the window.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
row - Archive of obsolete content
Archive › Mozilla › XUL › row
determines the number of columns in each row, which may be smaller or larger than the number of column elements defined in the grid.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
rows - Archive of obsolete content
Archive › Mozilla › XUL › rows
nts placed inside a rows element occupy the full width of the grid and are placed in their corresponding positions between the rows.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
rule - Archive of obsolete content
Archive › Mozilla › XUL › rule
where, binding and/or action elements.
...esponding tag.
...he rule will only match rdf nodes with a parse type of integer.
script - Archive of obsolete content
lways use the latest available javascript version.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
scrollbox - Archive of obsolete content
t.boxobject.queryinterface( components.interfaces.nsiscrollboxobject); xpcominterface.ensureelementisvisible(child_element_to_make_visible); see the nsiscrollboxobject api for other scroll-related methods.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
scrollcorner - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used for the small box where the horizontal and vertical scrollbars meet.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
separator - Archive of obsolete content
or vertical separator.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
spacer - Archive of obsolete content
ny space.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
spinbuttons - Archive of obsolete content
elements, but are used in combination with other elements to create a control that can be increased and decreased.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
stack - Archive of obsolete content
Archive › Mozilla › XUL › stack
ing width of the top-most hbox will be 400px (600px - 200px - 0) : <stack width="600"> <hbox flex="1"> <!-- content --> </hbox> <hbox left="0" right="200" > <!-- some content here.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
stringbundle - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] an element which can be used to load localized resources from property files.
... properties applocale , src, stringbundle, strings methods getformattedstring, getstring examples (example needed) attributes src type: uri the uri of the property file that contains the localized strings.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
stringbundleset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container for stringbundle elements.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
tabpanel - Archive of obsolete content
| related ] a individual panel in a tabpanels element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
titlebar - Archive of obsolete content
dow: 0 1px 8px rgba(0, 0, 0, 0.8); margin: 8px 12px 16px;"/> </window> it can be opened from the error console like this: open("file:///users/markus/sites/hudwindow.xul", "", "chrome=1, titlebar=0") attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note:...
...querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents attribute did not work for title bars prior to firefox 3.
...wevents attribute did not work for title bars prior to firefox 3.
toolbarset - Archive of obsolete content
erence home [ examples | attributes | properties | methods | related ] firefox only this element is used as a container for custom toolbars, which are added in the custom toolbar dialog.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient...
..., template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelements...
treecell - Archive of obsolete content
operty names sets the properties of the element, which can be used to style the element.
...elements, the contents, as visible to the user, are read and set using the menulist.value syntax.
...do not access or affect the contents displayed to the user.
treechildren - Archive of obsolete content
butes alternatingbackground obsolete since gecko 2.0 type: boolean if true, the background of the tree's rows will alternate between two colors.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
treecol - Archive of obsolete content
xml attribute to have the data in the column sorted based on that property.
...for your columns causes gecko to allow the tree to be scrolled horizontally if it is wider than the available space.
...r a value indicating the type of accessibility object for the element.
treeitem - Archive of obsolete content
is not present if the menu is closed.
... an element that is a descendant of a template.
... in the rdf datasource.
treerow - Archive of obsolete content
perties examples (example needed) attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
treeseparator - Archive of obsolete content
perties examples (example needed) attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
vbox - Archive of obsolete content
Archive › Mozilla › XUL › vbox
xcept it defaults to vertical orientation.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
where - Archive of obsolete content
Archive › Mozilla › XUL › where
alue of subject must end with the value contains the value of subject must contain the value as a substring subject type: string the variable or string to compare.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orie...
...template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
window - Archive of obsolete content
h between a browser window and an editor window.
...r window and an editor window.
...r: http://mxr.mozilla.org/mozilla-release/search?string=windowtype navigator:browser - looks like if window has gbrowser it has this window type devtools:scratchpad - scratchpad windows navigator:view-source - the view source windows properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
XULRunner 1.9.1 Release Notes - Archive of obsolete content
xulrunner 1.9.1 is a stable release of the mozilla xulrunner application framework.
...r xulrunner just as you registered it during installation.
...at code yet!
XULRunner 1.9.2 Release Notes - Archive of obsolete content
xulrunner 1.9.2 is a stable release of the mozilla xulrunner application framework.
...talled on mac os x, it is not possible to uninstall only one version.
...nobody has written that code yet!
XULRunner 1.9 Release Notes - Archive of obsolete content
xulrunner 1.9 is a stable release of the mozilla xulrunner application framework.
...ulrunner just as you registered it during installation.
...ody has written that code yet!
XULRunner 2.0 Release Notes - Archive of obsolete content
xulrunner 2.0 is a stable release of the mozilla xulrunner application framework.
...ister xulrunner just as you registered it during installation.
...nobody has written that code yet!
Building XULRunner - Archive of obsolete content
xulrunner is built using basically the same process as firefox or other applications.
...stone.txt .
... get the mapping from a certain binary firefox version to the corresponding xulrunner version.
Building XULRunner with Python - Archive of obsolete content
ava script.
...t 2003 (msvc71) which is not longer officially available.
... mk_add_options moz_objdir=@topsrcdir@/../obj-xulrunner mk_add_options moz_co_project=xulrunner ac_add_options --enable-application=xulrunner ac_add_options --enable-extensions=python,default ac_add_options --disable-javaxpcom ac_add_options --disable-activex ac_add_options --disable-activex-scripting ac_add_options --disable-tests ac_add_options --enable-optimize to check out all the required source code and build it the first time with no local client.mk file, execute cd /c/projects cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/client.mk cd mozilla make -f client.mk for subsequent updates from cvs followed by a build, use cd /c/projects/mozilla make -f client.mk which will also checkout client.mk itself for build only, without checkouts, use make -f client.mk ...
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
nents] name: main; description: my app; types: full compact custom; flags: fixed name: runtime; description: xul runner runtime; types: full custom [tasks] name: desktopicon; description: {cm:createdesktopicon}; groupdescription: {cm:additionalicons}; flags: unchecked name: quicklaunchicon; description: {cm:createquicklaunchicon}; groupdescription: {cm:additionalicons}; flags: unchecked [files] source: c:\develop\xulrunnerinstaller\myapp\myapp.exe; destdir: {app}; components: main; flags: ignoreversion source: c:\develop\xulrunnerinstaller\myapp\application.ini; destdir: {app}; components: main; flags: ignoreversion source: c:\develop\xulrunnerinstaller\myapp\chrome\*; excludes: .svn; destdir: {app}\chrome; components: main; flags: ignoreversion recursesubdirs createallsubdirs source: c:\devel...
...ication.ini; destdir: {app}; components: main; flags: ignoreversion source: c:\develop\xulrunnerinstaller\myapp\chrome\*; excludes: .svn; destdir: {app}\chrome; components: main; flags: ignoreversion recursesubdirs createallsubdirs source: c:\develop\xulrunnerinstaller\myapp\defaults\*; excludes: .svn; destdir: {app}\defaults; components: main; flags: ignoreversion recursesubdirs createallsubdirs source: c:\develop\xulrunnerinstaller\myapp\xulrunner\*; destdir: {app}\xulrunner; components: runtime; flags: ignoreversion recursesubdirs createallsubdirs ; note: don't use "flags: ignoreversion" on any shared system files [icons] name: {group}\my app; filename: {app}\myapp.exe name: {group}\{cm:uninstallprogram,xul explorer}; filename: {uninstallexe} name: {userdesktop}\my app; filename: {app}\myapp...
...l skipifsilent step 4: building an installer once your script is ready, start the inno setup compiler, load the script file, and compile it.
Extentsions FAQ - Archive of obsolete content
(and thunderbird!) is there any way to write a regular extension that returns a "dummy" object when an instance of "@mozilla.org/helperapplauncherdialog;1" is created?
...tionality as follows: all flags are stored in your local cache and are lost if your cache gets invalidated, and only "known" properties are copied when messages are copied.
... until after it's upgrade?
2006-12-01 - Archive of obsolete content
announcements introducing rhinoloader a byproduct of helma that extends java applications with rhino/js.
...ce version of a server side javascript.
...er side inquiry about why javascript hasn't caught on for general server-side scripting.
Threats - Archive of obsolete content
isclosure, or modification of information, and/or denial of service.
... disgruntled employee, or remote, such as an attacker in another geographical area.
...at source is the cause of a threat, such as a hostile cyber or physical attack, a human error of omission or commission, a failure of organization-controlled hardware or software, or other failure beyond the control of the organization.
Solaris 10 Build Prerequisites - Archive of obsolete content
optional software jds common build environment (cbe).
...h gnome-2-20.
...vn+ssh://anon at svn dot opensolaris dot org/svn/jds/spec-files/branches/gnome-2-20 5.
Theme changes in Firefox 4 - Archive of obsolete content
efox 4 achieves performance improvements by moving many of its internal parts from being standalone files or sets of jar files into just one jar file; this reduces the amount of i/o needed to load firefox.
...d firefox.
...hat they need to pull out and work with are now in a new place.
Scratchpad - Archive of obsolete content
xecute it in various ways depending on how you want to use the output.
... create a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl + p cmd + p ctrl + p show autocomplete suggestions ctrl + space ctrl + space ctrl + space show inline documentation ctrl + shift + space ctrl + shift + space ctrl + shift + space source editor shortcuts this table lists the default shortcuts for the source editor.
...cuts for the source editor.
Using SSH to connect to CVS - Archive of obsolete content
introduction this document is a guide to setting up access to cvs.mozilla.org using ssh.
...h an http tunneling proxy, you can use a program called corkscrew, in combination with the proxycommand ssh config directive to continue to access the mozilla cvs server.
... config directive to continue to access the mozilla cvs server.
JSException - Archive of obsolete content
rgument, specifying the detail message or other information for the exception.
...jsexception object with an optional detail message.
...xception(string s) 3.
XForms Custom Controls - Archive of obsolete content
ml.xml#xformswidget-output binding.
... engine.
...node getboundnode(); /** * set the content of the instance node.
bootstrap.js - Extensions
d sandbox, which is cached until the extension is shut down.
... /// nsiuri resourceuri /// /// reason types: /// app_startup /// addon_enable /// addon_install /// addon_upgrade /// addon_downgrade } function shutdown(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// app_shutdown /// addon_disable /// addon_uninstall /// addon_upgrade /// addon_downgrade } function install(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// ...
...ng version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// addon_install /// addon_upgrade /// addon_downgrade } function uninstall(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// addon_uninstall /// addon_upgrade /// addon_downgrade } ...
Building up a basic demo with PlayCanvas - Game development
playcanvas is a popular 3d webgl game engine, originally created by will eastcott and dave evans.
...e playcanvas toolset comes with an online editor that you can use to drag and drop components onto the scene — a great way to create games and other apps requiring scenes if you're more of a designer than a coder.
... can also use the online editor.
GLSL Shaders - Game development
<body> tag: the first one will contain the vertex shader.
...the third one will contain the actual javascript code generating the scene.
... renderer.render(scene, camera); } render(); css body { margin: 0; padding: 0; font-size: 0; } canvas { width: 100%; height: 100%; } result conclusion this article has taught the very basics of shaders.
3D games on the Web - Game development
library, it provides built-in functions to help you implement common 3d functionality more quickly.
... can export your game to webgl with asm.js, so you're free to use their tools and techniques to build games that will be exported to the web.
...h asm.js, so you're free to use their tools and techniques to build games that will be exported to the web.
Implementing controls using the Gamepad API - Game development
e to shoot down the food, but once again you also have to find the type of food the fridge wants to eat at each point, or else you'll lose energy.
...useful.
...er they should be put back, and in what form.
DoS attack - MDN Web Docs Glossary: Definitions of Web-related terms
dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
... dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
... dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
... dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
... dos (denial of service) is a network attack that prevents legitimate use of server resources by flooding the server with requests.
Fetch directive - MDN Web Docs Glossary: Definitions of Web-related terms
csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
... csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
... csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
RDF - MDN Web Docs Glossary: Definitions of Web-related terms
rdf (resource description framework) is a language developed by w3c for representing information on the world wide web, such as webpages.
... rdf (resource description framework) is a language developed by w3c for representing information on the world wide web, such as webpages.
... rdf (resource description framework) is a language developed by w3c for representing information on the world wide web, such as webpages.
URI - MDN Web Docs Glossary: Definitions of Web-related terms
a uri (uniform resource identifier) is a string that refers to a resource.
... a uri (uniform resource identifier) is a string that refers to a resource.
... a uri (uniform resource identifier) is a string that refers to a resource.
World Wide Web - MDN Web Docs Glossary: Definitions of Web-related terms
e cern physics research lab in 1990.
....
... the http protocol governs data transfer between a server and a client.
Flexbox - Learn web development
the main axis, with a bit of space left at either end.
... order: 1; } refresh, and you'll now see that the "smile" button has moved to the end of the main axis.
...es set on them will appear later in the display order than items with lower order values.
Introduction to CSS layout - Learn web development
w is how the browser lays out html pages by default when you do nothing to control page layout.
... then have to do is add a bit of sizing, margin, etc.
...label, form input { display: table-cell; margin-bottom: 10px; } form label { width: 200px; padding-right: 5%; text-align: right; } form input { width: 300px; } form p { display: table-caption; caption-side: bottom; width: 300px; color: #999; font-style: italic; } this gives us the following result: you can also see this example live at css-tables-example.html (see the source code too.) multi-column layout the multi-column layout module gives us a way to lay out content in columns, similar to how text flows in a newspaper.
Practical positioning examples - Learn web development
this includes information-heavy apps like strategy/war games, mobile versions of websites where the screen is narrow and space is limited, and compact information boxes where you might want to make lots of information available without having it fill the whole ui.
...xample — our info-box — and add it into the context of a full web page.
...des on and off the screen at the press of an icon — as mentioned earlier, this is popular for situations like mobile layouts, where the available screen spaces is small, so you don't want to use up most of it by showing a menu or info panel instead of the useful content.
What is the difference between webpage, website, web server, and search engine? - Learn web development
ng there is no active learning available yet.
...sers can also display other documents such as pdf files or images, but the term web page specifically refers to html documents.
... responding and therefore the website is not available.
How do you upload your files to a web server? - Learn web development
examplehostingprovider.net/) in your browser: and voilà!
...sions exist too.
...r.
HTML Cheatsheet - Learn web development
this text is in normal format.
...this text is in code format.
...ded audio <audio controls="controls" src="https://udn.realityripple.com/samples/b7/193cb038d0.mp3">your browser does not support the html5 audio element.</audio> your browser does not support the html5 audio element.
Tips for authoring fast-loading HTML pages - Learn web development
in page-load performance.
...nation of unnecessary whitespace and comments, commonly known as minimization, and by moving inline script and css into external files, can improve download performance with minimal need for other changes in the page structure.
...ace and comments, commonly known as minimization, and by moving inline script and css into external files, can improve download performance with minimal need for other changes in the page structure.
Images in HTML - Learn web development
d simple images in html, annotate them with captions, and how html images relate to css background images.
...again, stealing someone's bandwidth is illegal.
...barrassing.
Test your skills: Multimedia and embedding - Learn web development
rowsers display some default controls.
... this task to work in your own editor or in an online editor.
...tures besides.
Manipulating documents - Learn web development
to the correct elements as it renders a page, and developers like you can manipulate the dom with javascript after the page has been rendered.
... = 'we hope you enjoyed the ride.'; you can now append the new paragraph at the end of the section using node.appendchild(): sect.appendchild(para); finally for this part, let's add a text node to the paragraph the link sits inside, to round off the sentence nicely.
...ouple of sections we will look at a couple of more practical uses of dom apis.
What is JavaScript? - Learn web development
ally, we can add some javascript to implement dynamic behaviour: const para = document.queryselector('p'); para.addeventlistener('click', updatename); function updatename() { let name = prompt('enter a new name'); para.textcontent = 'player 1: ' + name; } try clicking on this last version of the text label to see what happens (note also that you can find this demo on github — see the source code, or run it live)!
...er runs it.
...a binary format, which was generated from the original program source code.
Aprender y obtener ayuda - Learn web development
rence material, to allow you to look up details you may have forgotten (such as "what is the syntax of the css background property"?) mdn web docs is very good for both types — the area you are currently in is great for learning techniques and concepts, and we also have several giant reference sections allowing you to look up any syntax you can't remember.
....
...me related keywords (as indicated above), or try a general web search.
Properly configuring server MIME types - Learn web development
ain out of date information, as it has not been significantly updated in many years.
...r the following reasons: loss of control if the browser ignores the reported mime type, web administrators and authors no longer have control over how their content is to be processed.
...ile and use tools | page info.
Getting started with Ember - Learn web development
c css inside your app: npm install --save-dev todomvc-app-css todomvc-common next, find the ember-cli-build.js file inside the todomvc directory (it's right there inside the root) and open it in your chosen code editor.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Routing in Ember - Learn web development
ve covered here has parity with the original todomvc app, such as editing, deleting, and persisting todos across page reloads.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Framework main features - Learn web development
add(a: number, b: number) { return a + b; } the : number written after each parameter here tells typescript that both a and b must be numbers.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Accessibility in React - Learn web development
usive experiences for users.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Componentizing our React app - Learn web development
ou look back at your browser, you'll notice something unfortunate: your list now repeats the first task three times!
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Working with Svelte stores - Learn web development
ll have to copy and paste all this code every time you want to subscribe to a store: <script> import mystore from './stores.js' import { ondestroy } from 'svelte' let mystorecontent = '' const unsubscribe = mystore.subscribe(value => mystorecontent = value) ondestroy(unsubscribe) </script> {mystorecontent} that's too much boilerplate for svelte!
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Getting started with Vue - Learn web development
often where you register global components or additional vue libraries.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Focus management with Vue refs - Learn web development
1); this.$refs.listsummary.focus(); } now, when you delete an item from your list, focus should be moved up to the list heading.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Rendering a list of Vue components - Learn web development
date the label="my todo item" attribute to :label="item.label", and the :done="false" attribute to :done="item.done", as seen in context below: <ul> <li v-for="item in todoitems" :key="item.id"> <to-do-item :label="item.label" :done="item.done"></to-do-item> </li> </ul> now when you look at your running app, it'll show the todo items with their proper names, and if you inspect the source code you'll see that the inputs all have unique ids, taken from the object in the app component.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Introduction to automated testing - Learn web development
ncies property.
...idy = require('gulp-htmltidy'); add the following test to the bottom of gulpfile.js: function html(cb) { return gulp.src('src/index.html') .pipe(htmltidy()) .pipe(gulp.dest('build')); cb(); } here we are grabbing our development index.html file with gulp.src(), which allows us to grab a source file to do something with.
...dex.html') .pipe(htmltidy()) .pipe(gulp.dest('build')); cb(); } here we are grabbing our development index.html file with gulp.src(), which allows us to grab a source file to do something with.
Package management basics - Learn web development
r code for production however, this code is not ready for production.
...the code and only include the functions that we're actually using in production — a process known as "tree shaking".
... ✨ built in 7.87s.
Chrome Worker Modules
red way to define and load modules for chrome workers is to use the chrome worker module loader.
...ed to do it once for each worker, from within the chrome worker itself: importscripts("resource://gre/modules/workers/require.js"); note: although you only need to do this once for each worker, it doesn't hurt if you do it more than once.
...blic"; exports.key = publickey; // secretkey is not exported // publickey is exported with name "key" alternatively, if you prefer that style, you may write // variable |module| is a special global introduced by require() module.exports = { key: publickey }; once this is done, we may load the module and use the values that have been exported // assuming that mymodule.js is installed to resource://gre/modules/mymodule.js let module = require("resource://gre/modules/mymodule.js") foo(module.key); // module.key == "this is public"; // however, secretkey is not exported and cannot be used for the installation of resources, please see the documentation on moz.build (if your code is part of the platform) or on chrome manifests (if your code is part of an add-on).
Accessibility API cross-reference
e document or related documents.
...ormation for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar.
...an extend selection extselectable n/a n/a not clipped to boundary of parent, does not auto-move with parent floating n/a n/a identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.
Information for External Developers Dealing with Accessibility
multiple platforms.
...e for the arrow keys, how to move the insertion point with keys, how to extent text selection with keys, functions of function keys, what are reserved keyboard shortcuts, how to create your own keyboard shortcuts, keyboard focus and navigation, type-ahead and key-repeat, etc.
...xt selection with keys, functions of function keys, what are reserved keyboard shortcuts, how to create your own keyboard shortcuts, keyboard focus and navigation, type-ahead and key-repeat, etc.
Android-specific test suites
droid with your changes; then run ./mach android test this will run the tests and report the results to stdout, as well as produce an html report.
...estrunner.class) public class testpermissions { @ignore @test public void testsuccessrunnableisexecutedifpermissionsaregranted() { ...
...duct in bugzilla.
Choosing the right memory allocator
there are a lot of different memory allocators in the mozilla source tree.
...ring() or tonewunicode() to allocate strings that will be passed out.
...within plugins there are special memory allocation routines specifically intended for use from plugins, which must not be used from within mozilla itself.
Debugging JavaScript
on in the developer tool settings.
...e gives you more types of warnings on the error console, most of which hint at code bugs that are easy to oversee or even bad syntax.
...indows you additionally need to start firefox via the following command to have a native console : firefox.exe -console using normal javascript object inspection, you can write a function that dumps a whole object, similar to this ddumpobject().
Makefiles - Best practices and suggestions
within a sandbox should always be a nop.
... hardcoded values - avoid them like the plague.
... only do work on the specific hardware or class of hardware.
Simple SeaMonkey build
i/o- and cpu-intensive, and can take a long time to build even on modern hardware.
...g.
...ly) fix this, cd to a dir without spaces before doing the "hg clone" command above.
Reviewer Checklist
submitting patches to mozilla source code needn't be complex.
...short, empty, malformed, or malicious.
...eaks are largely due to singletons holding on to caches and collections, or observers sticking around, or runnables sitting in a queue.
Browser API
igate backwards.
...orward.
... retrieves the x and y dimensions of the content window.
Overview of Mozilla embedding APIs
ocument for more information.
...d, unloaded and accessed.
...ack interfaces.
Gecko SDK
the gecko sdk, also known as the xulrunner sdk, is a set of xpidl files, headers and tools to develop xpcom components which can then in turn e.g.
...spr functions (under include/) import libraries or shared libraries (under lib/) static utility libraries (under lib/) various tools (under bin/) for more information about safely linking xpcom components using the xpcom "glue" library, see xpcom glue.
...) static utility libraries (under lib/) various tools (under bin/) for more information about safely linking xpcom components using the xpcom "glue" library, see xpcom glue.
Extending a Protocol
w.
...arent.cpp.
...r) { puts("[echoparent] recvecho() - yay!"); aresolver(astring); // let's send it back!
Add-on Manager
ending on when the requested data becomes available.
...ed add-ons are dispatched to any registered addonlisteners.
... requires gecko 7.0(firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) you can also get lists of add-ons that, at startup, were changed in various ways.
JNI.jsm
the jni.jsm javascript code module abstracts all of the js-ctypes required for writing jni code.
...class) { // aclass is a string with l and ; arround it return aclass.substr(1, aclass - 2); } examples read java strings this example shows how to read java strings as javascript strings.
... return aclass.substr(1, aclass - 2); } examples read java strings this example shows how to read java strings as javascript strings.
Promise.jsm
s were made globally available in gecko 29.
... and manually resolve or reject it, consider using promiseutils.jsm instead.
...t need to import the code module into your javascript scope: components.utils.import("resource://gre/modules/promise.jsm"); note: a preliminary promise module is also available starting from gecko 17, though it didn't conform to the promises/a+ proposal until gecko 25: components.utils.import("resource://gre/modules/commonjs/promise/core.js"); // gecko 17 to 20 components.utils.import("resource://gre/modules/commonjs/sdk/core/promise.js"); // gecko 21 to 24 this implementation also includes helper functions that are specific to the add-on sdk.
Bootstrapping a new locale
icial mozilla repository.
...ng on your operating system, you will need to install the correct version of hg on your machine.
...owing command: $ hg clone http://hg.mozilla.org/releases/mozilla-x.x.x/ where "x.x.x" is the existing release branch version.
SVN for Localizers
welcome to the svn tutorial for localizers!
...a website source files from the mozilla servers and pushing your localizations right back to them.
...f introduction to what svn is and where you can find the necessary tools to get started.
Creating localizable web applications
); list($category, $tab, $page) = explode('/', $path); if ($tab == 'popular') { // $tab is always english // ....
...y.html"><?= _('privacy policy'); ?></a> snippet 2.
...ent.
Mozilla Framework Based on Templates (MFBT)
the mozilla framework based on templates ("mfbt") is the central repository for macros, functions, and data structures used throughout mozilla code, including in the javascript engine.
...mart pointer template whose value may be manipulated only within a range specified at construction time, and which may be dereferenced only at valid locations in that range.
... within a range specified at construction time, and which may be dereferenced only at valid locations in that range.
DMD
nnec the final step is to make android use the above wrapper script while launching fennec, so that the environment variable is present when fennec starts up.
...-reports/unified-memory-report-default-20731.json.gz processing the output dmd outputs one gzipped json file per process that contains a description of that process's heap.
...ue that is a pointer into the middle of a live block into a pointer to the start of that block.
PR_TransmitFile
sends a complete file across a connected socket.
...te file across a connected socket.
...it operation.
4.3 Release Notes
tls_dh_rsa_with_camellia_256_cbc_sha tls_dh_anon_with_camellia_256_cbc_sha tls_ecdh_anon_with_null_sha tls_ecdh_anon_with_rc4_128_sha tls_ecdh_anon_with_3des_ede_cbc_sha tls_ecdh_anon_with_aes_128_cbc_sha tls_ecdh_anon_with_aes_256_cbc_sha distribution information jss is checked into mozilla/security/jss/.
...y.
...tificate.
Build instructions for JSS 4.3.x
mozilla/security/nss/tests) and examine the results (in mozilla/test_results/security/computername.#/results.html.
...a version 1.5 or later.
...r/nss/jss win95.
Using JSS
Mozilla › Projects › NSS › JSS › Using JSS
nssckbi pkcs #11 module containing built-in root ca certificates.
... jss 3.2 nspr 4.2 or 4.1.2 nss 3.4.2 jss 3.1.1 nspr 4.1.2 nss 3.3.1 jss 3.1 nspr 4.1.2 nss 3.3 jss 3.0 nspr 3.5.1 jss shared library the jss shared library is jss4.dll (windows) or libjss4.so (unix).
....1.2 nss 3.3 jss 3.0 nspr 3.5.1 jss shared library the jss shared library is jss4.dll (windows) or libjss4.so (unix).
JSS 4.4.0 Release Notes
introduction the java security services (jss) team has released jss 4.4.0, which is a minor release.
... introduction the java security services (jss) team has released jss 4.4.0, which is a minor release.
...d tls v1.2 via nss though jss.
NSS_3.11.10_release_notes.html
cumentation compatibility feedback introduction network security services (nss) 3.11.10 is a patch release for nss 3.11.
...patch release for nss 3.11.
...rk solutions certificate authority root to nss bug 431621: add diginotar root ca root to nss bug 431772: add network solutions and diginotar root certs to nss bug 442912: fix nssckbi version number on 3.11 branch bug 443045: fix pk11_generatekeypair for ecc keys on the 3.11 branch bug 444850: nss misbehaves badly in the presence of a disabled pkcs#11 slot bug 462948: lint warnings for source files that include keythi.h documentation for a list of the primary nss documentation pages on mozilla.org, see nss documentation.
NSS 3.12.5 release_notes
p: mozilla.dev.tech.crypto introduction network security services (nss) 3.12.5 is a patch release for nss 3.12.
...described in the "bugs fixed" section below.
...nder the mpl 1.1/gpl 2.0/lgpl 2.1.
NSS 3.12.6 release notes
3.12.
...sed under the mpl 1.1/gpl 2.0/lgpl 2.1.
...ed to include ssl.h and sslproto.h.
NSS 3.18 release notes
introduction the nss team has released network security services (nss) 3.18, which is a minor release.
... introduction the nss team has released network security services (nss) 3.18, which is a minor release.
...is a minor release.
NSS 3.28 release notes
introduction the network security services (nss) team has released nss 3.28, which is a minor release.
... introduction the network security services (nss) team has released nss 3.28, which is a minor release.
...ning nss_enable_tls_1_3=1 at build time.
NSS 3.37 release notes
introduction the nss team has released network security services (nss) 3.37, which is a minor release.
... introduction the nss team has released network security services (nss) 3.37, which is a minor release.
... starting with nss version 3.31, an alternative implementation for rng seeding on the linux/unix platform was available (bug 1346735), which performed seeding exclusively based on /dev/urandom.
NSS 3.44.1 release notes
introduction network security services (nss) 3.44.1 is a patch release for nss 3.44.
... release for nss 3.44.
...ewer.
NSS 3.45 release notes
introduction the nss team has released network security services (nss) 3.45 on 5 july 2019, which is a minor release.
...july 2019, which is a minor release.
...- add support for the elbrus lcc compiler (<=1.23) bug 1543874 - expose an external clock for ssl this adds new experimental functions: ssl_settimefunc, ssl_createantireplaycontext, ssl_setantireplaycontext, and ssl_releaseantireplaycontext.
NSS 3.47 release notes
introduction the nss team has released network security services (nss) 3.47 on 18 october 2019, which is a minor release.
...s team has released network security services (nss) 3.47 on 18 october 2019, which is a minor release.
...arch64_be while building freebl/gcm bug 1385039 - build nspr tests as part of nss continuous integration bug 1581391 - fix build on openbsd/arm64 after bug #1559012 bug 1581041 - mach-commands -> mach-completion bug 1558313 - code bugs found by clang scanners.
NSS API Guidelines
nss api guidelines newsgroup: mozilla.dev.tech.crypto introduction this document describes how the nss code is organized, the libraries that get built from the nss sources, and guidelines for writing nss code.
...noticeably pkcs #12, pkcs #7, and pkcs #11) splitting low key and high key components more clearly the crypto wrappers (pkcs #11 wrappers) and high key pkcs #12 and pkcs #5 libraries nss compiles into the libraries described below.
...es with prototypes don't.
NSS Sample Code Sample_2_Initialization of NSS
fprintf(stderr, "%-15s specify a password file\n\n", "-f <plainpasswc>"); exit(-1); } /* initialize the slot password */ char *initslotpassword(pk11slotinfo *slot, prbool retry, void *arg) { file *input; file *output; char *p0 = null; char *p1 = null; secupwdata *pwdata = (secupwdata *) arg; if (pwdata->source == pw_fromfile) { return filepasswd(slot, retry, pwdata->data); } if (pwdata->source == pw_plaintext) { return pl_strdup(pwdata->data); } /* open terminal */ input = fopen("/dev/tty", "r"); if (input == null) { pr_fprintf(pr_stderr, "error opening input terminal for read\n"); return null; } /* we have no password, so initialize database with o...
...n(p1)); port_free(p1); } fclose(input); fclose(output); return p0; } /* change the password */ secstatus changepw(pk11slotinfo *slot, char *oldpass, char *newpass, char *oldpwfile, char *newpwfile) { secstatus rv; secupwdata pwdata; secupwdata newpwdata; char *oldpw = null; char *newpw = null; if (oldpass) { pwdata.source = pw_plaintext; pwdata.data = oldpass; } else if (oldpwfile) { pwdata.source = pw_fromfile; pwdata.data = oldpwfile; } else { pwdata.source = pw_none; pwdata.data = null; } if (newpass) { newpwdata.source = pw_plaintext; newpwdata.data = newpass; } else if (newpwfile) { newpwdata.source = pw_fromfile; new...
... } else if (oldpwfile) { pwdata.source = pw_fromfile; pwdata.data = oldpwfile; } else { pwdata.source = pw_none; pwdata.data = null; } if (newpass) { newpwdata.source = pw_plaintext; newpwdata.data = newpass; } else if (newpwfile) { newpwdata.source = pw_fromfile; newpwdata.data = null; } else { newpwdata.source = pw_none; newpwdata.data = null; } if (pk11_needuserinit(slot)) { newpw = initslotpassword(slot, pr_false, &pwdata); rv = pk11_initpin(slot, (char*)null, newpw); } else { for (;;) { oldpw = getmodulepassword(slot, pr_false, &pwdata); if (pk11_checkuserpassword(slot, oldpw) != secsuccess) { if (pwdata.source...
EncDecMAC using token object - sample 3
encdecmac using token object example: <h2 id="nss_sample_code_3_hashing.">nss sample code 3: enc/dec/mac using token object id.</h2> <p class="summary">computes the hash of a file and saves it to another file, illustrates the use of nss message apis.</p> <pre class="brush: cpp"> /* this source code form is subject to the terms of the mozilla public * license, v.
...chr(argv[0], '/'); progname = progname ?
...e arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; case 'z': noisefilename = strdup(optstate->value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!command || !dbdir || !infilename || !outfilename) usage(progname); if (pl_strlen(command)==0) us...
NSS environment variables
rtain applications, such as in signatures on certificates and crls.
... if set to "disabled", softoken will ignore forks, and behave as it did in older versions.
...fault compiler, this tells nss to build with gcc.
SSL functions
the public functions listed here are used to configure sockets for communication via the ssl and tls protocols.
...nctions most commonly used by applications to support ssl.
...able for a function listed below, the function name is linked to either its mdc wiki page or its entry in the old ssl reference.
NSS tools : signtool
as a handwritten signature.
...ve an object-signing certificate, which is a special certificate whose associated private key is used to create digital signatures.
... loaded slot: netscape internal fips-140-1 cryptographic services token: communicator certificate db ----------------------------------------------- see also signver (1) the nss wiki has information on the new database design and how to configure applications to use it.
Rhino history
needed an implementation of javascript written in java.
...mode.
...ically-loaded package.
Rhino shell
the javascript shell provides a simple way to run scripts in batch mode or an interactive environment for exploratory programming.
... the javascript shell provides a simple way to run scripts in batch mode or an interactive environment for exploratory programming.
...p function will print usage and help messages.
Rhino
rhino is an open-source implementation of javascript written entirely in java.
... rhino is an open-source implementation of javascript written entirely in java.
... rhino is an open-source implementation of javascript written entirely in java.
GCIntegration - SpiderMonkey Redirect 1
compartment unless it's a wrapper that's registered in the cross-compartment wrapper map.
...bove.
...iddle of gc things (inline slots or inline chars).
JS_ShutDown
free all resources used by the js engine, not associated with specific runtimes.
... free all resources used by the js engine, not associated with specific runtimes.
...spidermonkey, not associated with any jsruntime, jscontext, or other structure.
JSAPI reference
cks js_getlocalecallbacks js_setlocalecallbacks locale callback types: jslocaletouppercase jslocaletolowercase jslocalecompare jslocaletounicode scripts just running some javascript code is straightforward: class js::compileoptions added in spidermonkey 17 class js::owningcompileoptions added in spidermonkey 31 class js::readonlycompileoptions added in spidermonkey 31 class js::sourcebufferholder added in spidermonkey 31 js::evaluate added in spidermonkey 17 js_evaluatescript obsolete since jsapi 36 js_evaluateucscript obsolete since jsapi 36 js_evaluatescriptforprincipals obsolete since jsapi 30 js_evaluateucscriptforprincipals obsolete since jsapi 30 js_evaluatescriptforprincipalsversion obsolete since jsapi 30 js_evaluateucscriptforprincipalsversion obsolete since...
...key 17 js::touint16 added in spidermonkey 17 js::toint32 added in spidermonkey 17 js::touint32 added in spidermonkey 17 js::toint64 added in spidermonkey 17 js::touint64 added in spidermonkey 17 js::tonumber added in spidermonkey 17 js::tostring added in spidermonkey 31 js::ordinarytoprimitive added in spidermonkey 38 js_valuetoconstructor js_valuetofunction js_valuetoobject js_valuetosource js_convertvalue js_valuetoboolean obsolete since jsapi 28 js_valuetoecmaint32 obsolete since jsapi 26 js_valuetoecmauint32 obsolete since jsapi 28 js_valuetoint32 obsolete since jsapi 28 js_valuetonumber obsolete since jsapi 27 js_valuetostring obsolete since jsapi 28 js_valuetouint16 obsolete since jsapi 28 fast, unchecked type-casting macros.
...bsolete since jsapi 44 js_clonefunctionobject obsolete since jsapi 36 regexps js_newregexpobject jsreg_fold jsreg_glob jsreg_multiline jsreg_sticky js_newucregexpobject js_newregexpobjectnostatics js_newucregexpobjectnostatics js_setregexpinput js_clearregexpstatics js_objectisregexp added in spidermonkey 17 js_getregexpflags added in spidermonkey 17 js_getregexpsource added in spidermonkey 17 js_executeregexp js_executeregexpnostatics js_clearregexproots obsolete since javascript 1.8.5 serialization struct jsstructuredclonecallbacks js_setstructuredclonecallbacks js_readstructuredclone js_writestructuredclone js_structuredclone js_readuint32pair js_readbytes js_writeuint32pair js_writebytes security struct jsprincipals js_setobjectprin...
SpiderMonkey 1.8.8
these release notes are an incomplete draft and were initially seeded from the 1.8.5 release notes, so lots of the information here isn't actually new to spidermonkey 1.8.8 (nor is it even the case that the version number will be 1.8.8!).
...ious versions.
...orm to the standard c99 <stdint.h> header interface in all respects, providing all that header's types and macro definitions.
SpiderMonkey 17
these release notes are an incomplete draft and were initially seeded from the (now-defunct) 1.8.8 release notes, which were themselves seeded from the 1.8.5 release notes, so lots of the information here isn't actually new to spidermonkey 17.
...n previous versions.
...orm to the standard c99 <stdint.h> header interface in all respects, providing all that header's types and macro definitions.
SpiderMonkey 24
these release notes are an incomplete draft and were initially seeded from the spidermonkey 17 release notes, so they're not necessarily complete or fully accurate.
...moved.
...orm to the standard c99 <stdint.h> header interface in all respects, providing all that header's types and macro definitions.
SpiderMonkey 45
spidermonkey 45 is outdated and contains known security vulnerabilities.
...t is supported on x86, x86_64, and arm architectures.
...mapforeach (bug 1159469) js::newsetobject (bug 1159469) js::setsize (bug 1159469) js::sethas (bug 1159469) js::setdelete (bug 1159469) js::setadd (bug 1159469) js::setclear (bug 1159469) js::setkeys (bug 1159469) js::setvalues (bug 1159469) js::setentries (bug 1159469) js::setforeach (bug 1159469) js::exceptionstackornull (bug 814497) js::copyasyncstack (bug 1160307) js::getsavedframesource (bug 1216819) js::getsavedframeline (bug 1216819) js::getsavedframecolumn (bug 1216819) js::getsavedframefunctiondisplayname (bug 1216819) js::getsavedframeasynccause (bug 1216819) js::getsavedframeasyncparent (bug 1216819) js::getsavedframeparent (bug 1216819) js::buildstackstring (bug 1133191) js::flushperformancemonitoring (bug 1181175) js::resetperformancemonitoring (bug 1181175) js...
SavedFrame
c), or it can view all stack frames, including the frames from chrome compartments (a -> b -> c).
...an view all stack frames, including the frames from chrome compartments (a -> b -> c).
...ints to the youngest accessible ancestor of the real frame, if any.
TPS Tests
pt not to use restmail, do not use your personal firefox account, as tps will delete and replace the data in it many times, not to mention the first run is very likely to fail, since it expects a clean start).
...ull run of tps, as it will open and close a fairly large number of firefox windows.
...ps create the environment i suggest the path to be outside of the mc source tree python create_venv.py --username=%email% --password=%password% %path% note: if you are updating the tps environment and want to keep your existing config (eg, the existing username and password), you should instead execute: python create_venv.py --keep-config %path% activate the environment source %path%/bin/activate run some tests note that the testfile is not a path, it should only be the filename from services/sync/tests/tps/ runtps --debug --testfile %test_file_name% --binary %firefox_binary_path% additionally, omitting a --testfile parameter will cause it to run all tps tests listed in services/sync/tests/tps/all_tests.json an example on osx, for running...
WebReplayRoadmap
g developers.
...he user's experience.
...r trying to understand or improve a complex code base.
Task graph
after a change to the gecko source code is pushed to version-control, jobs for that change appear on treeherder.
...hers (builds).
...r attached to each task when it completes.
AT APIs Support
ail client seamonkey - web-browser, advanced e-mail and newsgroup client, irc chat client, and html editing made simple sunbird - cross-platform calendar application kompozer - a complete web authoring system for linux desktop, microsoft windows and macintosh users to rival programs like frontpage and dreamweaver.
...rosoft active accessibility (msaa) an api devised by microsoft so that accessibility aids can track what's going on inside the user interface of any software package that supports it.
...ately, gecko uses the standard keyboard api's for each supported platform.
Mork
Mozilla › Tech › Mork
mork is a database file format invented by david mccusker for the mozilla code since the original netscape database information was proprietary and could not be released open source.
... mork is a database file format invented by david mccusker for the mozilla code since the original netscape database information was proprietary and could not be released open source.
...aracter and '$' quotes the next two hexadecimal digits as a value (e.g., $20 is a space) the first line in the file is the header.
Setting up the Gecko SDK
helps to organize the parts of the sdk meaningfully.
...ing a microsoft visual cpp project).
...visual cpp project).
How to build a binary XPCOM component using Visual Studio
look elsewhere.
...p for the xpcom idl file (spawns xpidl-build.bat to process the idl with mozilla toolset, not midl) vc++ express project: xpcom-test.zip note: the project uses xpcom_glue.
...arkravingfinkle.org/specialthing;1"; var obj = components.classes[cid].createinstance(); obj = obj.queryinterface(components.interfaces.ispecialthing); } catch (err) { alert(err); return; } var res = obj.add(3, 4); alert('3+4 = ' + res); var name = obj.name; alert('name = ' + name); obj.name = 'new name'; name = obj.name; alert('name = ' + name); } other resources creating xpcom components - mozilla how to build an xpcom component in javascript - mozilla an introduction to xpcom - ibm xpcom project page - mozilla ...
XPCOM glue classes
ptingcstringclass declarationnsadoptingstringclass declarationnsastringthe nsastring abstract class represents a character string composed of double-byte storage units.
...yte storage units.
...class nsautoref<t> and/or nscountedref<t>.</t>nsautostringclass declarationnsautostring (external)class declarationnscautostringclass declarationnscautostring (external)class declarationnscomptrthis utility class simplifies managing xpcom interface references from c++ code.nscountedrefnscountedref<t> is a template class implementing an object that takes a strong reference to a reference-counted resource that must be released, typically on destruction of the object.</t>nscstringclass declarationnscstring externalclass declarationnscstringcontainer (external)class declaration nscstringencodingthe nscstringencoding enumeration describes the set of character encodings understood by the ns_cstringtoutf16 and ns_utf16tocstring functions.nsdependentcstringclass declarationnsdependentcstring externa...
inIDOMUtils
you are interested in the xbl flattened tree.
...ine number of the specified css style rule in its source file.
...inheritedproperty( in astring apropertyname ); parameters apropertyname the name of the css property.
nsIApplicationCacheNamespace
e data attribute is not used.
....
...space.
nsIEditor
iting page content.
... 66 introduced gecko 1.0 inherits from: nsisupports last changed in gecko 18.0 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) method overview [noscript] void init(in nsidomdocument doc, in nsicontent aroot, in nsiselectioncontroller aselcon, in unsigned long aflags); void setattributeorequivalent(in nsidomelement element, in astring sourceattrname, in astring sourceattrvalue, in boolean asuppresstransaction); void removeattributeorequivalent(in nsidomelement element, in domstring sourceattrname, in boolean asuppresstransaction); void postcreate(); void predestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short action, in short stripwrappers); document info and file ...
...t); node manipulation methods void setattribute(in nsidomelement aelement, in astring attributestr,in astring attvalue); boolean getattributevalue(in nsidomelement aelement, in astring attributestr, out astring resultvalue); void removeattribute(in nsidomelement aelement, in astring aattribute); void cloneattribute(in astring aattribute, in nsidomnode asourcenode); void cloneattributes(in nsidomnode destnode, in nsidomnode sourcenode); nsidomnode createnode(in astring tag, in nsidomnode parent, in long position); void insertnode(in nsidomnode node, in nsidomnode parent, in long aposition); void splitnode(in nsidomnode existingrightnode, in long offset, out nsidomnode newleftnode); void joinnodes(in nsidomno...
nsIEventListenerInfo
listener was added to an event target; these are returned by nsieventlistenerservice.getlistenerinfofor, which provides a list of all the listeners to a given event target.
... to get access to the actual listener, but the debugger service must be already active, which significantly slows down script execution.
...e already active, which significantly slows down script execution.
nsIMicrosummaryService
mldefinition); boolean ismicrosummary(in long long bookmarkid, in nsimicrosummary microsummary); nsimicrosummary refreshmicrosummary(in long long bookmarkid); void removemicrosummary(in long long bookmarkid); void setmicrosummary(in long long bookmarkid, in nsimicrosummary microsummary); methods addgenerator() install the microsummary generator from the resource at the supplied uri.
...d removemicrosummary(in long long bookmarkid); void setmicrosummary(in long long bookmarkid, in nsimicrosummary microsummary); methods addgenerator() install the microsummary generator from the resource at the supplied uri.
...temicrosummary( in nsiuri pageuri, in nsiuri generatoruri ); parameters pageuri the uri of the page to be summarized.
nsIScriptableUnescapeHTML
mponents.classes["@mozilla.org/feed-unescapehtml;1"] .getservice(components.interfaces.nsiscriptableunescapehtml); method overview nsidomdocumentfragment parsefragment(in astring fragment, in prbool isxml, in nsiuri baseuri, in nsidomelement element); astring unescape(in astring src); methods parsefragment() parses a string of html or xml source into a sanitized documentfragment.
...ce into a sanitized documentfragment.
...ch to resolve any uris included in the fragment.
nsITransport
netwerk/base/public/nsitransport.idlscriptable this interface provides a common way of accessing i/o streams connected to some resource.
... netwerk/base/public/nsitransport.idlscriptable this interface provides a common way of accessing i/o streams connected to some resource.
.../base/public/nsitransport.idlscriptable this interface provides a common way of accessing i/o streams connected to some resource.
nsIURI
netwerk/base/public/nsiuri.idlscriptable this is an interface for an uniform resource identifier with internationalization support, offering attributes that allow setting and querying the basic components of a uri, and methods for performing basic operations on uris.
...with internationalization support, offering attributes that allow setting and querying the basic components of a uri, and methods for performing basic operations on uris.
...ing and querying the basic components of a uri, and methods for performing basic operations on uris.
nsIWebContentHandlerRegistrar
will throw permission error.
...ontent or protocol handler' when calling method: [nsiwebcontenthandlerregistrar::registerprotocolhandler] if the host names do match then a confirmation like this will be seen: this domain check can be bypassed by setting the preference of gecko.handlerservice.allowregisterfromdifferenthost to true as in this code here: var {classes: cc, interfaces: ci, utils: cu} = components; cu.import("resource://gre/modules/services.jsm"); var nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); var allowregisterfromdifferenthost = services.prefs.getboolpref('gecko.handlerservice.allowregisterfromdifferenthost'); if (!allowregisterfromdifferenthost) { services.prefs.setboolpref('gecko.handlerservice.allowregi...
...lowregisterfromdifferenthost) { //it this variable is false, than we had set the pref to true obviously.
Storage
geservice.
...ozistorageconnection.
...ple statements can be executed in a transaction by calling mozistorageconnection.executeasync() on the connection and passing in an array of statements.
Frequently Asked Questions
ed that pointer.
...ly report it as a bug.
...ode pattern you use to solve this problem, you should comment it, e.g., // warning: this getter doesn't addref() its result.
Reference Manual
stored as an nsisupports* (except in debug builds where nscap_feature_debug_ptr_types is turned on).
... call // getter, assign |dont_addref|' // pattern.
...ing to do this with a raw xpcom interface pointer.
XUL Overlays
Mozilla › Tech › XUL › Overlays
.
...kage, the master skin file is that css file named after the package itself.
...n file for the bookmarks package, for example, is called bookmarks.css, and is located in the skin/default subdirectory.
Thunderbird Binaries
s.
...p.
...mozilla.org/pub/thunderbird/nightly/latest-comm-central/ latest localized trunk builds are available at: https://archive.mozilla.org/pub/thunderbird/nightly/latest-comm-central-l10n/ note: please use http://ftp.stage.mozaws.net/pub/thunderbird/nightly/latest-comm-central/ because the above two links currently do not work.
Building a Thunderbird extension 1: introduction
thunderbird is a community managed open-source email application.
...script to your thunderbird extension) installing locally (enabling the extension on your local thunderbird instance) packaging (making a distribution package that contains the extension) distributing (from your own site or from http://addons.mozilla.org/) this tutorial is compatible with thunderbird versions 2,3 and 5.
...ber of extension and applications that are useful for testing and debugging thunderbird extensions, such as javascript consoles and xpcom inspectors.
Virtualenv
thon activate.csh activate_this.py easy_install-2.7 pip-2.7 using this python binary, or these scripts (which point to this python binary), you will correctly install python packages in the lib/python2.x/site-packages directory and they will be appropriately added to your import path (sys.path) via lib/python2.x/site.py.
... virtualenvwrapper: a set of extensions to ian bicking’s virtualenv tool for creating isolated python development environments; http://www.doughellmann.com/projects...tualenvwrapper the mozilla-central virtualenv in order to make use of various python modules located throughout mozilla-central, a virtualenv is created as part of the build process: http://mxr.mozilla.org/mozilla-central/source/js/src/build/autoconf/python-virtualenv.m4 .
...ed throughout mozilla-central, a virtualenv is created as part of the build process: http://mxr.mozilla.org/mozilla-central/source/js/src/build/autoconf/python-virtualenv.m4 .
ABI
ese are declared as stdcall on windows, but do not have mangled names like those used by stdcall_abi above.
...e mangled names like those used by stdcall_abi above.
... specific win32 and os2 callbacks in js-ctypes under these operating systems use a different abi than regular function declarations.
Int64
a 32-bit javascript number.
...ct, or it's a string that is incorrectly formatted or contains a value outside the range that can be represented in 64 bits.
...join( high, low ); parameters high the high-order 32 bits of the value to create.
UInt64
a 32-bit javascript number.
...t, or it's a string that is incorrectly formatted or contains a value outside the range that can be represented in 64 bits.
...in( high, low ); parameters high the high-order 32 bits of the value to create.
Debugging service workers - Firefox Developer Tools
displayed in the application > service workers view (along with any other service workers registered on the same domain): this gives you a variety of information about your service worker: the url that the service worker is registered on.
...n the background, but not yet activated.
...s for deleting just that item, or every item in the cache.
Search - Firefox Developer Tools
searching for files to search for a particular file, press control + p (or command + p on a mac) and type the search term.
... searching for files to search for a particular file, press control + p (or command + p on a mac) and type the search term.
...rol + p (or command + p on a mac) and type the search term.
How to - Firefox Developer Tools
these articles describe how to use the debugger.
... these articles describe how to use the debugger.
... these articles describe how to use the debugger.
Debugger.Object - Firefox Developer Tools
a string naming the ecmascript [[class]] of the referent.
...lue.
...makes it easier to gradually adapt large code bases to this debugger api: adapted portions of the code can use debugger.object instances, but use this method to pass direct object references to code that has not yet been updated.
Tutorial: Set a breakpoint - Firefox Developer Tools
able it, click on the options gear at the upper right of the browser content toolbox, and make sure the “scratchpad” box in the “default developer tools” section the left is checked.
...er content toolbox, and make sure the “scratchpad” box in the “default developer tools” section the left is checked.
... instances will be garbage collected, since they can no longer have any visible effect on firefox’s behavior.
Debugger.Object - Firefox Developer Tools
ng naming the ecmascript [[class]] of the referent.
... by convention, host annotation objects have a string-valued "type" property that, taken together with the object's class, indicate what sort of thing the referent is.
...lue.
All keyboard shortcuts - Firefox Developer Tools
nsole (except if console is the currently selected tool) esc esc esc these shortcuts work in all tools that are hosted in the toolbox.
... esc esc these shortcuts work in all tools that are hosted in the toolbox.
...cuts for the source editor.
Cache Storage - Firefox Developer Tools
under the cache storage type within the storage inspector you can see the contents of any dom caches created using the cache api.
... under the cache storage type within the storage inspector you can see the contents of any dom caches created using the cache api.
... under the cache storage type within the storage inspector you can see the contents of any dom caches created using the cache api.
Web Audio Editor - Firefox Developer Tools
notice: this tool has been deprecated and will soon be removed from firefox.
... notice: this tool has been deprecated and will soon be removed from firefox.
...s effects to the microphone input and also provides a visualisation of the result the violent theremin, which changes the pitch and volume of a sine wave as you move the mouse pointer visualizing the graph the web audio editor will now display the graph for the loaded audio context.
AudioBuffer.copyToChannel() - Web APIs
the copytochannel() method of the audiobuffer interface copies the samples to the specified channel of the audiobuffer, from the source array.
... the copytochannel() method of the audiobuffer interface copies the samples to the specified channel of the audiobuffer, from the source array.
... the copytochannel() method of the audiobuffer interface copies the samples to the specified channel of the audiobuffer, from the source array.
AudioContext.close() - Web APIs
the close() method of the audiocontext interface closes the audio context, releasing any system audio resources that it uses.
...se() method of the audiocontext interface closes the audio context, releasing any system audio resources that it uses.
...tically release all audiocontext-created objects, unless other references have been released as well; however, it will forcibly release any system audio resources that might prevent additional audiocontexts from being created and used, suspend the progression of audio time in the audio context, and stop processing audio data.
AudioDestinationNode.maxChannelCount - Web APIs
if maxchannelcount is 0, like in offlineaudiocontext, the channel count cannot be changed.
...lineaudiocontext, the channel count cannot be changed.
...annel count cannot be changed.
AudioDestinationNode - Web APIs
that the physical device can handle.
... methods no specific method; inherits methods from its parent, audionode.
...method; inherits methods from its parent, audionode.
AudioListener.dopplerFactor - Web APIs
ioctx.listener; mylistener.dopplerfactor = 1; value a double indicating the doppler effect's pitch shift value.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.forwardX - Web APIs
ener; mylistener.forwardx.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.forwardY - Web APIs
ener; mylistener.forwardy.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.forwardZ - Web APIs
ner; mylistener.forwardz.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.positionX - Web APIs
ner; mylistener.positionx.value = 1; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.positionY - Web APIs
ner; mylistener.positiony.value = 1; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.positionZ - Web APIs
ner; mylistener.positionz.value = 1; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.setOrientation() - Web APIs
er.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.speedOfSound - Web APIs
istener.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upX - Web APIs
Web › API › AudioListener › upX
.listener; mylistener.upx.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upY - Web APIs
Web › API › AudioListener › upY
.listener; mylistener.upy.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upZ - Web APIs
Web › API › AudioListener › upZ
.listener; mylistener.upz.value = 0; value an audioparam.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioNode.connect() - Web APIs
Web › API › AudioNode › connect
you to chain multiple connect() calls.
...ly) and there are no delaynodes in the cycle to prevent the resulting waveform from getting stuck constructing the same audio frame indefinitely.
...it together with any other such outputs, and the intrinsic parameter value (the value the audioparam would normally have without any audio connections), including any timeline changes scheduled for the parameter.
AudioParam.exponentialRampToValueAtTime() - Web APIs
ters value a floating point number representing the value the audioparam will ramp to by the given time.
...audioparam will ramp to by the given time.
...; var audioctx = new audiocontext(); // set basic variables for example var myaudio = document.queryselector('audio'); var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; var exprampplus = document.queryselector('.exp-ramp-plus'); var exprampminus = document.queryselector('.exp-ramp-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set its gain value to 0.5 var gainnode = audioctx.creategain(); // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination gainnode.gain.setvalueattime(0, audioctx.currenttime); source.connect(gainnode); gainnode.connect(audioctx.destinatio...
AudioParam.linearRampToValueAtTime() - Web APIs
rs value a floating point number representing the value the audioparam will ramp to by the given time.
...dioparam will ramp to by the given time.
...tx = new audiocontext(); // set basic variables for example var myaudio = document.queryselector('audio'); var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; var linearrampplus = document.queryselector('.linear-ramp-plus'); var linearrampminus = document.queryselector('.linear-ramp-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination gainnode.gain.setvalueattime(0, audioctx.currenttime); source.connect(gainnode); gainnode.connect(audioctx.destinati...
AudioParam.setTargetAtTime() - Web APIs
time progresses.
...* timeconstant 0% 0.5 * timeconstant 39.3% 1 * timeconstant 63.2% 2 * timeconstant 86.5% 3 * timeconstant 95.0% 4 * timeconstant 98.2% 5 * timeconstant 99.3% n * timeconstant 1-e-n1 - e^{-n} examples in this example, we have a media source with two control buttons (see the webaudio-examples repo for the source code, or view the example live.) when these buttons are pressed, settargetattime() is used to fade the gain value up to 1.0, and down to 0, respectively, with the effect starting after 1 second, and the length of time the effect lasts being controlled by the timeconstant.
...text; var audioctx = new audiocontext(); // set basic variables for example var myaudio = document.queryselector('audio'); var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; var attimeplus = document.queryselector('.at-time-plus'); var attimeminus = document.queryselector('.at-time-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.connect(gainnode); gainnode.connect(audioctx.d...
AudioParam.setValueAtTime() - Web APIs
param will change to at the given time.
...g the time (in seconds) after the audiocontext was first created that the change in value will happen.
...ext(); // set basic variables for example var myaudio = document.queryselector('audio'); var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; var targetattimeplus = document.queryselector('.set-target-at-time-plus'); var targetattimeminus = document.queryselector('.set-target-at-time-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.connect(gainnode); gainnode.connect(audioctx.d...
AudioParam.setValueCurveAtTime() - Web APIs
inite.
...otes when the parameter's value finishes following the curve, its value is guaranteed to match the last value in the set of values specified in the values parameter.
...r audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); // set basic variables for example var myaudio = document.queryselector('audio'); var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; var valuecurve = document.queryselector('.value-curve'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.connect(gainnode); gainnode.connect(audioctx.d...
AudioTrackList.getTrackById() - Web APIs
otracklist.gettrackbyid(id); paramters id a domstring indicating the id of the track to locate within the track list.
... paramters id a domstring indicating the id of the track to locate within the track list.
...turn value an audiotrack object indicating the first track found within the audiotracklist whose id matches the specified string.
BaseAudioContext.createBiquadFilter() - Web APIs
xt interface creates a biquadfilternode, which represents a second order filter configurable as several different common filter types.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biquadfilter.gain.setvalueattime(25, audioctx.currenttime); spec...
BaseAudioContext.createConvolver() - Web APIs
le below uses a short sample of a concert hall crowd, so the reverb effect applied is really deep and echoey.
... ...
...a xhr for convolver node var soundsource, concerthallbuffer; ajaxrequest = new xmlhttprequest(); ajaxrequest.open('get', 'concert-crowd.ogg', true); ajaxrequest.responsetype = 'arraybuffer'; ajaxrequest.onload = function() { var audiodata = ajaxrequest.response; audioctx.decodeaudiodata(audiodata, function(buffer) { concerthallbuffer = buffer; soundsource = audioctx.createbuffersource(); soundsource.buffer = concerthallbuffer; }, function(e){"error with decoding audio data" + e.err}); } ajaxrequest.send(); ...
BaseAudioContext.createPanner() - Web APIs
h represents the position and orientation of the person listening to the audio.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
BiquadFilterNode.Q - Web APIs
octx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.q.value = 100; note: though the audioparam returned is read-only, the value it represents is not.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; biquadfilter.type = "peaking"; biquadfilter.frequency.value = 10...
BiquadFilterNode.detune - Web APIs
udiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.detune.value = 100; note: though the audioparam returned is read-only, the value it represents is not.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; biquadfilter.detune.value = 100; specifications speci...
BiquadFilterNode.frequency - Web APIs
w audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.frequency.value = 3000; note: though the audioparam returned is read-only, the value it represents is not.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment ...
BiquadFilterNode.gain - Web APIs
tx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.gain.value = 25; note: though the audioparam returned is read-only, the value it represents is not.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment ...
BiquadFilterNode.type - Web APIs
ency where the center of the phase transition occurs.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment ...
BiquadFilterNode - Web APIs
ent, audionode.
...ce code too).
...window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biquadfilter.gain.setvalueattime(25, audioctx.currenttime); spec...
CSS Font Loading API - Web APIs
the css font loading api provides events and interfaces for dynamically loading font resources.
... the css font loading api provides events and interfaces for dynamically loading font resources.
... the css font loading api provides events and interfaces for dynamically loading font resources.
CanvasRenderingContext2D - Web APIs
the canvasrenderingcontext2d interface, part of the canvas api, provides the 2d rendering context for the drawing surface of a <canvas> element.
... canvasrenderingcontext2d.createlineargradient() creates a linear gradient along the line given by the coordinates represented by the parameters.
...2d.createlineargradient() creates a linear gradient along the line given by the coordinates represented by the parameters.
ConvolverNode.buffer - Web APIs
normalization.
... ...
...a xhr for convolver node var soundsource, concerthallbuffer; ajaxrequest = new xmlhttprequest(); ajaxrequest.open('get', 'concert-crowd.ogg', true); ajaxrequest.responsetype = 'arraybuffer'; ajaxrequest.onload = function() { var audiodata = ajaxrequest.response; audioctx.decodeaudiodata(audiodata, function(buffer) { concerthallbuffer = buffer; soundsource = audioctx.createbuffersource(); soundsource.buffer = concerthallbuffer; }, function(e){"error with decoding audio data" + e.err}); } ajaxrequest.send(); ...
ConvolverNode.normalize - Web APIs
ue do not take effect until the next time the buffer attribute is set.
... ...
...a xhr for convolver node var soundsource, concerthallbuffer; ajaxrequest = new xmlhttprequest(); ajaxrequest.open('get', 'concert-crowd.ogg', true); ajaxrequest.responsetype = 'arraybuffer'; ajaxrequest.onload = function() { var audiodata = ajaxrequest.response; audioctx.decodeaudiodata(audiodata, function(buffer) { concerthallbuffer = buffer; soundsource = audioctx.createbuffersource(); soundsource.buffer = concerthallbuffer; }, function(e){"error with decoding audio data" + e.err}); } ajaxrequest.send(); ...
Crypto.getRandomValues() - Web APIs
rantee enough performance, implementations are not using a truly random number generator, but they are using a pseudo-random number generator seeded with a value with enough entropy.
... getrandomvalues() is not guaranteed to be running in a secure context.
...the web cryptography specification.
DataTransfer.setData() - Web APIs
domstring representing the data to add to the drag object.
...!doctype html> <html lang=en> <title>examples of datatransfer's setdata(), getdata() and cleardata()</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; // set the drag's format and data.
...lt(); // get the data, which is the id of the drop target var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // clear the drag data cache (for all formats/types) ev.datatransfer.cleardata(); } </script> <body> <h1>examples of <code>datatransfer</code>: <code>setdata()</code>, <code>getdata()</code>, <code>cleardata()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition o...
DataTransfer - Web APIs
atransferitemlist object which is a list of all of the drag data.
...it is added at the end, such that the last item in the types list will be the new format.
...efox 71.
DisplayMediaStreamConstraints.video - Web APIs
the displaymediastreamconstraints dictionary's video property is used to configure the video track in the stream returned by getdisplaymedia().
...nt.
... contents of a single browser tab selected by the user.
Document.readyState - Web APIs
dystate property describes the loading state of the document.
...a readystatechange event fires on the document object.
...still loading.
EXT_blend_minmax - Web APIs
the ext_blend_minmax extension is part of the webgl api and extends blending capabilities by adding two new blend equations: the minimum or maximum color components of the source and destination colors.
... only available to webgl1 contexts.
...lable on the webgl2 context by default.
ExtendableMessageEvent() - Web APIs
domstring that defines the type of the message event being created.
... that defines the type of the message event being created.
...n of the corresponding service worker's environment settings object.
ExtendableMessageEvent - Web APIs
geevent object instance.
...s from its parent, extendableevent.
...ata}`); }); navigator.serviceworker.ready.then( registration => { registration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client sent me a message: ${event.data}`); event.source.postmessage("hi client"); }); specifications specification status comment service workersthe definition of 'extendablemessageevent' in that specification.
Using files from web applications - Web APIs
selected!".
...{ const percentage = math.round((e.loaded * 100) / e.total); self.ctrl.update(percentage); } }, false); xhr.upload.addeventlistener("load", function(e){ self.ctrl.update(100); const canvas = self.ctrl.ctx.canvas; canvas.parentnode.removechild(canvas); }, false); xhr.open("post", "http://demos.hacks.mozilla.org/paul/demos/resources/webservices/devnull.php"); xhr.overridemimetype('text/plain; charset=x-user-defined-binary'); reader.onload = function(evt) { xhr.send(evt.target.result); }; reader.readasbinarystring(file); } the fileupload() function shown above creates a throbber, which is used to display progress information, and then creates an xmlhttprequest to handle uploading the data.
... } } } </script> </head> <body> <div> <div id="dropzone" style="margin:30px; width:500px; height:300px; border:1px dotted grey;">drag & drop your file here...</div> </div> </body> </html> example: using object urls to display pdf object urls can be used for other things than just images!
FileSystemEntrySync - Web APIs
not_found_err the target directory does not exist.
...ts (..).
...e a fileexception with the following codes: exception description not_found_err the target directory does not exist.
FontFace.FontFace() - Web APIs
Web › API › FontFace › FontFace
the fontface() constructor creates a new fontface object.
... the fontface() constructor creates a new fontface object.
... the fontface() constructor creates a new fontface object.
HTMLMediaElement.autoplay - Web APIs
the htmlmediaelement.autoplay property reflects the autoplay html attribute, indicating whether playback should automatically begin as soon as enough media is available to do so without interruption.
...mes active (that is, when mediastream.active becomes true).
...ement will begin playback as soon as enough content has loaded to allow it to do so without interruption.
HTMLMediaElement: loadstart event - Web APIs
the loadstart event is fired when the browser has started to load a resource.
... "button log" "video log"; } button { grid-area: button; width: 10rem; margin: .5rem 0; } video { grid-area: video; } .event-log { grid-area: log; } .event-log>label { display: block; } js const loadvideo = document.queryselector('button'); const video = document.queryselector('video'); const eventlog = document.queryselector('.event-log-contents'); let source = null; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.locat...
...ent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status html living standardthe definition of 'loadstart media event' in that specificatio...
HTMLMediaElement.networkState - Web APIs
tate property indicates the current state of the fetching of media over the network.
...value an unsigned short.
... htmlmediaelement is active and has selected a resource, but is not using the network.
HTMLMediaElement: progress event - Web APIs
the progress event is fired periodically as the browser loads a resource.
... "button log" "video log"; } button { grid-area: button; width: 10rem; margin: .5rem 0; } video { grid-area: video; } .event-log { grid-area: log; } .event-log>label { display: block; } javascript const loadvideo = document.queryselector('button'); const video = document.queryselector('video'); const eventlog = document.queryselector('.event-log-contents'); let source = null; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.locat...
...ent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status html living standardthe definition of 'progress media event' in that specification.
HTMLMediaElement.readyState - Web APIs
the htmlmediaelement.readystate property indicates the readiness state of the media.
... the htmlmediaelement.readystate property indicates the readiness state of the media.
...ough_data 4 enough data is available—and the download rate is high enough—that the media can be played through to the end without interruption.
HTMLMediaElement.seekable - Web APIs
ges.push([timerangesobject.start(count), timerangesobject.end(count)]); } specifications specification status comment html living standardthe definition of 'htmlmediaelement' in that specification.
...fication.
...ng standard no change from html5 html5the definition of 'htmlmediaelement' in that specification.
HTMLVideoElement.msIsStereo3D - Web APIs
msisstereo3d is a read-only property which determines whether the system considers the loaded video source to be stereo 3-d or not.
... msisstereo3d is a read-only property which determines whether the system considers the loaded video source to be stereo 3-d or not.
...urce to be stereo 3-d or not.
IDBRequest - Web APIs
#0095dd; pointer-events: all;} properties also inherits properties from eventtarget.
...s: all;} properties also inherits properties from eventtarget.
... idbrequest.error read only returns a domexception in the event of an unsuccessful request, indicating what went wrong.
ImageBitmap - Web APIs
the imagebitmap interface represents a bitmap image which can be drawn to a <canvas> without undue latency.
... the imagebitmap interface represents a bitmap image which can be drawn to a <canvas> without undue latency.
...map provides an asynchronous and resource efficient pathway to prepare textures for rendering in webgl.
Basic concepts - Web APIs
nsaction with a scope that just covers the flyingmonkey object store, you can start a second transaction with a scope of the unicorncentaur and unicornpegasus object stores.
...ject store are automatically updated.
...ch a transaction applies.
InputDeviceCapabilities API - Web APIs
the inputdevicecapabilities api provides details about the underlying sources of input events.
...s.
...has a touch interface.
InstallEvent - Web APIs
hods inherits methods from its parent, extendableevent.
...ed via chrome://serviceworker-internals.
...c/1302286216006/config/customlogo.gif' ]; console.log('handling install event.
Locks.mode - Web APIs
Web › API › Lock › mode
quest() when the lock was requested.
...ed".
...show how the mode property is passed in the call to lockmanager.request().
MediaDecodingConfiguration - Web APIs
ng tested when calling mediacapabilities.decodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
... media configuration is supported, smooth, and/or power efficient.
... two values: file: represents a configuration that is meant to be used for a plain file playback.
MediaError - Web APIs
rms using a numeric code categorizing the kind of error, and a message, which provides specific diagnostics about what went wrong.
...d 1 the fetching of the associated resource was aborted by the user's request.
... media_err_network 2 some kind of network error occurred which prevented the media from being successfully fetched, despite having previously been available.
MediaStreamTrack.label - Web APIs
the mediastreamtrack.label read-only property returns a domstring containing a user agent-assigned label that identifies the track source, as in "internal microphone".
... the mediastreamtrack.label read-only property returns a domstring containing a user agent-assigned label that identifies the track source, as in "internal microphone".
... the mediastreamtrack.label read-only property returns a domstring containing a user agent-assigned label that identifies the track source, as in "internal microphone".
MediaTrackConstraints.deviceId - Web APIs
familiar with.
...; constraintsobject.deviceid = constraint; value an object based on constraindomstring specifying one or more acceptable, ideal, and/or exact (mandatory) device ids which are acceptable as the source of media content.
...andated by the specification (although some kind of guid is recommended).
MediaTrackConstraints.groupId - Web APIs
devices.getsupportedconstraints().
...r with.
... that come from the same physical device.
MediaTrackSettings.autoGainControl - Web APIs
whether or not automatic gain control (agc) is enabled on an audio track.
... an audio track.
...in the mediatrackconstraints.autogaincontrol property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
Using the Media Capabilities API - Web APIs
ility to encode or decode media given a specified set of encoding parameters.
...uration the mediacapabilities.decodinginfo() method takes as a parameter a media decoding configuration.
...: 'not ') + 'power efficient.') }); the response provided is defined by the mediacapabilitiesinfo interface.
Media Capture and Streams API (Media Stream) - Web APIs
epresenting various audio or video tracks.
...put and a single output.
...esenting to a media element, like <video> or <audio>, a stream originating over the network, and obtained via the webrtc rtcpeerconnection api, or a stream created using the web audio api mediastreamaudiosourcenode.
MessageEvent - Web APIs
the messageevent interface represents a message received by a target object.
...ructor messageevent() creates a new messageevent.
... a new messageevent.
OfflineAudioContext.OfflineAudioContext() - Web APIs
from our basic concepts guide.
...return value a new offlineaudiocontext object whose associated audiobuffer is configured as requested.
... a regular audiocontext, an offlineaudiocontext can be the target of events, therefore it implements the eventtarget interface.
OscillatorNode - Web APIs
the oscillatornode interface represents a periodic waveform, such as a sine wave.
... channel interpretation speakers constructor oscillatornode() creates a new instance of an oscillatornode object, optionally providing an object specifying default values for the node's properties.
...r custom to use a periodicwave to describe a custom waveform.
PannerNode.panningModel - Web APIs
r audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; value a enum — see panningmodeltype.
..., and wanting delivery of audio to change realistically as your character moves closer to or further away from a music player such as a stereo.
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PerformanceEntry.entryType - Web APIs
eturn value depends on the subtype of the performanceentry object and affects the value of the performanceentry.name property as shown by the table below.
...the subtype of the performanceentry object and affects the value of the performanceentry.name property as shown by the table below.
...value of the performanceentry.name property as shown by the table below.
PerformanceEntry.name - Web APIs
tax var name = entry.name; return value the return value depends on the subtype of the performanceentry object and the value of performanceentry.entrytype, as shown by the table below.
...try.name; return value the return value depends on the subtype of the performanceentry object and the value of performanceentry.entrytype, as shown by the table below.
...ends on the subtype of the performanceentry object and the value of performanceentry.entrytype, as shown by the table below.
PerformanceObserverEntryList.getEntries() - Web APIs
tries = list.getentries({name: "entry_name", entrytype: "mark"}); parameters performanceentryfilteroptionsoptional is a performanceentryfilteroptions dictionary, having the following fields: "name", the name of a performance entry.
... performanceentryfilteroptionsoptional is a performanceentryfilteroptions dictionary, having the following fields: "name", the name of a performance entry.
..., "mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event types observe_all.observe({entrytypes: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to frame event only observe_frame.observe({entrytypes: ['frame']}); specifications specification status comment ...
PhotoCapabilities.redEyeReduction - Web APIs
the redeyereduction read-only property of the photocapabilities interface returns an enum indicating the red-eye reduction capability of the source.
... the redeyereduction read-only property of the photocapabilities interface returns an enum indicating the red-eye reduction capability of the source.
...ocapabilities interface returns an enum indicating the red-eye reduction capability of the source.
ProgressEvent - Web APIs
the progressevent interface represents events measuring progress of an underlying process, like an http request (for an xmlhttprequest, or the loading of the underlying resource of an <img>, <audio>, <video>, <style> or <link>).
... work to be done, and the amount of work already done, by the underlying process is calculable.
...ing process.
RTCDataChannel: error event - Web APIs
tcerrorevent object provides details about the error that occurred; see that article for details.
...tp failure: ", err.sctpcausecode); } else { console.error(" unknown sctp error"); } break; case "dtls-failure": if (err.receivedalert) { console.error(" received dlts failure alert: ", err.receivedalert); } if (err.sentalert) { console.error(" sent dlts failure alert: ", err.receivedalert); } break; } // add source file name and line information console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of the domexception interface.
...", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of the domexception interface.
RTCOutboundRtpStreamStats - Web APIs
tboundrtpstreamstats object was generated.
...aining why the resolution and/or frame rate is being limited for this rtp stream.
...s id is stable across multiple calls to getstats().
RTCStatsReport - Web APIs
.
...ter the transport switches to another candidate pair; this change cannot be detected otherwise.
...t be detected otherwise.
Request - Web APIs
Web › API › Request
the request interface of the fetch api represents a resource request.
...s of the request (e.g., omit, same-origin, include).
...uest using the request() constructor with some initial data and body content for an api request which need a body payload: const request = new request('https://example.com', {method: 'post', body: '{"foo": "bar"}'}); const url = request.url; const method = request.method; const credentials = request.credentials; const bodyused = request.bodyused; note: the body type can only be a blob, buffersource, formdata, urlsearchparams, usvstring or readablestream type, so for adding a json object to the payload you need to stringify that object.
SVGAElement - Web APIs
ulate them.
...eferrerpolicy.
...ank") { console.log("blank!"); linkref.target = "_self"; } else { console.log("sorry!
ServiceWorkerMessageEvent.ServiceWorkerMessageEvent() - Web APIs
pe a domstring that defines the type of the message event being created.
...tring that defines the type of the message event being created.
...he origin of the corresponding service worker's environment settings object.
ServiceWorkerMessageEvent - Web APIs
modern browsers, this interface has been deprecated.
...ce.
...es from its parent, event.
getTrackById() - Web APIs
texttracklist.gettrackbyid(id); paramters id a domstring indicating the id of the track to locate within the track list.
...d); paramters id a domstring indicating the id of the track to locate within the track list.
... return value a texttrack object indicating the first track found within the texttracklist whose id matches the specified string.
Touch.clientX - Web APIs
Web › API › Touch › clientX
uch.clientx and touch.clienty properties.
...sume the user initiates a touch on an element with an id of source, moves within the element or out of the element and then releases contact with the surface.
...nt with an id of source, moves within the element or out of the element and then releases contact with the surface.
Touch.clientY - Web APIs
Web › API › Touch › clientY
uch.clientx and touch.clienty properties.
...sume the user initiates a touch on an element with an id of source, moves within the element or out of the element and then releases contact with the surface.
...nt with an id of source, moves within the element or out of the element and then releases contact with the surface.
Touch.pageX - Web APIs
Web › API › Touch › pageX
h.pagey properties.
...set.
...he user initiates one or more touch contacts on the source element, moves the touch points and then releases all contacts with the surface.
Touch.pageY - Web APIs
Web › API › Touch › pageY
h.pagey properties.
...set.
...he user initiates one or more touch contacts on the source element, moves the touch points and then releases all contacts with the surface.
Touch.screenX - Web APIs
Web › API › Touch › screenX
touch object's touch.screenx and touch.screeny properties.
...ordinate of a touch point relative to the screen in css pixels.
... css pixels.
Touch.target - Web APIs
Web › API › Touch › target
hpoint.target; return value el the target element of the touch object.
... on which a touch point is started when contact is first placed on the surface.
...first placed on the surface.
getTrackById - Web APIs
eotracklist.gettrackbyid(id); paramters id a domstring indicating the id of the track to locate within the track list.
...; paramters id a domstring indicating the id of the track to locate within the track list.
...eturn value a videotrack object indicating the first track found within the videotracklist whose id matches the specified string.
WebGLRenderingContext.getShaderInfoLog() - Web APIs
d compile information.
...yntax gl.getshaderinfolog(shader); parameters shader a webglshader to query.
... shader a webglshader to query.
A basic 2D WebGL animation example - Web APIs
linking the program, the error message is logged to console.
...tus)) { console.log(`error compiling ${type === gl.vertex_shader ?
... ?
Using shaders to apply color in WebGL - Web APIs
buffer, color: colorbuffer, }; } this code starts by creating a javascript array containing four 4-value vectors, one for each vertex color.
...ctionmatrix; varying lowp vec4 vcolor; void main(void) { gl_position = uprojectionmatrix * umodelviewmatrix * avertexposition; vcolor = avertexcolor; } `; the key difference here is that for each vertex, we pass its color using a varying to the fragment shader.
...vertex, we pass its color using a varying to the fragment shader.
self.createImageBitmap() - Web APIs
the createimagebitmap() method creates a bitmap from a given source, optionally cropped to contain only a portion of that source.
... the createimagebitmap() method creates a bitmap from a given source, optionally cropped to contain only a portion of that source.
...d to contain only a portion of that source.
WindowOrWorkerGlobalScope - Web APIs
ates a base-64 encoded ascii string from a string of binary data.
...rglobalscope.clearinterval() cancels the repeated execution set using windoworworkerglobalscope.setinterval().
...ayed execution set using windoworworkerglobalscope.settimeout().
WorkerGlobalScope - Web APIs
ates a base-64 encoded ascii string from a string of binary data.
...rglobalscope.clearinterval() cancels the repeated execution set using windoworworkerglobalscope.setinterval().
...ayed execution set using windoworworkerglobalscope.settimeout().
Sending and Receiving Binary Data - Web APIs
in the array } } }; oreq.send(null); you can also read a binary file as a blob by setting the string "blob" to the responsetype property.
...e responsetype property.
...ridemimetype('text\/plain; charset=x-user-defined'); req.send(null); if (req.status != 200) return ''; return req.responsetext; } the magic happens in line 5, which overrides the mime type, forcing the browser to treat it as plain text, using a user-defined character set.
XRRenderState.baseLayer - Web APIs
the read-only baselayer property of the xrrenderstate interface returns the xrwebgllayer instance that is the source of bitmap images and a description of how the image is to be rendered in the device.
...selayer property of the xrrenderstate interface returns the xrwebgllayer instance that is the source of bitmap images and a description of how the image is to be rendered in the device.
...tion setnewwebgllayer(gl) { if (!gl) { /* webgl not available */ return; } xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl); }); }; here, the canvas obtained in the first line is the canvas into which webgl is going to draw.
XRSession.onsqueezeend - Web APIs
an xrsession when a primary squeeze action ends.
...see if the variable user.heldobject contains a reference to an object representing the held item.
...m.
XRSession.onsqueezestart - Web APIs
erface's onsqueezestart event handler property can be set to a function which is then invoked to handle the squeezestart event that's sent when the user successfully begins a primary squeeze action on a webxr input device.
...s a simple handler for the squeezestart event, which responds only to events on the user's dominant hand by getting the target ray, then calling a function findobjectusingray() to identify the object that the user is pointing at.
...nant hand by getting the target ray, then calling a function findobjectusingray() to identify the object that the user is pointing at.
Using the alert role - Accessibility
age.
...nology should handle this technique.
... interactive controls (such as form controls that allow the user to rectify a problem, or an "ok" button that discards the alert) the alertdialog role should be used instead.
Using the group role - Accessibility
ing this the focused control may be announced.
... </div> <div id="catgroup" role="group"> <div id="siamese" role="treeitem"> <span tabindex="-1">siamese</span> </div> <div id="tabby" role="treeitem"> <span tabindex="-1">tabby</span> </div> </div> </div> </div> example 2: using the group role with a html drop-down menu the snippet below shows how the group role is added directly into the html source code.
... navigation treeview example using declared properties notes group members that are outside of the dom subtree of the group need to have explicit relationships assigned to them in order to participate in the group.
Web applications and ARIA FAQ - Accessibility
er on ios5 or os x lion opera 9.5+ requires voiceover on os x.
...heir equivalents on the desktop.
... variety of usability and accessibility techniques.
Accessibility: What users can do to browse more safely - Accessibility
icle revisiting prefers-reduced-motion, the reduced motion media query, "while microsoft edge does not have support for prefers-reduced-motion, it will become chrome under the hood soon." safari 10.1 and above (desktop) do not enable auto-play (does not work for gifs) ios safari 10.3 and above (mobile and tablet) select the "reduce motion option" in os accessibility settings for apple (image source: developers.google.com from thomas steiner's article "move ya!
...nder the hood soon." safari 10.1 and above (desktop) do not enable auto-play (does not work for gifs) ios safari 10.3 and above (mobile and tablet) select the "reduce motion option" in os accessibility settings for apple (image source: developers.google.com from thomas steiner's article "move ya!
...g systems such as windows 10, have accessibility options that are surprisingly powerful.
Understandable - Accessibility
s for understandable and its guidelines and success criteria, see principle 3: understandable — information and the operation of user interface must be understandable.
...nciation guide for english dictionary note: also see the wcag description for guideline 3.1 readable: make text content readable and understandable.
... note: also see the wcag description for guideline 3.2 predictable: make web pages appear and operate in predictable ways.
@font-face - CSS: Cascading Style Sheets
by a font-face, for example font-weight: 100 400; font-variant a font-variant value.
...tion-settings allows low-level control over opentype or truetype font variations, by specifying the four letter axis names of the features to vary, along with their variation values.
...serif.ttf) format("truetype"); the available types are: "woff", "woff2", "truetype", "opentype", "embedded-opentype", and "svg".
@import - CSS: Cascading Style Sheets
Web › CSS › @import
the @import css at-rule is used to import style rules from other style sheets.
...specify a file; it can just specify the package name and part, and the appropriate file is chosen automatically (e.g.
...e linked url.
Flow Layout and Writing Modes - CSS: Cascading Style Sheets
horizontal writing mode.
...rtical writing modes.
...ocument.
Introducing the CSS Cascade - CSS: Cascading Style Sheets
Web › CSS › Cascade
the cascade is an algorithm that defines how to combine property values originating from different sources.
... the website — its theme.
...s, using @keyframes at-rules, define animations between states.
Media queries - CSS: Cascading Style Sheets
ait mode, or bump up the size of buttons on touchscreens.
...reens.
... style sheet based on the result of a media query.
font-variant-numeric - CSS: Cascading Style Sheets
the font-variant-numeric css property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
...umeric-spacing-values> | <numeric-fraction-values> | ordinal | slashed-zero ]where <numeric-figure-values> = [ lining-nums | oldstyle-nums ]<numeric-spacing-values> = [ proportional-nums | tabular-nums ]<numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ] examples setting ordinal numeric forms html <p class="ordinal">1st, 2nd, 3rd, 4th, 5th</p> css /* this example uses the source sans pro opentype font, developed by adobe and used here under the terms of the sil open font license, version 1.1: http://scripts.sil.org/cms/scripts/page.php?item_id=ofl_web */ @font-face { font-family: "source sans pro"; font-style: normal; font-weight: 400; src: url("https://mdn.mozillademos.org/files/15757/sourcesanspro-regular.otf") format("opentype"); } .ordinal { font-variant-...
... by adobe and used here under the terms of the sil open font license, version 1.1: http://scripts.sil.org/cms/scripts/page.php?item_id=ofl_web */ @font-face { font-family: "source sans pro"; font-style: normal; font-weight: 400; src: url("https://mdn.mozillademos.org/files/15757/sourcesanspro-regular.otf") format("opentype"); } .ordinal { font-variant-numeric: ordinal; font-family: "source sans pro"; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-numeric' in that specification.
order - CSS: Cascading Style Sheets
Web › CSS › order
the order css property sets the order to lay out an item in a flex or grid container.
... the order css property sets the order to lay out an item in a flex or grid container.
...der property will create a disconnect between the visual presentation of content and dom order.
Adding captions and subtitles to HTML5 video - Developer guides
pis, and also at how to style the player.
... html markup as mentioned above, we need to make use of the new html5 <track> element to add our subtitle files to the html5 video.
...he new html5 <track> element to add our subtitle files to the html5 video.
Writing Web Audio API code that works in every browser - Developer guides
you now know why.
...ection in the spec that lists the old names and their updated equivalences; be sure to check it out and change your code accordingly.
...urora.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
bly also need to add some core neutral colors such as white (or nearly white), black (or nearly black), and some number of shades of gray.
...color to accentuate rather than adding color to everything on the page, you keep your content easy to read and the colors you do use have far more impact.
...es about color theory: color science (khan academy in association with pixar) an online course which introduces concepts such as what color is, how it's percieved, and how to use colors to express ideas.
Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language
mages that, in combination with an appropriate cors header, allows images defined by the <img> element that are loaded from foreign origins to be used in a <canvas> as if they had been loaded from the current origin.
...ding images or videos retrieved from other hosts, it's inevitable that security problems may arise.
... one which is no longer considered secure, and any attempts to retrieve image data back from the canvas will cause an exception to be thrown.
DASH Adaptive Streaming for HTML 5 Video - HTML: Hypertext Markup Language
h between bit rates on the basis of network performance, in order to keep a video playing.
...fest and the associated video files on your web server or cdn.
...eo files on your web server or cdn.
<applet>: The Embed Java Applet element - HTML: Hypertext Markup Language
Web › HTML › Element › applet
d.
...ode attribute are stored.
...height, in pixels, that the applet needs.
<del>: The Deleted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › del
the html <del> element represents a range of text that has been deleted from a document.
... the html <del> element represents a range of text that has been deleted from a document.
...t transparent.
tabindex - HTML: Hypertext Markup Language
the tabindex global attribute indicates that its element can be focused, and where it participates in sequential keyboard navigation (usually with the tab key, hence the name).
...alue is useful when you have off-screen content that appears on a specific event.
...he document's source order.
Microformats - HTML: Hypertext Markup Language
hem to understand the information on web pages and provide more relevant results to users.
...mcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"/></a> <a class="p-name u-url" href="https://quickthoughts.jgregorymcverry.com/profile/jgmac1106">greg mcverry</a></span> replied to <a class="u-in-reply-to" href="/docs/web/html/microformats">a post on <strong>developer.mozilla.org</strong> </a>: </p> <p class="p-name e-content">hey thanks for making this microformats resource</p> <p> <a href="https://quickthoughts.jgregorymcverry.com/profile/jgmac1106">greg mcverry</a> published this <a class="u-url url" href="https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource"><time class="dt-published" datetime="2019-05-31t14:19:09+0000">31 may 2019</time></a></p> </div> { "items": [ { "type": [ "h-entry" ], ...
...ef="https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource"><time class="dt-published" datetime="2019-05-31t14:19:09+0000">31 may 2019</time></a></p> </div> { "items": [ { "type": [ "h-entry" ], "properties": { "in-reply-to": [ "/docs/web/html/microformats" ], "name": [ "hey thanks for making this microformats resource" ], "url": [ "https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource" ], "published": [ "2019-05-31t14:19:09+0000" ], "content": [ { "html": "hey thanks for making this microformats resource", "value": "hey thanks for making this microformats resource", "lang": "en" } ...
Browser detection using the user agent - HTTP
cat boxes are separated from all the dog boxes such that the cat and dog boxes are not intermixed together.
... cat and dog boxes are not intermixed together.
...s a column layout and resents all the dogs to the left and all the cats to the right.
CORS errors - HTTP
Web › HTTP › CORS › Errors
cross-origin resource sharing (cors) is a standard that allows a server to relax the same-origin policy.
...sary to relax certain restrictions.
... so: navigate to the web site or web app in question and open the developer tools.
Allow - HTTP
Web › HTTP › Headers › Allow
the allow header lists the set of methods supported by a resource.
... the allow header lists the set of methods supported by a resource.
... the allow header lists the set of methods supported by a resource.
CSP: sandbox - HTTP
the http content-security-policy (csp) sandbox directive enables a sandbox for the requested resource similar to the <iframe> sandbox attribute.
...rt a presentation session.
...s not used, this operation is not allowed.
If-Range - HTTP
Web › HTTP › Headers › If-Range
the if-range http request header makes a range request conditional: if the condition is fulfilled, the range request will be issued and the server sends back a 206 partial content answer with the appropriate body.
...is fulfilled, the range request will be issued and the server sends back a 206 partial content answer with the appropriate body.
...common use case is to resume a download, to guarantee that the stored resource has not been modified since the last fragment has been received.
Referrer-Policy - HTTP
forming a same-origin request, only send the origin when the protocol security level stays the same while performing a cross-origin request (https→https), and send no header to any less-secure destinations (https→http).
...<meta name="referrer" content="origin"> or set it for individual requests with the referrerpolicy attribute on <a>, <area>, <img>, <iframe>, <script>, or <link> elements: <a href="http://example.com" referrerpolicy="origin"> alternatively, a noreferrer link relation on an a, area, or link element can be set: <a href="http://example.com" rel="noreferrer"> integration with css css can fetch resources referenced from stylesheets.
...et it for individual requests with the referrerpolicy attribute on <a>, <area>, <img>, <iframe>, <script>, or <link> elements: <a href="http://example.com" referrerpolicy="origin"> alternatively, a noreferrer link relation on an a, area, or link element can be set: <a href="http://example.com" rel="noreferrer"> integration with css css can fetch resources referenced from stylesheets.
Want-Digest - HTTP
the want-digest http header is primarily used in a http request, to ask the responder to provide a digest of the requested resource using the digest response header.
...ot support any of the requested digest algorithms, so responds with a 400 error and includes another want-digest header, listing the algorithms that it does support: request: get /item want-digest: sha;q=1 response: http/1.1 400 bad request want-digest: sha-256, sha-512 specifications specification title draft-ietf-httpbis-digest-headers-latest resource digests for http this header was originally defined in rfc 3230, but the definition of "selected representation" in rfc 7231 made the original definition inconsistent with current http specifications.
...0 bad request want-digest: sha-256, sha-512 specifications specification title draft-ietf-httpbis-digest-headers-latest resource digests for http this header was originally defined in rfc 3230, but the definition of "selected representation" in rfc 7231 made the original definition inconsistent with current http specifications.
PUT - HTTP
Web › HTTP › Methods › PUT
the http put request method creates a new resource or replaces a representation of the target resource with the request payload.
...g an order several times.
.../1.1 example request put /new.html http/1.1 host: example.com content-type: text/html content-length: 16 <p>new file</p> responses if the target resource does not have a current representation and the put request successfully creates one, then the origin server must inform the user agent by sending a 201 (created) response.
200 OK - HTTP
Web › HTTP › Status › 200
the http 200 ok success status response code indicates that the request has succeeded.
... the http 200 ok success status response code indicates that the request has succeeded.
...e has been fetched and is transmitted in the message body.
201 Created - HTTP
Web › HTTP › Status › 201
the http 201 created success status response code indicates that the request has succeeded and has led to the creation of a resource.
... the http 201 created success status response code indicates that the request has succeeded and has led to the creation of a resource.
... the http 201 created success status response code indicates that the request has succeeded and has led to the creation of a resource.
302 Found - HTTP
Web › HTTP › Status › 302
the hypertext transfer protocol (http) 302 found redirect status response code indicates that the resource requested has been temporarily moved to the url given by the location header.
... the hypertext transfer protocol (http) 302 found redirect status response code indicates that the resource requested has been temporarily moved to the url given by the location header.
... software out there.
404 Not Found - HTTP
Web › HTTP › Status › 404
the http 404 not found client error response code indicates that the server can't find the requested resource.
... the http 404 not found client error response code indicates that the server can't find the requested resource.
... the http 404 not found client error response code indicates that the server can't find the requested resource.
451 Unavailable For Legal Reasons - HTTP
Web › HTTP › Status › 451
the hypertext transfer protocol (http) 451 unavailable for legal reasons client error response code indicates that the user requested a resource that is not available due to legal reasons, such as a web page for which a legal action has been issued.
...ed.
...gal reasons link: <https://spqr.example.org/legislatione>; rel="blocked-by" content-type: text/html <html> <head><title>unavailable for legal reasons</title></head> <body> <h1>unavailable for legal reasons</h1> <p>this request may not be serviced in the roman province of judea due to the lex julia majestatis, which disallows access to resources hosted on servers deemed to be operated by the people's front of judea.</p> </body> </html> specifications specification title rfc 7725: 451 unavailable for legal reasons an http status code to report legal obstacles ...
extends - JavaScript
the extends keyword is used in class declarations or class expressions to create a class that is a child of another class.
...mples and send us a pull request.
...dth and height super(length, length); // note: in derived classes, super() must be called before you // can use 'this'.
Function.name - JavaScript
a function object's read-only name property indicates the function's name as specified when it was created, or it may be rather anonymous or ''(an empty string) for functions created anonymously.
...s and send us a pull request.
...avascript compressors and minifiers warning: be careful when using function.name and source code transformations, such as those carried out by javascript compressors (minifiers) or obfuscators.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetimeformat.prototype.formatrangetoparts() method allows locale-specific tokens representing each part of the formatted date range produced by datetimeformat formatters.
... 0, 0)); let date2 = new date(date.utc(2007, 0, 10, 11, 0, 0)); // > 'wed, 10 jan 2007 10:00:00 gmt' // > 'wed, 10 jan 2007 11:00:00 gmt' let fmt = new intl.datetimeformat("en", { hour: 'numeric', minute: 'numeric' }); console.log(fmt.formatrange(date1, date2)); // > '10:00 – 11:00 am' fmt.formatrangetoparts(date1, date2); // return value: // [ // { type: 'hour', value: '10', source: "startrange" }, // { type: 'literal', value: ':', source: "startrange" }, // { type: 'minute', value: '00', source: "startrange" }, // { type: 'literal', value: ' – ', source: "shared" }, // { type: 'hour', value: '11', source: "endrange" }, // { type: 'literal', value: ':', source: "endrange" }, // { type: 'minute', value: '00', source: "endrange" ...
...value: ':', source: "startrange" }, // { type: 'minute', value: '00', source: "startrange" }, // { type: 'literal', value: ' – ', source: "shared" }, // { type: 'hour', value: '11', source: "endrange" }, // { type: 'literal', value: ':', source: "endrange" }, // { type: 'minute', value: '00', source: "endrange" }, // { type: 'literal', value: ' ', source: "shared" }, // { type: 'dayperiod', value: 'am', source: "shared" } // ] specifications specification intl.datetimeformat.formatrangethe definition of 'formatrangetoparts()' in that specification.
Symbol - JavaScript
existing symbols with the given key and returns it if found.
...eturns it if found.
... global symbol registry with key.
TypedArray.prototype.copyWithin() - JavaScript
the copywithin() method copies the sequence of array elements within the array to the position starting at target.
...ray types here.
....
WebAssembly.compile() - JavaScript
the webassembly.compile() function compiles webassembly binary code into a webassembly.module object.
... the webassembly.compile() function compiles webassembly binary code into a webassembly.module object.
...ated (otherwise, the webassembly.instantiate() function should be used).
WebAssembly - JavaScript
rap.
...webassembly.instantiatestreaming() compiles and instantiates a webassembly module directly from a streamed underlying source, returning both a module and its first instance.
...ion as a separate step.
Lexical grammar - JavaScript
this page describes javascript's lexical grammar.
...oiner <zwj> placed between characters that would not normally be connected in order to cause the characters to be rendered using their connected form in certain languages (wikipedia).
...dia).
try...catch - JavaScript
the try...catch statement marks a block of statements to try and specifies a response should an exception be thrown.
...n.
...en if no catch-block handles the exception.
Using images in HTML - Web media technologies
Web › Media › images
the html <img> element lets you embed images into an html document, while the <picture> element enables responsive images.
... elements and css properties that are used to control how images are displayed on the web.
... image in a webpage.
Progressive web app structure - Progressive web apps (PWAs)
screen sizes, viewports or pixel densities, using technologies like viewport meta tag, css media queries, flexbox, and css grid.
...kgames.png" alt="js13kgames"></a></p> </header> <main> <h1>js13kgames a-frame entries</h1> <p class="description">list of games submitted to the <a href="http://js13kgames.com/aframe">a-frame category</a> in the <a href="http://2017.js13kgames.com">js13kgames 2017</a> competition.
....log('[service worker] caching all: app shell and content'); return cache.addall(contenttocache); }) ); }); last of all, the service worker fetches content from the cache if it is available there, providing offline functionality: self.addeventlistener('fetch', function(e) { e.respondwith( caches.match(e.request).then(function(r) { console.log('[service worker] fetching resource: '+e.request.url); return r || fetch(e.request).then(function(response) { return caches.open(cachename).then(function(cache) { console.log('[service worker] caching new resource: '+e.request.url); cache.put(e.request, response.clone()); return response; }); }); }) ); }); the javascript data the games data is present in the data fol...
Progressive web apps (PWAs)
on if you want to learn more about the concepts behind the service worker api and how to use it in more detail.
...g client-side data storage really simple; it uses indexeddb by default and falls back to web sql/web storage if necessary.
... web apps check list.
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
the svg conditional processing attributes are all the attributes that can be specified on some svg elements to control whether or not the element on which it appears should be rendered.
... the svg conditional processing attributes are all the attributes that can be specified on some svg elements to control whether or not the element on which it appears should be rendered.
...nal processing attributes are all the attributes that can be specified on some svg elements to control whether or not the element on which it appears should be rendered.
href - SVG: Scalable Vector Graphics
Web › SVG › Attribute › href
the href attribute defines a link to a resource as a reference url.
...rrent svg document fragment, then whether the target element will be removed or not is defined by the host language.
... value none animatable yes radialgradient for <radialgradient>, href defines url referring to a template gradient element; to be valid, the reference must be to a different <lineargradient> or <radialgradient> element.
lighting-color - SVG: Scalable Vector Graphics
the lighting-color attribute defines the color of the light source for lighting filter primitives.
... the lighting-color attribute defines the color of the light source for lighting filter primitives.
... height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" lighting-color="white"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" lighting-color="blue"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes value color default value white ...
pointsAtX - SVG: Scalable Vector Graphics
the pointsatx attribute represents the x location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
...tion in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
... html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="lighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsatx="0" /> </fediffuselighting> </filter> <filter id="lighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsatx="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable ...
pointsAtY - SVG: Scalable Vector Graphics
the pointsaty attribute represents the y location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
...tion in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
... html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="lighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsaty="0" /> </fediffuselighting> </filter> <filter id="lighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsaty="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable ...
pointsAtZ - SVG: Scalable Vector Graphics
the pointsatz attribute represents the y location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing, assuming that, in the initial local coordinate system, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
...tem, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
... html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="lighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="100" y="100" z="50" pointsatz="0" /> </fediffuselighting> </filter> <filter id="lighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="100" y="100" z="50" pointsatz="80" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable ...
scale - SVG: Scalable Vector Graphics
Web › SVG › Attribute › scale
lter> element.
...%"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="5"/> </filter> <filter id="displacementfilter2" x="-20%" y="-20%" width="140%" height="140%"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50"/> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter);""/> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter2); transform: translatex(240px);""/> </svg> usage notes value <number> default value none animatable yes <number> this value defines the scale factor for the ...
...isplacementfilter);""/> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter2); transform: translatex(240px);""/> </svg> usage notes value <number> default value none animatable yes <number> this value defines the scale factor for the displacement.
xlink:arcrole - SVG: Scalable Vector Graphics
the xlink:arcrole attribute specifies a contextual role for the element and corresponds to the rdf primer notion of a property.
... the xlink:arcrole attribute specifies a contextual role for the element and corresponds to the rdf primer notion of a property.
...lor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, <use> usage notes value <iri> default value none animatable no <iri> this value specifies an iri reference that identifies some resource that describes the intended property.
xlink:title - SVG: Scalable Vector Graphics
the xlink:title attribute is used to describe the meaning of a link or resource in a human-readable fashion.
...e is used to describe the meaning of a link or resource in a human-readable fashion.
...ransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage context value <anything> default value none animatable no <anything> this value specifies the title used to describe the meaning of the link or resource.
<feColorMatrix> - SVG: Scalable Vector Graphics
<g id="circles"> <circle cx="30" cy="30" r="20" fill="blue" fill-opacity="0.5" /> <circle cx="20" cy="50" r="20" fill="green" fill-opacity="0.5" /> <circle cx="40" cy="50" r="20" fill="red" fill-opacity="0.5" /> </g> </defs> <use href="#circles" /> <text x="70" y="50">reference</text> <!-- identity matrix --> <filter id="colormethesame"> <fecolormatrix in="sourcegraphic" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /> </filter> <use href="#circles" transform="translate(0 70)" filter="url(#colormethesame)" /> <text x="70" y="120">identity matrix</text> <!-- combine rgb into green matrix --> <filter id="colormegreen"> <fecolormatrix in="sourcegraphic" t...
... id="colormegreen"> <fecolormatrix in="sourcegraphic" type="matrix" values="0 0 0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0 1 0" /> </filter> <use href="#circles" transform="translate(0 140)" filter="url(#colormegreen)" /> <text x="70" y="190">rgbtogreen</text> <!-- saturate --> <filter id="colormesaturate"> <fecolormatrix in="sourcegraphic" type="saturate" values="0.2" /> </filter> <use href="#circles" transform="translate(0 210)" filter="url(#colormesaturate)" /> <text x="70" y="260">saturate</text> <!-- huerotate --> <filter id="colormehuerotate"> <fecolormatrix in="sourcegraphic" type="huerotate" values="180" /> </filter> <use href="#circles" transform="translate(0 280)" ...
... <text x="70" y="260">saturate</text> <!-- huerotate --> <filter id="colormehuerotate"> <fecolormatrix in="sourcegraphic" type="huerotate" values="180" /> </filter> <use href="#circles" transform="translate(0 280)" filter="url(#colormehuerotate)" /> <text x="70" y="330">huerotate</text> <!-- luminancetoalpha --> <filter id="colormelta"> <fecolormatrix in="sourcegraphic" type="luminancetoalpha" /> </filter> <use href="#circles" transform="translate(0 350)" filter="url(#colormelta)" /> <text x="70" y="400">luminancetoalpha</text> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the definition of '<fecolormatrix>' in that specification.
<feMergeNode> - SVG: Scalable Vector Graphics
s the result of another filter to be processed by its parent <femerge>.
...femerge>.
...svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <filter id="feoffset" x="-40" y="-20" width="100" height="200"> <feoffset in="sourcegraphic" dx="60" dy="60" /> <fegaussianblur in="sourcegraphic" stddeviation="5" result="blur2" /> <femerge> <femergenode in="blur2" /> <femergenode in="sourcegraphic" /> </femerge> </filter> <rect x="40" y="40" width="100" height="100" style="stroke: #000000; fill: green; filter: url(#feoffset);" /> <rect x="40" y="40" width="100" height="100" style="stroke: #000000; fill: green;" /> </svg> result attributes global attributes core attributes » specific attributes in dom interface this element imple...
<fePointLight> - SVG: Scalable Vector Graphics
the <fepointlight> filter primitive defines a light source which allows to create a point light effect.
... the <fepointlight> filter primitive defines a light source which allows to create a point light effect.
...ent interface.
<feSpotLight> - SVG: Scalable Vector Graphics
the <fespotlight> svg filter primitive defines a light source which allows to create a spotlight effect.
... the <fespotlight> svg filter primitive defines a light source which allows to create a spotlight effect.
...ent <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter id="spotlight"> <fespecularlighting result="spotlight" specularconstant="1.5" specularexponent="4" lighting-color="#fff"> <fespotlight x="600" y="600" z="400" limitingconeangle="5.5" /> </fespecularlighting> <fecomposite in="sourcegraphic" in2="spotlight" operator="out" k1="0" k2="1" k3="1" k4="0"/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fespotlight>' in...
<metadata> - SVG: Scalable Vector Graphics
Web › SVG › Element › metadata
ts the svgmetadataelement interface.
...svg width="400" viewbox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <metadata> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:connect="http://www.w3.org/1999/08/29-svg-connections-in-rdf#"> <rdf:description about="#cablea"> <connect:ends rdf:resource="#socket1"/> <connect:ends rdf:resource="#computera"/> </rdf:description> <rdf:description about="#cableb"> <connect:ends rdf:resource="#socket2"/> <connect:ends rdf:resource="#computerb"/> </rdf:description> <rdf:description about="#cablen"> <connect:ends rdf:resource="#socket5"/> <connect:ends>everything</connect:ends> </rdf:description> <rdf:description about="#hub"...
...scription> <rdf:description about="#cableb"> <connect:ends rdf:resource="#socket2"/> <connect:ends rdf:resource="#computerb"/> </rdf:description> <rdf:description about="#cablen"> <connect:ends rdf:resource="#socket5"/> <connect:ends>everything</connect:ends> </rdf:description> <rdf:description about="#hub"> <connect:ends rdf:resource="#socket1"/> <connect:ends rdf:resource="#socket2"/> <connect:ends rdf:resource="#socket3"/> <connect:ends rdf:resource="#socket4"/> <connect:ends rdf:resource="#socket5"/> </rdf:description> </rdf:rdf> </metadata> <title>network</title> <desc>an example of a computer network based on a hub.</desc> <style> svg { /* default styles to be ...
Tools for SVG - SVG: Scalable Vector Graphics
9, all major browsers support svg: ie 9, mozilla firefox, safari, google chrome and opera.
...svg.
...a and offers almost complete svg 1.1 support, as well as some features that were originally planned for svg 1.2.
Mixed content - Web security
e served to the user; often images are only served on a specific page within a website.
...lists some types of http requests which are considered active content: <script> (src attribute) <link> (href attribute) (this includes css stylesheets) <iframe> (src attribute) xmlhttprequest requests fetch() requests all cases in css where a <url> value is used (@font-face, cursor, background-image, and so forth).
...ont-face, cursor, background-image, and so forth).
Secure contexts - Web security
), then the fact that the opener was insecure has no effect on whether the new window is considered secure.
... document is in a secure context is based only on considering it within the top-level browsing context with which it is associated — and not whether a non-secure context happened to be used to create it.
....
Index - XPath
Web › XPath › Index
the children of their parents.
... as two periods (..).
...tes a string and a set of characters to translate and returns the translated string.
Using the Mozilla JavaScript interface to XSL Transformations - XSLT: Extensible Stylesheet Language Transformations
ss in a full xsl transform or a literal result element transform, otherwise it must be an xsl:stylesheet or xsl:transform element.
...ansformtofragment() which will return a documentfragment node.
...with xsltprocessor.setparameter() taking a third - the value of the parameter to be set.
Loading and running WebAssembly code - WebAssembly
s, thus there is not a path to have the browser fetch modules for you using imports.
...dules for you using imports.
...bassembly.compilestreaming/webassembly.instantiatestreaming methods are a lot more efficient — they perform their actions directly on the raw stream of bytes coming from the network, cutting out the need for the arraybuffer step.
2015 MDN Fellowship Program - Archive of obsolete content
nces and wiill also allow access to push notifications and background sync apis.
...evelop web apps with performance as a feature.
Module structure of the SDK - Archive of obsolete content
// will fail, or throw an exception in strict mode self.foo = 1; // attempting to modify an existing property // will fail, or throw an exception in strict mode self.data = "foo"; using modules from outside the add-on sdk you can use commonjs modules outside the add-on sdk, in any environment where you can use components.utils.import.
...rt require() into your scope.
page-mod - Archive of obsolete content
plied as a separate file under your add-on's "data" directory, and is specified by a url typically constructed using the url() method of the self module's data object.
...rectory, and is specified by a url typically constructed using the url() method of the self module's data object.
content/mod - Archive of obsolete content
rovides functions to modify a page content.
...emoves attached modification from a given window.
core/promise - Archive of obsolete content
// read content of url asynchronously then(parse).
...hronously then(parse).
ui/button/action - Archive of obsolete content
id must be unique within your add-on.
...ed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
ui/button/toggle - Archive of obsolete content
id must be unique within your add-on.
...ed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
Localization - Archive of obsolete content
an uses four forms, that can be described as follows: one → n mod 10 is 1 and n mod 100 is not 11; few → n mod 10 in 2..4 and n mod 100 not in 12..14; many → n mod 10 is 0 or n mod 10 in 5..9 or n mod 100 in 11..14; other → everything else plural rules for all languages can be found in the cldr language plural rules page (although this table is out of date compared to the cldr xml source).
...across an add-on.
Bootstrapped extensions - Archive of obsolete content
perties: property type description id string the id of the add-on being bootstrapped.
... a step by step guide.
JS XPCOM - Archive of obsolete content
ontext, instanceof is the same as queryinterface except that it returns false instead of throwing an exception when |c| doesn't support interface |i|.
...returns false instead of throwing an exception when |c| doesn't support interface |i|.
JavaScript Debugger Service - Archive of obsolete content
ertfilter (jsdifilter filter, jsdifilter after) to insert the filter after a particular filter; you can pass null for jsdifilter after to insert at the head of the list.
... jsdifilter after) to insert the filter after a particular filter; you can pass null for jsdifilter after to insert at the head of the list.
Install Manifests - Archive of obsolete content
sic layout of an install manifest is like so: <?xml version="1.0" encoding="utf-8"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <!-- properties --> </description> </rdf> some properties are required, some are optional.
...zilla applications using the add-on manager (such as firefox and thunderbird) will send update requests to addons.mozilla.org using the default web service.
Adding windows and dialogs - Archive of obsolete content
hen possible because they interrupt the user's browsing and can become annoying very quickly.
...r examples so far, but that's not the right way to do it.
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
calling .bind() again with removeeventlistener will not work.
...p should be avoided for performance reasons, as calling .bind() does require some work and memory.
Connecting to Remote Content - Archive of obsolete content
this: <?xml version="1.0"?> <data> <shops> <shop> <name>apple</name> <code>a001</code> </shop> <shop> <name>orange</name> </shop> </shops> <total>2</total> </data> when a valid xml response comes back from the remote server, the xml document object can be manipulated using different dom methods, to display the data in the ui or store it into a local datasource.
...yid("foo").appendchild(xulnode); }; we effectively transformed the xml file into xul and integrated it into the ui.
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
number.
...emoving any executable * javascript, and return a document fragment.
Handling Preferences - Archive of obsolete content
nd "options" in different platforms.
...n different platforms.
Introduction - Archive of obsolete content
browser.
... it's good that you take some time and learn a little about mozilla.
Setting up an extension development environment - Archive of obsolete content
firefox\firefox.exe" -no-remote -p dev on windows 64 bit: start -> run "%programfiles(x86)%\mozilla firefox\firefox.exe" -no-remote -p dev to start thunderbird or seamonkey instead of firefox, substitute thunderbird, or seamonkey for the firefox used in our examples.
...ject examiner displays javascript object methods and properties for any available scope developer profile and devprefs sets up the development environment described above when installed (firefox and fennec) firefox extension proxy file extension files are normally installed in the user profile.
Signing an XPI - Archive of obsolete content
t a certificate that has a root ca installed in all major platforms (microsoft windows, sun java, mozilla/netscape firefox/navigator, opera) so you only use one certificate for signing all your software, no matter which platform it is for.
... java, microsoft) certificate seems to be the comodo instant-ssl offering.
Add-ons - Archive of obsolete content
y 2 starting with seamonkey 2 alpha 1 seamonkey supports toolkit/-style extensions.
... on mdc, not on xuldev), and to japanese things (like some specific locales, which have been translated to french since non-latin characters are not well supported).
JXON - Archive of obsolete content
our four ways of conversion (see: #1, #2, #3, #4).
...mple way to keep xml out of your life – dino gambone's blog web reflection: jxon – lossless javascript to xml object notation convertion convert xml to json with javascript – david walsh blog http://goessner.net/download/prj/jsonxml/ – just another json2xml and xml2json conversion tool serialize javascript objects to xml (for use with ajax) – tawani's blog rants xml.objtree – xml source code from/to javascript object like e4x – kawa.net jsonml – a conversion method which is lossless for element order, as it relies on arrays.
Building TransforMiiX standalone - Archive of obsolete content
this document is out of date.
...ons --disable-gtktest ac_add_options --without-jpeg ac_add_options --without-zlib ac_add_options --without-png ac_add_options --without-x to your .mozconfig, too, as it stops configure from testing unneeded libs.
Structure of an installable bundle - Archive of obsolete content
i plugins (>=1.8) /chrome/icons/default/* window icons (>=1.8) /icon.png extension icon, for display in the add-ons manager, 32px × 32px (>=1.9.2) /icon64.png extension icon, for display in the add-ons manager, 64px × 64px (>=2.0) /options.xul extension options, for display in the add-ons manager (>=7.0) ...
...hrome/icons/default/* window icons (>=1.8) /icon.png extension icon, for display in the add-ons manager, 32px × 32px (>=1.9.2) /icon64.png extension icon, for display in the add-ons manager, 64px × 64px (>=2.0) /options.xul extension options, for display in the add-ons manager (>=7.0) ...
Making it into a dynamic overlay and packaging it up for distribution - Archive of obsolete content
ormation for the chrome registry about the component being installed and one called install.js that contains the code to install the component.
...a:package:tinderstatus"/> </rdf:seq> <rdf:description about="urn:mozilla:package:tinderstatus" chrome:displayname="mozilla tinderstatus extension" chrome:author="myk melez" chrome:name="tinderstatus" chrome:extension="true" chrome:description="displays tinderbox status for the mozilla codebase."> </rdf:description> <rdf:seq about="urn:mozilla:overlays"> <rdf:li resource="chrome://navigator/content/navigator.xul"/> </rdf:seq> <rdf:seq about="chrome://navigator/content/navigator.xul"> <rdf:li>chrome://tinderstatus/content/tinderstatusoverlay.xul</rdf:li> </rdf:seq> </rdf:rdf> install.js, on the other hand, goes into the tinderstatus-installer directory: initinstall( "mozilla tinderstatus extension", "/mozdev/tinderstatus", "0.1"); var inst...
contents.rdf - Archive of obsolete content
copy the following text and paste it into a text file, then save that file as "contents.rdf": <?xml version="1.0"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <!-- list all the skins being supplied by this theme --> <rdf:seq about="urn:mozilla:skin:root"> <rdf:li resource="urn:mozilla:skin:myskin/1.0" /> </rdf:seq> <rdf:description about="urn:mozilla:skin:myskin/1.0" chrome:displayname="my skin" chrome:accesskey="m" chrome:author="me" chrome:description="this is my custom skin for mozilla" chrome:name="myskin/1.0" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:myskin/1.0:packages"> <rdf:li resource="ur...
...0" chrome:displayname="my skin" chrome:accesskey="m" chrome:author="me" chrome:description="this is my custom skin for mozilla" chrome:name="myskin/1.0" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:myskin/1.0:packages"> <rdf:li resource="urn:mozilla:skin:myskin/1.0:communicator"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:editor"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:global"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:messenger"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:navigator"/> </rdf:seq> </chrome:packages> </rdf:description> <!-- version information.
Dehydra Frequently Asked Questions - Archive of obsolete content
.
...s -save-temps to gcc to get .ii files).
Drag and Drop - Archive of obsolete content
s described earlier.
...feedback to the user.
LIR - Archive of obsolete content
in nanojit, lir is the source language for compilation to machine code.
... 5 allocp pointer allocate stack space (result is an address) 6 reti void return an int 7 retq void 64 bit return a quad 8 retd void return a double 9 livei void extend live range of an int 10 liveq void 64 bit extend live range of a quad 11 lived void extend live range of a double 12 file void source filename for debug symbols 13 line void source line number for debug symbols 14 comment void a comment shown, on its own line, in lir dumps 15 not in use load 16 not in use 17 ldc2i integer load char and sign-extend to an int 18 lds2i integer load short and sign-extend to an int 19 lduc2ui intege...
Nanojit - Archive of obsolete content
input for nanojit is a stream of nanojit lir instructions.
... as an exercise for the reader; the following works when run in the object directory of an --enable-debug spidermonkey shell: g++ -ddebug -g3 -wno-invalid-offsetof -fno-rtti -include js-confdefs.h -i dist/include/ -i..
Plug-n-Hack Phase1 - Archive of obsolete content
gleader (the firefox addon implementation of the browser component) allows you to set a preference to relax or disable origin checks.
...lows you to set a preference to relax or disable origin checks.
Build - Archive of obsolete content
building prism is similar to building mccoy, but there are some differences which is why a separate build documentation article.
... building prism is similar to building mccoy, but there are some differences which is why a separate build documentation article.
Priority Content - Archive of obsolete content
e on apr 27 and gave us permission to use any of his materials in devedge in the devmo wiki under the cc:by-sa license (yay!) started: browser feature detection original: browser feature detection wiki location: browser feature detection migrators: serge k.
...example files, not sure how to migrate them (perhaps via "upload file" function that's normally used for images?) also check if any extra files live in the article's directory --jens.b 14:07, 26 apr 2005 (pdt) dependant on: mostly completed*: class xbdesignmode / devedge - joel coreson please put completed articles on the devedge page instead.
Space Manager Detailed Design - Archive of obsolete content
with the regions managed by the space manager, and the parts that manage float impact intervals.
...ted) is empty, if so, return an error (note: this could be done earlier, or prevented by the caller) allocate a new bandrect instance with the rect and frame as constructor arguments, and insert it into the collection via insertbandrect insertbandrect: internal method to insert a band rect into the bandlist in the correct location.
open - Archive of obsolete content
warning: this section describes the file component of the spidermonkey javascript interpreter.
...stributions, is a potential source of huge security holes, and not well tested.
Stress testing - Archive of obsolete content
tools for microsoft windows consume.exe from the windows server 2003 resource kit tools can consume various resources: physical memory, cpu time, page file, disk space and even the kernel pool.
... tools for microsoft windows consume.exe from the windows server 2003 resource kit tools can consume various resources: physical memory, cpu time, page file, disk space and even the kernel pool.
Table Layout Regression Tests - Archive of obsolete content
elect %moz_src%/layout/html/tests/block/rtest.lst.
... make a note which tests have failed grep 'failed' outputfile.txt check how many tests have failed and analyze your results: if the regression tests have failed at the same place as the previous diagnosed false positives => ignore try to figure out what the other regressions are: are they improving the picture or are they regressions?
Actionscript Acceptance Tests - Archive of obsolete content
128 testname.out file that specifies expected output.
...andard test framework.
The Download Manager schema - Archive of obsolete content
idownloadmanager methods to retrieve nsidownload objects for each download entry; however, if you feel like poking directly into the table, you can do so using the storage api.
...ds to retrieve nsidownload objects for each download entry; however, if you feel like poking directly into the table, you can do so using the storage api.
Treehydra - Archive of obsolete content
gcc python plugin instead: https://fedorahosted.org/gcc-python-plugin/.
...gcc's gimple ast representation.
Example Sticky Notes - Archive of obsolete content
above are supported by default and they do not require any additional downloads or initializations.
...default"> <!-- a separate binding.
copy - Archive of obsolete content
summary makes a queued copy of the specified file.
... summary makes a queued copy of the specified file.
modDate - Archive of obsolete content
the last modified date of a specified file or directory.
...ethod of file object syntax double moddate ( filespecobject nativefolderpath ); parameters the moddate method has the following parameters: nativefolderpath a filespecobject representing the queried file.
Learn XPI Installer Scripting by Example - Archive of obsolete content
you have verified that the target can accomodate the software to be installed and initialized the actual installation, you must add files and directories to the installation in order to have them installed.
... var ignoreerr = dircreate(pluginsfolder); logcomment("dircreate() returned: " + ignoreerr); } else logcomment("plugins folder already exists"); in this case, the files are contained within a single directory, so calling the install object's adddirectory method is sufficient to queue all the files in the archive for installation.
A XUL Bestiary - Archive of obsolete content
lected in the dom as nodes like link, layer, and img, xul is reflected in the application object model in the hierarchy of xul widgets: browser, menu, menuitem, and so on.
... the attribute is like a property.
orient - Archive of obsolete content
« xul reference home orient type: one of the values below used to specify whether the children of the element are oriented horizontally or vertically.
...ment are oriented horizontally or vertically.
windowtype - Archive of obsolete content
h between a browser window and an editor window.
...r window and an editor window.
Attribute (XUL) - Archive of obsolete content
abelextra2 buttonlabelhelp buttonorient buttonpack buttons checked checkstate clicktoscroll class closebutton closemenu coalesceduplicatearcs collapse collapsed color cols command commandupdater completedefaultindex container containment contentcontextmenu contenttooltip context contextmenu control crop curpos current currentset customindex customizable cycler datasources decimalplaces default defaultbutton defaultset description dir disableautocomplete disableautoselect disableclose disabled disablehistory disablekeynavigation disablesecurity dlgtype dragging editable editortype element empty emptytext deprecated since gecko 2 enablecolumndrag enablehistory equalsize eventnode events expr firstdayofweek firstpage first-tab fixed f...
... popup position predicate preference preference-editable primary priority properties querytype readonly ref rel removeelement resizeafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcommentcolumn showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sortresource sortresource2 spellcheck src state statedatasource statusbar statustext style subject substate suppressonselect tabindex tabscrolling targets template timeout title toolbarname tooltip tooltiptext tooltiptextnew top type uri useraction validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
XUL Events - Archive of obsolete content
lly be a right click.
... this event is sent when the user releases the mouse button to drop an object being dragged.
findbar - Archive of obsolete content
evious" toolbar button in the findbar.
...ring the access key for the "match case" checkbox in the findbar.
Introduction to XUL - Archive of obsolete content
at least serves to explain the pronunciation.
... elements in the xul description, and are involved with the communication of changes of state between widgets.
database - Archive of obsolete content
« xul reference database type: nsirdfcompositedatasource returns the composite datasource created when all the datasources of an element are combined.
... « xul reference database type: nsirdfcompositedatasource returns the composite datasource created when all the datasources of an element are combined.
Property - Archive of obsolete content
umns command commandmanager completedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customtoolbarcount database datasources date dateleadingzero datevalue decimalplaces decimalsymbol defaultbutton defaultvalue description dir disableautocomplete disableautocomplete disableautoselect disabled disablekeynavigation dlgtype docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editortype emptytext deprecated since gecko 2 enablecolumndrag ...
...onshidden object observes onfirstpage onlastpage open ordinal orient pack pagecount pageid pageincrement pageindex pagestep parentcontainer palette persist persistence placeholder pmindicator popup popupboxobject popupopen position predicate preferenceelements preferencepanes preferences priority radiogroup readonly readonly ref resource resultspopup scrollboxobject scrollincrement scrollheight scrollwidth searchbutton searchcount searchlabel searchparam searchsessions second secondleadingzero securityui selected selectedbrowser selectedcount selectedindex selecteditem selecteditems selectedpanel selectedtab selectionend selectionstart selstyle seltype sessioncount sessionhi...
Multiple Rule Example - Archive of obsolete content
erty that others do not.
... and the member variable is ?photo.
Namespaces - Archive of obsolete content
template element.
...people> <listbox datasources="people.xml" ref="*" querytype="xml"> <template xmlns:ns="www.example.com/people"> <query expr="ns:person"/> <action> <listitem uri="?" label="?ns:name"/> </action> </template> </listbox> once added to the template element the namespaces can then be referenced inside temple rule elements too, this works both in rdf and xml templates.
RDF Query Syntax - Archive of obsolete content
« previousnext » let's look at a simple query with two statements.
... value, so it will be left as is.
Recursive Generation - Archive of obsolete content
generate content from the graph recursively.
...new result's content, rather than the outer containing element, and the starting point will be the endpoint of the previous iteration.
XML Assignments - Archive of obsolete content
query, as the query must return dom nodes as results.
...ent are evaluated using each result node as the context.
Template Guide - Archive of obsolete content
ries using multiple queries to generate more results building trees with templates building trees building hierarchical trees template modifications template builder interface template and tree listeners rdf modifications additional topics sorting results additional template attributes template logging xml namespaces alternative approaches javascript templates xuljsdatasource: a component for extensions, which bring a "javascript template syntax".
... trees template modifications template builder interface template and tree listeners rdf modifications additional topics sorting results additional template attributes template logging xml namespaces alternative approaches javascript templates xuljsdatasource: a component for extensions, which bring a "javascript template syntax".
Adding Style Sheets - Archive of obsolete content
> <menuitem label="date modified"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="searchmode"> <menupopup> <menuitem label="is"/> <menuitem label="is not"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="find-text" flex="1" editable="true" datasources="file:///mozilla/recents.rdf" ref="http://www.xulplanet.com/rdf/recent/all"/> ...
... clicked on).
Additional Install Features - Archive of obsolete content
a reference to the /bin directory.
...cured during the last operation.
Localization - Archive of obsolete content
/> <menuitem label="&type.date;"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="searchmode"> <menupopup> <menuitem label="&mode.is;"/> <menuitem label="&mode.isnot;"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="find-text" flex="1" editable="true" datasources="file:///mozilla/recents.rdf" ref="http://www.xulplanet.com/rdf/recent/all"> <template> <menupopup> <menuitem label="rdf:http://www.xulplanet.com/rdf/recent#label" uri="rdf:*"/> </menupopup> </template> </menulist> </groupbox> </tabpanel> <tabpanel id="optionspanel" orient="vertical"> <checkbox id="casecheck" label="&casesensitive;"...
....location "location"> <!entity results.size "size"> <!entity bytes.before ""> <!entity bytes.after "bytes"> <!entity button.find "find"> <!entity button.cancel "cancel"> now, to add text for a new language all you need to do is create another dtd file.
More Tree Features - Archive of obsolete content
you must put the primary attribute on the first column.
...r row.
Splitters - Archive of obsolete content
losest.
...ow so that the elements after the splitter push themselves down when the splitter is dragged down.
Tabboxes - Archive of obsolete content
ab and tabpanel elements.
...tabpanel> </tabpanels> </tabbox> the tab elements have been placed around the main content of the window.
Toolbars - Archive of obsolete content
't normally put a textbox in a vertical toolbar.
...el="save"/> </toolbar> </toolbox> <tabbox> a toolbar with two buttons has been added here.
Tree Box Objects - Archive of obsolete content
se: let boxobject = tree.treeboxobject; note: is equivalent to: let boxobject = tree.boxobject; boxobject.queryinterface("components.interfaces.nsitreeboxobject"); scrolling the tree you can also scroll the tree using four different methods, similar to those available for listboxes.
... the value of the x coordinate is since rows always take up the entire horizontal space of the tree.
XBL Example - Archive of obsolete content
e want page flipping, a deck element would be the most suitable to hold the page content.
...ace and the enter key).
XPCOM Interfaces - Archive of obsolete content
elete.
... = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); if (!afile) return false; // get a component for the directory to copy to var adir = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); if (!adir) return false; // next, assign urls to the file components afile.initwithpath(sourcefile); adir.initwithpath(destdir); // finally, copy the file, without renaming it afile.copyto(adir,null); } copyfile("/mozilla/testfile.txt","/etc"); xpcom services some xpcom components are special components called services.
XML - Archive of obsolete content
gui builder tools.
...ecently have the standards out of which xul was fashioned matured to a level where they might really be powerful and flexible enough to support the sort of development that xul provides for.
XUL Event Propagation - Archive of obsolete content
ert('box handler')"> <menu class="menu" label="file" oncommand="alert('menu handler')"> <menupopup> <menuitem oncommand="alert('new item alert')" label="new" /> <menuitem label="open" /> <menuitem oncommand="alert('close handler')" label="close" /> </menupopup> </menu> <menu class="menu" label="edit"> <menupopup> <menuitem oncommand="alert('edit source handler')" label="edit source" /> <menuitem label="reload" /> <menuitem label="view source" /> </menupopup> </menu> </vbox> <spring flex="1" /> </vbox> </window> in this file, the lowest-down, or "leaf" elements are the menuitems.
... been selected, the menupopup, the menu itself, the parent box, or the root window element itself can all take advantage of this.
box - Archive of obsolete content
Archive › Mozilla › XUL › box
horizontal"> <label value="zero"/> <box orient="vertical"> <label value="one"/> <label value="two"/> </box> <box orient="horizontal"> <label value="three"/> <label value="four"/> </box> </box> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
button - Archive of obsolete content
is not present if the menu is closed.
...ment are oriented horizontally or vertically.
commandset - Archive of obsolete content
element ids that the command updater will update upon.
...y occur when the event occurs to one of the specified elements.
dialogheader - Archive of obsolete content
menupopup > menuitem, menupopup > menu { max-width: none; } description type: string descriptive text to appear in addition to the dialog title.
...ype: string the text to appear in the title bar of the window.
grid - Archive of obsolete content
Archive › Mozilla › XUL › grid
<menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
image - Archive of obsolete content
Archive › Mozilla › XUL › image
e will be loaded from the cache if possible.
... element.
key - Archive of obsolete content
Archive › Mozilla › XUL › key
e type: string the event phase where the handler is invoked.
...the target element or left out entirely for the bubbling phase.
listcell - Archive of obsolete content
r selection of the menuitem.
... type: boolean gets and sets the value of the disabled attribute.
listcol - Archive of obsolete content
"/> <listcol/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
listcols - Archive of obsolete content
listcol flex="1"/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
menubar - Archive of obsolete content
e mouse over them.
...: id of statusbar element gets and sets the value of the statusbar attribute.
menuitem - Archive of obsolete content
ndex attribute.
...he user, are read and set using the textbox.value and menulist.value syntax.
param - Archive of obsolete content
Archive › Mozilla › XUL › param
olon.
...g-point number string string literal, the default value properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelemen...
popupset - Archive of obsolete content
ples <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <label value="right click for popup" context="clipmenu"/> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
scrollbar - Archive of obsolete content
the amount by which the value of the curpos or value attribute changes when the tray of the scroll bar (the area in which the scroll bar thumb moves) is clicked, or when the page up or page down keys are pressed.
...page up or page down keys are pressed.
splitter - Archive of obsolete content
.
... the element immediately after the splitter is collapsed.
<statusbarpanel> - Archive of obsolete content
.value property upon user selection of the menuitem.
...el type: string gets and sets the value of the label attribute.
tabpanels - Archive of obsolete content
ibutes selectedindex properties selectedindex, selectedpanel examples (example needed) attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...ativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
toolbar - Archive of obsolete content
toolbars that are not children of a toolbox element.
... the toolboxid property on the toolbar.
toolbarbutton - Archive of obsolete content
e is not present if the menu is closed.
...ment are oriented horizontally or vertically.
toolbaritem - Archive of obsolete content
d="sample-toolbutton-unified"> <toolbarbutton id="myext-button1" class="toolbarbutton-1" label="label1" /> <toolbarbutton id="myext-button2" class="toolbarbutton-1" label="labe2l" /> </toolbaritem> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
toolbarpalette - Archive of obsolete content
tton id="toolbarpalette-button" class="toolbarbutton-class" label="&mylabel;" tooltiptext="&mytiptext;" oncommand="somefunction()"/> </toolbarpalette> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
wizard - Archive of obsolete content
h between a browser window and an editor window.
...r window and an editor window.
wizardpage - Archive of obsolete content
wizardpage id this attribute should be set to a string that identifies the page's identifer in the wizard.
...h the wizardpage that appears first in the wizard child list.
XULRunner 1.8.0.1 Release Notes - Archive of obsolete content
r xulrunner just as you registered it during installation.
...eloper preview release: additional features for installing and deploying xulrunner and applications based on xulrunner will be available in future releases.
XULRunner 1.8.0.4 Release Notes - Archive of obsolete content
ulrunner just as you registered it during installation.
...per preview release: additional features for installing and deploying xulrunner and applications based on xulrunner will be available in future releases.
Application Update - Archive of obsolete content
this article will hopefully explain how to update your xulrunner application using the same method that firefox, thunderbird, songbird, and chatzilla use.
... mozilla archive) which contains all files which are going to be updates it also contains a sha1 hash and file size used for verification of the update.
Getting started with XULRunner - Archive of obsolete content
ons your application is compatible with; make sure that you set them so that the version of xulrunner you're using is in that range, or your application won't work.
...application with everything intact, you must install it using the --install-app xulrunner commandline flag.
reftest opportunities files - Archive of obsolete content
introduction these are files in the mozilla source that may be usable for reftest.
...org/css/test/sec170503 http://dbaron.org/css/test/sec170504 http://dbaron.org/css/test/tborder1 http://dbaron.org/css/test/tborder2 http://dbaron.org/css/test/sec1706c http://dbaron.org/css/test/sec1801 http://dbaron.org/css/test/sec1802 http://dbaron.org/css/test/sec1803 http://dbaron.org/css/test/outline http://dbaron.org/css/test/sq_small http://dbaron.org/css/test/sq_large tests from mozilla source tree parser/htmlparser/tests/html/xmp005.html parser/htmlparser/tests/html/value001.html parser/htmlparser/tests/html/utf8001.html parser/htmlparser/tests/html/usascii.html parser/htmlparser/tests/html/title01.html parser/htmlparser/tests/html/title.html parser/htmlparser/tests/html/tiny.html parser/htmlparser/tests/html/thead001.html parser/htmlparser/tests/html/text003.html parser/htmlparser/t...
2006-12-01 - Archive of obsolete content
e for testing langpacks for sunbird nightly builds available for testing seamonkey 1.1 late string changes for mail content policy the fix to bug 360288 has landed.
...ing changes a lot of string changes to the thunderbird options dialog was landed.
Monitoring plugins - Archive of obsolete content
rted is always in fractions of a second.
...erver services unregister: function() { if (this.registered == true) { var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); observerservice.removeobserver(this, "experimental-notify-plugin-call"); this.registered = false; } } } additional resources more information on the observer service: nsiobserverservice nsiobserver ...
NP_GetMIMEDescription - Archive of obsolete content
np_getmimedescription returns a supported mime type list for your plugin.
...eturns a supported mime type list for your plugin.
NP_Initialize - Archive of obsolete content
he plug-in is not loaded and the function returns an error code.
... the first instance is created.
Writing a plugin for Mac OS X - Archive of obsolete content
this article is adapted from josh aas's blog post writing an npapi plugin for mac os x.
...is adapted from josh aas's blog post writing an npapi plugin for mac os x.
TCP/IP Security - Archive of obsolete content
re available at each layer include: application layer.
... layer, transport layer controls cannot protect it.
Building a Theme - Archive of obsolete content
pplication ui), locale (dtd, .properties files etc that contain strings for the ui's localization), and skin (css and images that form the theme of the ui) finally, the path of a file to load.
...s into the actual source files on disk (or in jar packages).
contents.rdf - Archive of obsolete content
copy the following text and paste it into a text file, then save that file as "contents.rdf": <?xml version="1.0"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <!-- list all the skins being supplied by this theme --> <rdf:seq about="urn:mozilla:skin:root"> <rdf:li resource="urn:mozilla:skin:my_theme"/> </rdf:seq> <rdf:description about="urn:mozilla:skin:my_theme" chrome:displayname="my theme" chrome:accesskey="n" chrome:author="" chrome:authorurl="" chrome:description="" chrome:name="my_theme" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:my_theme:packages"> <rdf:li resource="urn:mozilla:skin:my_the...
...ozilla:skin:my_theme" chrome:displayname="my theme" chrome:accesskey="n" chrome:author="" chrome:authorurl="" chrome:description="" chrome:name="my_theme" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:my_theme:packages"> <rdf:li resource="urn:mozilla:skin:my_theme:browser"/> <rdf:li resource="urn:mozilla:skin:my_theme:communicator"/> <rdf:li resource="urn:mozilla:skin:my_theme:global"/> <rdf:li resource="urn:mozilla:skin:my_theme:mozapps"/> <rdf:li resource="urn:mozilla:skin:my_theme:help"/> </rdf:seq> </chrome:packages> </rdf:description> <!-- version information.
azimuth - Archive of obsolete content
Archive › Web › CSS › azimuth
in combination with elevation, the azimuth css property enables different audio sources to be positioned spatially for aural presentation.
...sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.
CSS - Archive of obsolete content
Archive › Web › CSS
rty is a microsoft extension that specifies whether zooming is enabled.-ms-filterthe -ms-filter css property is a microsoft extension that sets or retrieves the filter or collection of filters applied to an object.-ms-flow-fromthe -ms-flow-from css property is a microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.-ms-flow-intothe -ms-flow-into css property is a microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.-ms-high-contrast-adjustthe -ms-high-contrast-adjust css property is a microsoft extension that gets or sets a value indicating whether to override any css properties that would have been set in high contrast mode.-m...
... of a slider control.
The Business Benefits of Web Standards - Archive of obsolete content
s of production.
...than internet explorer for windows, are used to surf the web: windows: msie, browsers using mozilla's gecko rendering engine, opera mac: ms-tasman (ie/mac's rendering engine), gecko-based browsers, safari, opera linux: gecko-based browsers, khtml-based browsers, opera overall, 5 different rendering engines are used to surf the web using dozens of browsers on 3 platforms.
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
must not be used.
...ce holder.) compile nsitestplugin.idl with the idl compiler.
XQuery - Archive of obsolete content
within extensions).
...pular native xml databases might also be supported (e.g., exist) in the future, especially now that the extension has added some basic support for the open-standard (xqj) for java and exist is in the midst of getting such an api.
XUL Parser in Python - Archive of obsolete content
i get time, i will make it available here.
...ll make it available here.
Common causes of memory leaks in extensions - Extensions
this page explains coding patterns that cause extension to cause memory leaks.
...avascript modules in restartless add-ons another common cause of leaks is forgetting to unload javascript code modules in bootstrapped add-ons.
Anatomy of a video game - Game development
if a portion of your update loop is difficult to compute but insensitive to time, you might consider scaling back its frequency and, ideally, spreading it out into chunks throughout that lengthened period.
...riod.
Examples - Game development
ullet force 3d multiplayer first-person shooter.
... 3d rendering of terrain and cars, using ammo.js for the physics calculations.
3D collision detection - Game development
of them based on bounding volumes as well.
...cal body, usually attached to a visual representation of it.
Building up a basic demo with A-Frame - Game development
side the <body> element.
... — wherever you like!
Building up a basic demo with PlayCanvas editor - Game development
o add an entity to the scene you have to click on the big plus button located in the top left area of the editor, next to the hierarchy text.
... script file boxanimation.js.
Building up a basic demo with the PlayCanvas engine - Game development
built for modern browsers, playcanvas is a fully-featured 3d game engine with resource loading, an entity and component system, advanced graphics manipulation, collision and physics engine (built with ammo.js), audio, and facilities to handle control inputs from various devices (including gamepads).
...s to your code, below the previous ones.
Building up a basic demo with Three.js - Game development
cahedrongeometry(), defines the size of the object.
...sing a lambert material, similar to phong, but should be less glossy.
Desktop mouse and keyboard controls - Game development
touch-enabled devices, it would be good to add mouse and keyboard support, so the game can be playable also on desktop.
...e the input in the handler functions we could do something like this, which is arguably easier to remember: if(event.keycode == keyboardhelper.left) { leftpressed = true; } note: you can also find a list if the different keycodes and what keys they relate to in the keycode reference page.
Square tilemaps implementation: Scrolling maps - Game development
ndcol; c++) { for (var r = startrow; r <= endrow; r++) { var tile = map.gettile(c, r); var x = (c - startcol) * map.tsize + offsetx; var y = (r - startrow) * map.tsize + offsety; if (tile !== 0) { // 0 => empty tile this.ctx.drawimage( this.tileatlas, // image (tile - 1) * map.tsize, // source x 0, // source y map.tsize, // source width map.tsize, // source height math.round(x), // target x math.round(y), // target y map.tsize, // target width map.tsize // target height ); } } } demo our scrolling tilemap ...
...math.round(x), // target x math.round(y), // target y map.tsize, // target width map.tsize // target height ); } } } demo our scrolling tilemap implementation demo pulls the above code together to show what an implementation of this map looks like.
Create the Canvas and draw on it - Game development
« previousnext » this is the 1st step out of 10 of the gamedev canvas tutorial.
...rs, we can use stroke() to only colour the outer stroke.
Animations and tweens - Game development
« previousnext » this is the 14th step out of 16 of the gamedev phaser tutorial.
...ce code as it should look after completing this lesson at gamedev-phaser-content-kit/demos/lesson14.html.
Visual typescript game engine - Game development
dia.ts | | | | ├── broadcaster.ts | | | | ├── connector.ts | | | | ├── network.ts | | | ├── visual-methods/ | | | | ├── sprite-animation.ts | | | | ├── text.ts | | | | ├── texture.ts | | | ├── browser.ts | | | ├── math.ts | | | ├── position.ts | | | ├── resources.ts | | | ├── sound.ts | | | ├── system.ts | | | ├── view-port.ts | | | ├── visual-render.ts | | ├── interface/ | | | ├── drawi.ts | | | ├── global.ts | | | ├── visual-components.ts | | ├── multiplatform/ | | | ├── mobile/ | | | | ├── player-controls.ts | | | ├...
... 'src/html-components/mygamelobby.html' }), ...
Game development
gaming is one of the most popular computer activities.
...e) and compiles that into asm.js, which can be run on the web.
Continuous Media - MDN Web Docs Glossary: Definitions of Web-related terms
continuous media is data where there is a timing relationship between source and destination.
... continuous media is data where there is a timing relationship between source and destination.
DNS - MDN Web Docs Glossary: Definitions of Web-related terms
dns (domain name system) is a hierarchical and decentralized naming system for internet connected resources.
... dns (domain name system) is a hierarchical and decentralized naming system for internet connected resources.
Distributed Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
a distributed denial-of-service (ddos) is an attack in which many compromised systems are made to attack a single target, in order to swamp server resources and block legitimate users.
... a distributed denial-of-service (ddos) is an attack in which many compromised systems are made to attack a single target, in order to swamp server resources and block legitimate users.
Domain - MDN Web Docs Glossary: Definitions of Web-related terms
a domain is an authority within the internet that controls its own resources.
...nization" which is defined in a top-level domain registry.
Gonk - MDN Web Docs Glossary: Definitions of Web-related terms
gonk is the lower-level operating system of firefox os and consists of a linux kernel (based on the android open source project (aosp)) and userspace hardware abstraction layer (hal).
... gonk is the lower-level operating system of firefox os and consists of a linux kernel (based on the android open source project (aosp)) and userspace hardware abstraction layer (hal).
HTTP - MDN Web Docs Glossary: Definitions of Web-related terms
the hypertext transfer protocol (http) is the underlying network protocol that enables transfer of hypermedia documents on the web, typically between a browser and a server so that humans can read them.
...y between a browser and a server so that humans can read them.
Packet - MDN Web Docs Glossary: Definitions of Web-related terms
a packet, or network packet, is a formatted chunk of data sent over a network.
... when received at the destination, the checksum is recalculated, and compared with the one in the packet.
Parse - MDN Web Docs Glossary: Definitions of Web-related terms
ne inside browsers.
....
SRI - MDN Web Docs Glossary: Definitions of Web-related terms
subresource integrity (sri) is a security feature that enables browsers to verify that files they fetch (for example, from a cdn) are delivered without unexpected manipulation.
... subresource integrity (sri) is a security feature that enables browsers to verify that files they fetch (for example, from a cdn) are delivered without unexpected manipulation.
WAI-ARIA basics - Learn web development
all the aria roles and their uses, with links to futher information, in the wai-aria spec — see definition of roles.
...obox, slider, tabpanel, tree.
Backgrounds and borders - Learn web development
nd — acts just like an image and is also set by using the background-image property.
...sn't really do what you want in many cases.
Pseudo-classes and pseudo-elements - Learn web development
s.
...tches the elements before the current element.
Fundamental text and font styling - Learn web development
er foreign matter may have nestled its way into his mighty throat.
...oman serif some oses have an alternative (possibly older) version of the times new roman font called times.
Styling lists - Learn web development
ome familiar with the best practices and properties related to styling lists.
... top and bottom margin of 16px (1em), the same as the different list types.
How do I use GitHub Pages? - Learn web development
github is a "social coding" site.
...g to the github web page you're on and entering into the terminal the second of the two commands we saw the …or push an existing repository from the command line section: git push -u origin master now you need to turn github pages on for your repository.
What are browser developer tools? - Learn web development
and set breakpoints, places in your code that you want to pause execution and identify the problems that prevent your code from executing properly.
... open the developer tools and then select the debugger tab.
Common questions - Learn web development
that makes the web possible.
...s.
Advanced form styling - Learn web development
th: 100%; padding: 5px; height: 30px; } input[type="text"], input[type="datetime-local"], input[type="color"], select { box-shadow: inset 1px 1px 3px #ccc; border-radius: 5px; } label { margin-bottom: 5px; } button { width: 60%; margin: 0 auto; } note: if you want to test these examples across a number of browsers simultaneously, you can find it live here (also see here for the source code).
...ottom, #eee, #ccc); border: 1px solid rgb(169, 169, 169); border-radius: 5px; text-align: center; line-height: 1.5; } label[for="file"]:hover { background: linear-gradient(to bottom, #fff, #ddd); } label[for="file"]:active { box-shadow: inset 1px 1px 3px #ccc; } you can see the result of the above css styling in the below live example (see also styled-file-picker.html live, and the source code).
Publishing your website - Learn web development
to allow you to check if the domain name you want is available.
...e resources are good enough for your initial experiments.
Mozilla splash page - Learn web development
css, to style the page.
...ake more sense.
Inheritance in JavaScript - Learn web development
ned only the properties inside the constructor: function person(first, last, age, gender, interests) { this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; }; the methods are all defined on the constructor's prototype.
..., teacher.prototype's constructor property is now equal to person(), because we just set teacher.prototype to reference an object that inherits its properties from person.prototype!
Object prototypes - Learn web development
on the constructor.
... modifying prototypes let's have a look at an example of modifying the prototype property of a constructor function — methods added to the prototype are then available on all object instances created from the constructor.
HTML performance features - Learn web development
n drastically improve the quality of your webpage.
... in this module the "why" of web performance what is web performance?
Measuring performance - Learn web development
long domain lookups take, the total time spent executing the window's load handler, and more.
...aces allows the accurate measurement of the time it takes for javascript tasks to complete.
Website security - Learn web development
ified html could store a malicious script from an attacker.
...tely different button.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Ember interactivity: Events, classes and state - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Ember app structure and componentization - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
React interactivity: Events and state - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
React interactivity: Editing, filtering, conditional rendering - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Beginning our React todo list - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Starting our Svelte Todo list app - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Componentizing our Svelte app - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Dynamic behavior in Svelte: working with variables and props - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Using Vue computed properties - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Vue conditional rendering: editing existing todos - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Creating our first Vue component - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Adding a new todo form: Vue events, methods, and models - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Styling Vue components with CSS - Learn web development
previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react resources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...ng routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Setting up your own test automation environment - Learn web development
er() .forbrowser('firefox') .build(); getting the document you want to test to load the page you actually want to test, you use the get() method of the driver instance you created earlier, for example: driver.get('http://www.google.com'); note: see the webdriver class reference for details of the features in this section and the ones below it.
...to your console.
Git and GitHub - Learn web development
e a front-end web developer?
...ories, creating files, and modifying the system path.
Command line crash course - Learn web development
other good tip — if you’re not comfortable trying terminal commands out on your own machine, a nice safe place to try them is over at glitch.com.
...ding on your workflow (or the workflow that you pick) you can make this an automated part of your process.
omni.ja (formerly omni.jar)
use the right options when packing the extracted files.
...es for the application /chrome/localized.manifest manifest of localized content; referenced by the main chrome manifest file.
Accessibility and Mozilla
one to chat with there, day or night.information for governments and other organizations evaluating mozillainformation for usersfirefox 2 now has help topics (from the menubar: ?
...luating mozillainformation for usersfirefox 2 now has help topics (from the menubar: ?
Theme concepts
may be animated) or as dynamic themes created in a browser extension.
... themes are deprecated.
Themes
te and share themes!
...of firefox using the amo theme generator use the theme generator to create and submit a new theme to amo lightweight themes lightweight themes have been deprecated and are no longer accepted by amo.
Add-ons
rmance browser for android has been rebuilt from the ground up using geckoview, mozilla’s mobile browser engine.
...illa’s mobile browser engine.
Adding a new word to the en-US dictionary
occasionally bugs are filed pointing out situations where perfectly legitimate words are missing from the english spell check dictionary in firefox.
...e words are missing from the english spell check dictionary in firefox.
Command line options
xtension and -install-global-theme command line arguments have been restricted to only allow installing add-ons that are on local disks or mapped drives.
...v or -version print application version.
Debugging on Windows
> attach to process.
...o debug, which would show the pid.
Simple Sunbird build
sk space, 500 mb of ram, and lots of available swap space.
...-run the "make -f client.mk" command above (you can do the addition before running make for the first time).
Updating NSPR or NSS in mozilla-central
the nspr and nss sources in mozilla-central are maintained by the nspr and nss teams and always taken from exports of hg tags.
.../nss are separately maintained and released, the mozilla hg server rejects accidental changes/forking, if the required keywords are missing in the commit comment.) if nspr or nss must be upgraded to a new static tag, follow this procedure: before starting, make sure your local repository is updated to mozilla-central tip and that there are no local changes: $ hg status -mard pull the new sources $ python client.py update_nspr nspr_tag_name or $ python client.py update_nss nss_tag_name if you update a branch older than mozilla 17 (without the change from bug 782784), you must manually add a dummy change (add or remove a blank line) to force a rebuild of nspr: mozilla/nsprpub/config/prdepend.h or nss: mozilla/security/nss/coreconf/coreconf.dep check directory mozilla...
Creating Custom Events That Can Pass Data
an the standard mouse/keyboard events) and, depending on the data passed along with this event, you want firefox to react differently.
...do.
Contributing to the Mozilla code base
ribute to mozilla hubs servo rust contribute to servo there are even many ways to contribute to the mozilla mission without programming.
...sts: one for projects based on the existing codebase, and one for implementing new applications.
Error codes returned by Mozilla APIs
r occurred trying to allocate memory.
...he uri scheme corresponds to an unknown protocol handler.
Security best practices for Firefox front-end engineers
take a string and parse it into a dom tree.
... the last flag ensures that developers will identify and avoid the problems early on in the development cycle and before shipping the code.
Firefox
firefox is mozilla's popular web browser, available for multiple platforms including windows, macos, and linux on the desktop and all android and ios mobile devices.
...r topics.
Getting Started with Chat
ly connect to a server and join a particular set of channels when you start the client.
...ollowing are some other options available to you: windows mac linux colloquy ● irssi ● ● ●* xchat ● ○ ● key: ● — binary or executable program available ○ — only available by downloading and compiling source code ●* — binary or executable may be available.
How to get a stacktrace with WinDbg
eceive any warnings of this in windbg, visual c++ or visual studio.
...indbg, visual c++ or visual studio.
How to Report a Hung Firefox
ox stability team to debug these kinds of hangs is to make the hung firefox crash and submit a crash report.
...etmostrecentwindow("navigator:browser"); let browser = win.gbrowser.selectedbrowser; if (browser.isremotebrowser) { browser.messagemanager.loadframescript('data:,let appinfo = components.classes["@mozilla.org/xre/app-info;1"];if (appinfo && appinfo.getservice(components.interfaces.nsixulruntime).processtype != components.interfaces.nsixulruntime.process_type_default) {components.utils.import("resource://gre/modules/ctypes.jsm");var zero = new ctypes.intptr_t(8);var badptr = ctypes.cast(zero, ctypes.pointertype(ctypes.int32_t));var crash = badptr.contents;}', true); } other techniques on os x if you use a nightly build (>= firefox 16), you can use activity monitor's "sample process" feature to generate a sample.
JavaScript Tips
query interfaces unless you need to access methods and properties of that interface.
...bling.
Assert.jsm
the assert.jsm javascript code module implements the commonjs unit testing specification version 1.1, which provides a basic, standardized interface for performing in-code logical assertions with optional, customizable error reporting.
...iled, actual, expected, message, operator ); parameters failed indicates if the assertion failed or not actual the result of evaluating the assertion expected expected result from the test author message short explanation of the expected result operator operation qualifier used by the assertion method (ex: '==') examples custom reporter example components.utils.import("resource://testing-common/assert.jsm"); let assert = new assert(); assert.setreporter(function customreporter(err, message, stack) { if (err) { do_report_result(false, err.message, err.stack); } else { do_report_result(true, message, stack); } }); ...
DownloadLastDir.jsm
the downloadlastdir.jsm javascript code module lets you retrieve the path of the last directory into which a download occurred.
...dir.jsm javascript code module lets you retrieve the path of the last directory into which a download occurred.
Log.jsm
in different versions of the platform.
...ng dependencies of bug 451283.
Deferred
al to the rejected promise itself, and not its rejection reason.
...hange that took place in firefox 30.
Sqlite.jsm
.jsm feels like a pure javascript module.
...g.
Webapps.jsm
the webapps.jsm modules exposes the domapplicationregistry, which is responsible for managing all of the open web apps.
...for managing all of the open web apps.
JavaScript code modules
lural rule.
...ications.jsm gives an easy way to present non-modal notifications to users.
Localization content best practices
ghlight this relation: neweventbtn.label = add event neweventbtn.accesskey = a neweventbtn.tooltip = add a new event don't duplicate ids if you're adding new strings, check that you're not duplicating an existing id.
...anslation, the new string will be reported as missing in all tools, and localizers will have to retranslate it.
Localizing with Koala
cale you're translating from).
...td files.
Patching a Localization
hat you are patching existing localizations, we assume that you have the basic set of tools listed on the l10n prerequisites wiki page.
...lizations, we assume that you have the basic set of tools listed on the l10n prerequisites wiki page.
QA phase
rough building your own language pack manually.
...le contains the necessary build instructions.
Creating localizable web content
is actually content added to an existing page in english.
...mozilla.org, or other external resources, are there translated equivalents we can use).
What every Mozilla translator should know
l10n stands for localization = l + another 10 letters + n mailing lists and other resources there are several mailing lists to keep the track of what's going on, which are available as newsgroups, as well, both on news.mozilla.org and google groups: the main l10n list also available as mozilla.dev.l10n, .l10n in short.
...s created under hg.mozilla.org/releases/.
Writing localizable code
uraged.
... compromise between module ownership in the cvsroot repository and the ease of localization.
Basics
mathml basics this document illustrates some basic mathml constructions.
... mathml basics this document illustrates some basic mathml constructions.
Mozilla Web Developer FAQ
to the alt and title attributes.
...ut.
Mozilla Style System
the style system is the module of mozilla's code responsible for the loading and parsing of css style sheets, and the computation of computed values for all css properties.
...ied style data, and in the other half (the frontend) is the code that turns the specified values into computed values.
Investigating leaks using DMD heap scan mode
is extremely slow.
...ny logs.) i then looked through the list of leaked objects generated by xpcom_mem_bloat_log and saw that we were leaking a scriptloadrequest, so i went and looked at its class definition, where i noticed that scriptloadrequest had a strong reference to an element that it wasn’t telling the cycle collector about, which seemed suspicious.
Profiling with the Firefox Profiler
n it’s hung!
...ing of a layer dump without having to take a profile.
TraceMalloc
tion with shutdown logging # note: tinderbox leak tests use: python leaktest.py -- --trace-malloc malloc.log --shutdown-leaks=sdleak.log # note 2: it appears that the shutdown log is not recorded if --trace-malloc is given the - argument.
...s that the shutdown log is not recorded if --trace-malloc is given the - argument.
about:memory
entified, as the following example shows.
... "vsize-max-contiguous" (not measured on all platforms, and not shown in this example), which indicates the largest single chunk of available virtual address space.
nglayout.debug.disable_xul_cache
to improve performance, mozilla caches chrome xul documents the first time they load for faster loading later.
... time the application runs.
Preference reference
itle bar.
... color in which the background of a text selection in the user interface or in content will be styled.ui.textselectforegroundui.textselectforeground saves the color in which the text of a text selection in the user interface or the content will be styled.ui.tooltipdelayui.tooltipdelay stores the delay in milliseconds between the mouse stopping over an element and the appearing of its tooltip.view_source.syntax_highlightthe preference view_source.syntax_highlight controls whether markup in the view source view is syntax highlighted.
Profile Manager
eatures not found in firefox's built-in version.
...lt-in version.
Installing JSHydra
prerequisites mercurial 1.0 is needed to access source repositories.
... since jshydra will get the code if required, you do not need to worry about obtaining the right version of spidermonkey.
L20n
n.
... how to naturally localize applications using l20n.
Leak And Bloat Tests
this page describes how to perform tests that measure memory leaks and bloat for mailnews and its sub-components.
...ns --enable-trace-malloc running the tests in your <objdir> run the following command: make mailbloat this will run the tests and produce some result files.
NSPR release procedure
release checklist change the nspr version in mozilla/nsprpub/pr/include/prinit.h.
...ckage.sh, follow the instructions in to upload the files to ftp.mozilla.org's staging server, so that they eventually show up on ftp.mozilla.org.
NSPR Error Handling
not complete in a reasonable period of time.
...pr_not_connected_error the preceding function attempted to use connected semantics on a network file descriptor that was not connected.
Named Shared Memory
ence of data in the named file should be made.
...may be mapped onto system paging space and be discarded at process termination.
Certificate functions
the public functions listed here are used to interact with certificate databases.
...ailable for a function listed below, the function name is linked to either its mdc wiki page or its entry in the old ssl reference.
NSS Code Coverage
nss - code coverage results link 2007-08-14 - solaris/sparc platform results explanation files results from every c file are on new line.
... nss - code coverage results link 2007-08-14 - solaris/sparc platform results explanation files results from every c file are on new line.
Cryptography functions
the public functions listed here perform cryptographic operations based on the pkcs #11 interface.
...or a function listed below, the function name is linked to either its mdc wiki page or its entry in the old ssl reference.
Deprecated SSL functions
ions.
...braries.
Encrypt Decrypt MAC Keys As Session Objects
nss sample code 4: encryption/decryption and mac keys using session.
...(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; c...
Encrypt and decrypt MAC using token
nss sample code 3: encryption/decryption and mac using token object.
...(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; c...
Getting Started With NSS
s are based on makefiles and bash scripts.
...nch how to contribute ...
JSS FAQ
Mozilla › Projects › NSS › JSS › JSS FAQ
d all crypto routines.
...tem calls from the primordial thread.
NSS_3.12.2_release_notes.html
network security services (nss) 3.12.2 is a patch release for nss 3.12.
...e described in the "bugs fixed" section below.
NSS 3.12.9 release notes
security services (nss) 3.12.9 is a patch release for nss 3.12.
...2.9 are described in the "bugs fixed" section below.
NSS 3.14.1 release notes
introduction network security services (nss) 3.14.1 is a patch release for nss 3.14.
...ntroduction network security services (nss) 3.14.1 is a patch release for nss 3.14.
NSS 3.14.3 release notes
introduction network security services (nss) 3.14.3 is a patch release for nss 3.14.
... introduction network security services (nss) 3.14.3 is a patch release for nss 3.14.
NSS 3.14.4 release notes
introduction network security services (nss) 3.14.4 is a patch release for nss 3.14.
... introduction network security services (nss) 3.14.4 is a patch release for nss 3.14.
NSS 3.14.5 release notes
introduction network security services (nss) 3.14.5 is a patch release for nss 3.14.
... introduction network security services (nss) 3.14.5 is a patch release for nss 3.14.
NSS 3.14 release notes
duced: support for certificate signatures using the md5 hash algorithm is now disabled by default.
...previous releases were released under a mpl 1.1/gpl 2.0/lgpl 2.1 tri-license.
NSS 3.15.1 release notes
introduction network security services (nss) 3.15.1 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.1 is a patch release for nss 3.15.
NSS 3.15.2 release notes
introduction network security services (nss) 3.15.2 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.2 is a patch release for nss 3.15.
NSS 3.15.3.1 release notes
introduction network security services (nss) 3.15.3.1 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.3.1 is a patch release for nss 3.15.
NSS 3.15.3 release notes
introduction network security services (nss) 3.15.3 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.3 is a patch release for nss 3.15.
NSS 3.15.4 release notes
introduction network security services (nss) 3.15.4 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.4 is a patch release for nss 3.15.
NSS 3.15.5 release notes
introduction network security services (nss) 3.15.5 is a patch release for nss 3.15.
... introduction network security services (nss) 3.15.5 is a patch release for nss 3.15.
NSS 3.16.1 release notes
introduction network security services (nss) 3.16.1 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.1 is a patch release for nss 3.16.
NSS 3.16.2.1 release notes
introduction network security services (nss) 3.16.2.1 is a patch release for nss 3.16, based on the nss 3.16.2 release.
...uction network security services (nss) 3.16.2.1 is a patch release for nss 3.16, based on the nss 3.16.2 release.
NSS 3.16.2.2 release notes
introduction network security services (nss) 3.16.2.2 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.2.2 is a patch release for nss 3.16.
NSS 3.16.2.3 release notes
introduction network security services (nss) 3.16.2.3 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.2.3 is a patch release for nss 3.16.
NSS 3.16.2 release notes
introduction network security services (nss) 3.16.2 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.2 is a patch release for nss 3.16.
NSS 3.16.3 release notes
introduction network security services (nss) 3.16.3 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.3 is a patch release for nss 3.16.
NSS 3.16.4 release notes
introduction network security services (nss) 3.16.4 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.4 is a patch release for nss 3.16.
NSS 3.16.5 release notes
introduction network security services (nss) 3.16.5 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.5 is a patch release for nss 3.16.
NSS 3.16.6 release notes
introduction network security services (nss) 3.16.6 is a patch release for nss 3.16.
... introduction network security services (nss) 3.16.6 is a patch release for nss 3.16.
NSS 3.16 release notes
introduction the nss team has released network security services (nss) 3.16, which is a minor release.
... introduction the nss team has released network security services (nss) 3.16, which is a minor release.
NSS 3.17.1 release notes
introduction network security services (nss) 3.17.1 is a patch release for nss 3.17.
... introduction network security services (nss) 3.17.1 is a patch release for nss 3.17.
NSS 3.17.2 release notes
introduction network security services (nss) 3.17.2 is a patch release for nss 3.17.
... introduction network security services (nss) 3.17.2 is a patch release for nss 3.17.
NSS 3.17.3 release notes
introduction network security services (nss) 3.17.3 is a patch release for nss 3.17.
... introduction network security services (nss) 3.17.3 is a patch release for nss 3.17.
NSS 3.17.4 release notes
introduction network security services (nss) 3.17.4 is a patch release for nss 3.17.
... introduction network security services (nss) 3.17.4 is a patch release for nss 3.17.
NSS 3.17 release notes
introduction the nss team has released network security services (nss) 3.17, which is a minor release.
... introduction the nss team has released network security services (nss) 3.17, which is a minor release.
NSS 3.18.1 release notes
introduction network security services (nss) 3.18.1 is a patch release for nss 3.18.
... introduction network security services (nss) 3.18.1 is a patch release for nss 3.18.
NSS 3.19.1 release notes
introduction network security services (nss) 3.19.1 is a security release for nss 3.19.
... introduction network security services (nss) 3.19.1 is a security release for nss 3.19.
NSS 3.19.2.1 release notes
introduction network security services (nss) 3.19.2.1 is a patch release for nss 3.19.2.
... introduction network security services (nss) 3.19.2.1 is a patch release for nss 3.19.2.
NSS 3.19.2.2 release notes
network security services (nss) 3.19.2.2 is a security patch release for nss 3.19.2.
...2.
NSS 3.19.2.3 release notes
rity services (nss) 3.19.2.3 is a security patch release for nss 3.19.2.
...es in nss 3.19.2.3 are described in the "security fixes" section below.
NSS 3.19.2.4 release notes
services (nss) 3.19.2.4 is a security patch release for nss 3.19.2.
... nss 3.19.2.4 have been described in the "security fixes" section below.
NSS 3.19.2 release notes
introduction network security services (nss) 3.19.2 is a patch release for nss 3.19 that addresses compatibility issues in nss 3.19.1.
... introduction network security services (nss) 3.19.2 is a patch release for nss 3.19 that addresses compatibility issues in nss 3.19.1.
NSS 3.19.3 release notes
introduction network security services (nss) 3.19.3 is a patch release for nss 3.19.
... introduction network security services (nss) 3.19.3 is a patch release for nss 3.19.
NSS 3.19.4 release notes
introduction network security services (nss) 3.19.4 is a patch release for nss 3.19.
... introduction network security services (nss) 3.19.4 is a patch release for nss 3.19.
NSS 3.19 release notes
introduction the nss team has released network security services (nss) 3.19, which is a minor security release.
... introduction the nss team has released network security services (nss) 3.19, which is a minor security release.
NSS 3.20.1 release notes
introduction network security services (nss) 3.20.1 is a patch release for nss 3.20.
... introduction network security services (nss) 3.20.1 is a patch release for nss 3.20.
NSS 3.20.2 release notes
introduction network security services (nss) 3.20.2 is a security patch release for nss 3.20.
... introduction network security services (nss) 3.20.2 is a security patch release for nss 3.20.
NSS 3.20 release notes
introduction the nss team has released network security services (nss) 3.20, which is a minor release.
... introduction the nss team has released network security services (nss) 3.20, which is a minor release.
NSS 3.21.1 release notes
introduction network security services (nss) 3.21.1 is a security patch release for nss 3.21.
... introduction network security services (nss) 3.21.1 is a security patch release for nss 3.21.
NSS 3.21.2 release notes
introduction network security services (nss) 3.21.2 is a security patch release for nss 3.21.1.
... introduction network security services (nss) 3.21.2 is a security patch release for nss 3.21.1.
NSS 3.21.3 release notes
introduction network security services (nss) 3.21.3 is a security patch release for nss 3.21.2.
... introduction network security services (nss) 3.21.3 is a security patch release for nss 3.21.2.
NSS 3.21.4 release notes
introduction network security services (nss) 3.21.4 is a security patch release for nss 3.21.
... introduction network security services (nss) 3.21.4 is a security patch release for nss 3.21.
NSS 3.21 release notes
2016-01-07, this page has been updated to include additional information about the release.
...nal information about the release.
NSS 3.22.1 release notes
introduction network security services (nss) 3.22.1 is a patch release for nss 3.22.
... introduction network security services (nss) 3.22.1 is a patch release for nss 3.22.
NSS 3.22.2 release notes
introduction network security services (nss) 3.22.2 is a security patch release for nss 3.22.
... introduction network security services (nss) 3.22.2 is a security patch release for nss 3.22.
NSS 3.22.3 release notes
introduction network security services (nss) 3.22.3 is a patch release for nss 3.22.
... introduction network security services (nss) 3.22.3 is a patch release for nss 3.22.
NSS 3.22 release notes
introduction the nss team has released network security services (nss) 3.22, which is a minor release.
... introduction the nss team has released network security services (nss) 3.22, which is a minor release.
NSS 3.23 release notes
introduction the nss team has released network security services (nss) 3.23, which is a minor release.
... introduction the nss team has released network security services (nss) 3.23, which is a minor release.
NSS 3.24 release notes
introduction the network security services (nss) team has released nss 3.24, which is a minor release.
... introduction the network security services (nss) team has released nss 3.24, which is a minor release.
NSS 3.25.1 release notes
introduction network security services (nss) 3.25.1 is a patch release for nss 3.25.
... introduction network security services (nss) 3.25.1 is a patch release for nss 3.25.
NSS 3.25 release notes
introduction the network security services (nss) team has released nss 3.25, which is a minor release.
... introduction the network security services (nss) team has released nss 3.25, which is a minor release.
NSS 3.26.2 release notes
introduction network security services (nss) 3.26.2 is a patch release for nss 3.26.
... introduction network security services (nss) 3.26.2 is a patch release for nss 3.26.
NSS 3.26 release notes
introduction the network security services (nss) team has released nss 3.26, which is a minor release.
... introduction the network security services (nss) team has released nss 3.26, which is a minor release.
NSS 3.27.1 release notes
introduction network security services (nss) 3.27.1 is a patch release for nss 3.27.
... introduction network security services (nss) 3.27.1 is a patch release for nss 3.27.
NSS 3.27.2 Release Notes
introduction network security services (nss) 3.27.2 is a patch release for nss 3.27.
... introduction network security services (nss) 3.27.2 is a patch release for nss 3.27.
NSS 3.27 release notes
introduction the network security services (nss) team has released nss 3.27, which is a minor release.
... introduction the network security services (nss) team has released nss 3.27, which is a minor release.
NSS 3.28.1 release notes
introduction network security services (nss) 3.28.1 is a patch release for nss 3.28.
... introduction network security services (nss) 3.28.1 is a patch release for nss 3.28.
NSS 3.28.2 release notes
introduction network security services (nss) 3.28.2 is a patch release for nss 3.28.
... introduction network security services (nss) 3.28.2 is a patch release for nss 3.28.
NSS 3.28.3 release notes
introduction network security services (nss) 3.28.3 is a patch release for nss 3.28.
... introduction network security services (nss) 3.28.3 is a patch release for nss 3.28.
NSS 3.28.4 release notes
introduction network security services (nss) 3.28.4 is a security patch release for nss 3.28.
... introduction network security services (nss) 3.28.4 is a security patch release for nss 3.28.
NSS 3.28.5 release notes
introduction network security services (nss) 3.28.5 is a patch release for nss 3.28.
... introduction network security services (nss) 3.28.5 is a patch release for nss 3.28.
NSS 3.29.1 release notes
introduction network security services (nss) 3.29.1 is a patch release for nss 3.29.
... introduction network security services (nss) 3.29.1 is a patch release for nss 3.29.
NSS 3.29.2 release notes
introduction network security services (nss) 3.29.2 is a patch release for nss 3.29.
... introduction network security services (nss) 3.29.2 is a patch release for nss 3.29.
NSS 3.29.3 release notes
introduction network security services (nss) 3.29.3 is a patch release for nss 3.29.
... introduction network security services (nss) 3.29.3 is a patch release for nss 3.29.
NSS 3.29.5 release notes
introduction network security services (nss) 3.29.5 is a security patch release for nss 3.29.
... introduction network security services (nss) 3.29.5 is a security patch release for nss 3.29.
NSS 3.29 release notes
introduction the network security services (nss) team has released nss 3.29, which is a minor release.
... introduction the network security services (nss) team has released nss 3.29, which is a minor release.
NSS 3.30.1 release notes
introduction network security services (nss) 3.30.1 is a security patch release for nss 3.30.
... introduction network security services (nss) 3.30.1 is a security patch release for nss 3.30.
NSS 3.30.2 release notes
introduction network security services (nss) 3.30.2 is a patch release for nss 3.30.
... introduction network security services (nss) 3.30.2 is a patch release for nss 3.30.
NSS 3.30 release notes
introduction the network security services (nss) team has released nss 3.30, which is a minor release.
... introduction the network security services (nss) team has released nss 3.30, which is a minor release.
NSS 3.31.1 release notes
this is a draft document.
...ft document.
NSS 3.31 release notes
introduction the network security services (nss) team has released nss 3.31, which is a minor release.
... introduction the network security services (nss) team has released nss 3.31, which is a minor release.
NSS 3.32 release notes
introduction the network security services (nss) team has released nss 3.32, which is a minor release.
... introduction the network security services (nss) team has released nss 3.32, which is a minor release.
NSS 3.33 release notes
introduction the network security services (nss) team has released nss 3.33, which is a minor release.
... introduction the network security services (nss) team has released nss 3.33, which is a minor release.
NSS 3.34.1 release notes
introduction the network security services (nss) team has released nss 3.34.1, which is a minor release.
... introduction the network security services (nss) team has released nss 3.34.1, which is a minor release.
NSS 3.34 release notes
introduction the network security services (nss) team has released nss 3.34, which is a minor release.
... introduction the network security services (nss) team has released nss 3.34, which is a minor release.
NSS 3.35 release notes
introduction the nss team has released network security services (nss) 3.35, which is a minor release.
... introduction the nss team has released network security services (nss) 3.35, which is a minor release.
NSS 3.36.1 release notes
introduction network security services (nss) 3.36.1 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.1 is a patch release for nss 3.36.
NSS 3.36.2 release notes
introduction network security services (nss) 3.36.2 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.2 is a patch release for nss 3.36.
NSS 3.36.4 release notes
introduction network security services (nss) 3.36.4 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.4 is a patch release for nss 3.36.
NSS 3.36.5 release notes
introduction network security services (nss) 3.36.5 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.5 is a patch release for nss 3.36.
NSS 3.36.6 release notes
introduction network security services (nss) 3.36.6 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.6 is a patch release for nss 3.36.
NSS 3.36.7 release notes
introduction network security services (nss) 3.36.7 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.7 is a patch release for nss 3.36.
NSS 3.36.8 release notes
introduction network security services (nss) 3.36.8 is a patch release for nss 3.36.
... introduction network security services (nss) 3.36.8 is a patch release for nss 3.36.
NSS 3.36 release notes
introduction the nss team has released network security services (nss) 3.36, which is a minor release.
... introduction the nss team has released network security services (nss) 3.36, which is a minor release.
NSS 3.37.1 release notes
introduction network security services (nss) 3.37.1 is a patch release for nss 3.37.
... introduction network security services (nss) 3.37.1 is a patch release for nss 3.37.
NSS 3.37.3 release notes
introduction network security services (nss) 3.37.3 is a patch release for nss 3.37.
... introduction network security services (nss) 3.37.3 is a patch release for nss 3.37.
NSS 3.38 release notes
introduction the nss team has released network security services (nss) 3.38, which is a minor release.
... introduction the nss team has released network security services (nss) 3.38, which is a minor release.
NSS 3.39 release notes
introduction the nss team has released network security services (nss) 3.39, which is a minor release.
... introduction the nss team has released network security services (nss) 3.39, which is a minor release.
NSS 3.40.1 release notes
introduction the nss team has released network security services (nss) 3.40.1, which is a patch release for nss 3.40 distribution information the hg tag is nss_3_40_1_rtm.
... introduction the nss team has released network security services (nss) 3.40.1, which is a patch release for nss 3.40 distribution information the hg tag is nss_3_40_1_rtm.
NSS 3.40 release notes
introduction the nss team has released network security services (nss) 3.40, which is a minor release.
... introduction the nss team has released network security services (nss) 3.40, which is a minor release.
NSS 3.41.1 release notes
introduction network security services (nss) 3.41.1 is a patch release for nss 3.41.
... introduction network security services (nss) 3.41.1 is a patch release for nss 3.41.
NSS 3.41 release notes
introduction the nss team has released network security services (nss) 3.41 on 7 december 2018, which is a minor release.
... introduction the nss team has released network security services (nss) 3.41 on 7 december 2018, which is a minor release.
NSS 3.42.1 release notes
introduction the nss team has released network security services (nss) 3.42.1 on 31 january 2019, which is a patch release.
... introduction the nss team has released network security services (nss) 3.42.1 on 31 january 2019, which is a patch release.
NSS 3.42 release notes
introduction the nss team has released network security services (nss) 3.42 on 25 january 2019, which is a minor release.
... introduction the nss team has released network security services (nss) 3.42 on 25 january 2019, which is a minor release.
NSS 3.43 release notes
introduction the nss team has released network security services (nss) 3.43 on 16 march 2019, which is a minor release.
... introduction the nss team has released network security services (nss) 3.43 on 16 march 2019, which is a minor release.
NSS 3.44.2 release notes
introduction network security services (nss) 3.44.2 is a patch release for nss 3.44.
... introduction network security services (nss) 3.44.2 is a patch release for nss 3.44.
NSS 3.44.3 release notes
introduction network security services (nss) 3.44.3 is a patch release for nss 3.44.
...ss 3.44.
NSS 3.44.4 release notes
introduction the nss team has released network security services (nss) 3.44.4 on 19 may 2020.
...ices (nss) 3.44.4 on 19 may 2020.
NSS 3.44 release notes
introduction the nss team has released network security services (nss) 3.44 on 10 may 2019, which is a minor release.
...eased network security services (nss) 3.44 on 10 may 2019, which is a minor release.
NSS 3.46.1 release notes
introduction network security services (nss) 3.46.1 is a patch release for nss 3.46.
... introduction network security services (nss) 3.46.1 is a patch release for nss 3.46.
NSS 3.46 release notes
introduction the nss team has released network security services (nss) 3.46 on 30 august 2019, which is a minor release.
...released network security services (nss) 3.46 on 30 august 2019, which is a minor release.
NSS 3.47.1 release notes
introduction network security services (nss) 3.47.1 is a patch release for nss 3.47.
...ss 3.47.
NSS 3.48.1 release notes
introduction network security services (nss) 3.48.1 is a patch release for nss 3.48.
... introduction network security services (nss) 3.48.1 is a patch release for nss 3.48.
NSS 3.48 release notes
introduction the nss team has released network security services (nss) 3.48 on 5 december 2019, which is a minor release.
...ed network security services (nss) 3.48 on 5 december 2019, which is a minor release.
NSS 3.49.1 release notes
introduction network security services (nss) 3.49.1 is a patch release for nss 3.49.
... introduction network security services (nss) 3.49.1 is a patch release for nss 3.49.
NSS 3.49.2 release notes
introduction network security services (nss) 3.49.2 is a patch release for nss 3.49.
... introduction network security services (nss) 3.49.2 is a patch release for nss 3.49.
NSS 3.49 release notes
introduction the nss team has released network security services (nss) 3.49 on 3 january 2020, which is a minor release.
... introduction the nss team has released network security services (nss) 3.49 on 3 january 2020, which is a minor release.
NSS 3.50 release notes
introduction the nss team has released network security services (nss) 3.50 on 7 february 2020, which is a minor release.
... introduction the nss team has released network security services (nss) 3.50 on 7 february 2020, which is a minor release.
NSS 3.51.1 release notes
introduction the nss team has released network security services (nss) 3.51.1 on 3 april 2020.
... introduction the nss team has released network security services (nss) 3.51.1 on 3 april 2020.
NSS 3.51 release notes
introduction the nss team has released network security services (nss) 3.51 on 6 march 2020, which is a minor release.
...duction the nss team has released network security services (nss) 3.51 on 6 march 2020, which is a minor release.
NSS 3.52.1 release notes
introduction the nss team has released network security services (nss) 3.52.1 on 19 may 2020.
...ices (nss) 3.52.1 on 19 may 2020.
NSS 3.52 release notes
introduction the nss team has released network security services (nss) 3.52 on 1 may 2020.
... introduction the nss team has released network security services (nss) 3.52 on 1 may 2020.
NSS 3.53.1 release notes
he nss team has released network security services (nss) 3.53.1 on 16 june 2020.
...s is a security patch release.
NSS 3.53 release notes
introduction the nss team released network security services (nss) 3.53 on 29 may 2020.
...ity services (nss) 3.53 on 29 may 2020.
NSS 3.54 release notes
introduction the nss team has released network security services (nss) 3.54 on 26 june 2020, which is a minor release.
... introduction the nss team has released network security services (nss) 3.54 on 26 june 2020, which is a minor release.
NSS 3.55 release notes
introduction the nss team has released network security services (nss) 3.55 on 24 july 2020, which is a minor release.
... introduction the nss team has released network security services (nss) 3.55 on 24 july 2020, which is a minor release.
NSS 3.56 release notes
introduction the nss team has released network security services (nss) 3.56 on 21 august 2020, which is a minor release.
... introduction the nss team has released network security services (nss) 3.56 on 21 august 2020, which is a minor release.
Enc Dec MAC Output Public Key as CSR
nss sample code 5: encryption/decryption and mac and output public as a csr.
...gv, "c:d:i:o:f:p:z:a:s:r:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': cmd = option2command(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; c...
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
nss sample code 6: encryption/decryption and mac and output public as a pkcs 11 csr.
...om cert in header file */ case 's': /* sign with private key */ case 'd': /* decrypt with the matching private key */ case 'v': /* verify with the matching public key */ cmd = option2command(optstate->option); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'b': headerfilename = strdup(optstate->value); b...
Encrypt Decrypt_MAC_Using Token
nss sample code 3: encryption/decryption and mac using token object.
...(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; c...
NSS Sample Code Sample_3_Basic Encryption and MACing
n", "note :"); fprintf(stderr, "%-7s <ipfilename>.enc and <ipfilename>.header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes <ipfilename>.enc and <ipfilename>.header\n", ""); fprintf(stderr, "%-7s as input files and produces <opfilename> as a final output file.\n\n", ""); exit(-1); } /* this source code form is subject to the terms of the mozilla public * license, v.
...(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->value); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; c...
NSS Sample Code Utilities_1
< nb) i++; /* terminate passphrase */ phrases[i++] = '\0'; /* clean up any eol before the start of the next passphrase */ while ( (i<nb) analyze="" char="" current="" getmodulepassword="" if="" int="" now="" passphrase="" phrase="&amp;phrases[startphrase];" phraselen="" pk11slotinfo="" pwdata="=" pwdata-="" retry="" return="" secupwdata="" the="" void="" while="">source != pw_none) { pr_fprintf(pr_stderr, "incorrect password/pin entered.\n"); return null; } switch (pwdata->source) { case pw_none: sprintf(prompt, "enter password or pin for \"%s\":", pk11_gettokenname(slot)); return getpassword(stdin, stdout, prompt, checkpassword); case pw_fromfile: pw = filepasswd(slot, retry, pwdata->data)...
... pr_fprintf(pr_stderr, "incorrect password/pin entered.\n"); return null; } switch (pwdata->source) { case pw_none: sprintf(prompt, "enter password or pin for \"%s\":", pk11_gettokenname(slot)); return getpassword(stdin, stdout, prompt, checkpassword); case pw_fromfile: pw = filepasswd(slot, retry, pwdata->data); pwdata->source = pw_plaintext; pwdata->data = pl_strdup(pw); return pw; case pw_plaintext: return pl_strdup(pwdata->data); default: break; } pr_fprintf(pr_stderr, "password check failed: no password found.\n"); return null; } /* * generaterandom */ secstatus generaterandom(unsigned char *rbuf, int rsize) { char meter[] = { "\r| ...
sample2
/* this source code form is subject to the terms of the mozilla public * license, v.
...'a': /* add cert to database */ case 'h': /* save cert to the header file */ case 'e': /* encrypt with public key from cert in header file */ case 's': /* sign with private key */ case 'd': /* decrypt with the matching private key */ case 'v': /* verify with the matching public key */ cmd = option2command(optstate->option); break; case 'd': dbdir = strdup(optstate->value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->value); break; case 'i': infilename = strdup(optstate->value); break; case 'b': headerfilename = strdup(optstate->value); break; case 'e': encryptedfilename = strdup(optstate->value); break; case 'o': outfilename = strdup(optstate->value); break; case 'z': noisefilen...
nss tech note4
certificate *cert, secitem *value); get decoded value of the subjectkeyid extension.
... get decoded value of the subjectkeyid extension.
nss tech note8
f each function, one for clients and one for servers.
...in the server session cache.
NSS release notes template
ft (remove line when document is finished) introduction the nss team has released network security services (nss) 3.xx, which is a minor release.
...etwork security services (nss) 3.xx, which is a minor release.
PKCS 12 functions
the public functions listed here perform pkcs #12 operations required by some of the nss tools and other applications.
... the public functions listed here perform pkcs #12 operations required by some of the nss tools and other applications.
PKCS 7 functions
the public functions listed here perform pkcs #7 operations required by mail and news applications and by some of the nss tools.
...lic functions listed here perform pkcs #7 operations required by mail and news applications and by some of the nss tools.
Migration to HG
mozilla'a cvs server, but have migrated to mozilla's hg (mercurial) server.
...t variables.
NSS tools : cmsutil
message for a set of recipients to which you would like to send an encrypted message.
...t] [-n] [-h num] envelope example cmsutil -e [-i infile] [-o outfile] [-d dbdir] [-p password] -r "recipient1,recipient2, ..." certificate-only example cmsutil -o [-i infile] [-o outfile] [-d dbdir] [-p password] -r "cert1,cert2, .
S/MIME functions
the public functions listed here perform s/mime operations using the s/mime toolkit.
... the public functions listed here perform s/mime operations using the s/mime toolkit.
Utility functions
the public functions listed here perform initialization tasks and other services.
...or a function listed below, the function name is linked to either its mdc wiki page or its entry in the old ssl reference.
NSS tools : cmsutil
Mozilla › Projects › NSS › tools › cmsutil
sage.
...elope example cmsutil -e [-i infile] [-o outfile] [-d dbdir] [-p password] -r "recipient1,recipient2, ..." certificate-only example cmsutil -o [-i infile] [-o outfile] [-d dbdir] [-p password] -r "cert1,cert2, .
Network Security Services
cations built with nss can support ssl v3, tls, pkcs #5, pkcs #7, pkcs #11, pkcs #12, s/mime, x.509 v3 certificates, and other security standards.
...graphy explains the basic concepts of public-key cryptography that underlie nss.
Necko Interfaces Overview
s from uri strings maps uri scheme to appropriate nsiprotocolhandler impl nsiuri (nsiurl, nsifileurl, nsistandardurl) represents an uri, with getters and setters for various uri parts (eg.
...andardurl) represents an uri, with getters and setters for various uri parts (eg.
Installing Pork
o use a gcc that has binaries named something other than "gcc" and "g++", or you use "ccache" for you main gcc installation and want mcpp to override a separate installation, you need to pass the options "cc=gccxxx cxx=g++xxx" to "./configure".
...=-dns_disable_literal_template $srcdir/configure --enable-debug --disable-optimize --disable-accessibility --enable-application=browser --disable-crashreporter building will probably require disabling warnings_as_errors: make warnings_as_errors= "-wp,-w0,-k" are options that get passed to mcpp.
Rhino and BSF
what is bsf?
... what is bsf?
Shumway
ring over "shumway" within flash content, clicking "report problems", and filling the form.
...t should be reported through github.
JSPrincipals
ts the reference count and possibly frees the principals if they are no longer in use.
... methods name description void dump() this is not defined by the js engine but should be provided by the embedding.
JSScript
jsscript is a type in the jsapi.
... jsscript is a type in the jsapi.
JS_CompileFunction
s object, obj.
...n of the function.
JS_CompileFunctionForPrincipals
ointer to the structure holding the security information for this function.
...e that contains the security information to associate with this function.
JS_CompileScript
request on this jscontext.
... ascii or chars const char * or const char16_t * string containing the script to compile.
JS_DecompileFunction
generates the complete source code of a function declaration from a compiled function.
...cx, js::handle<jsfunction*> fun); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_EncodeCharacters
to an 8-bit string.
...srclen, dst, &dstlen); /* use the converted bytes for something.
JS_GetFunctionId
could be an inferred name by the js engine in the case that the function was defined to be anonymous.
...s.
SpiderMonkey 1.8
the mozilla javascript team is pleased to announce the release of spidermonkey 1.8 release candidate 1.
...se spidermonkey 1.8.
SpiderMonkey: The Mozilla JavaScript runtime
spidermonkey is mozilla's javascript engine written in c and c++.
... spidermonkey is mozilla's javascript engine written in c and c++.
Thread Sanitizer
d by linux distros do not work for the same reason.
...rk for the same reason.
Redis Tips
this document is a collection of some examples and tips for using redis, the open-source data structure server.
...that gives usage patterns or recipes for the command under discussion.
Setting up an update server
to http://127.0.0.1:8000/update.xml and make sure that you get the xml file you created earlier.
...d the update directory, close firefox, browse to the directory and remove the subdirectory called updates.
XForms Accessibility
instance data or when the instance data value is invalid or out of the specified range of selectable values (see the spec, the docs).
...ut of the specified range of selectable values (see the spec, the docs).
Places Developer Guide
all bookmarks in the toolbar, menu and unfiled bookmarks folders into the specified file.
...arks folders into the specified file.
Places utilities for JavaScript
n save you time calling the service and searching for a particular folder on your own.
...eturns a string serialization of the node unwrapnodes() unwraps data from the clipboard or the current drag session.
Using the Places annotation service
on(auri, aname); itemhasannotation(aitemid, aname); returns true if the page/item has an annotation with the given name.
...urns true if the page/item has an annotation with the given name.
Using the Places keywords API
ently created through the add keyword for this search contextual menu option in form text fields.
... note this is the same feature previously known as bookmark keywords, the key difference is that keywords are not bound to a specific bookmark, but to a specific url.
XML Extras
drop-in component and exposes its xml-as-data features both to javascript and c++/xpcom users.
...have, and/or check them into extensions/xmlextras/tests/.
An Overview of XPCOM
ss the above items in detail in the coming chapters, but for now, it can be useful to think of xpcom as a platform for component development, in which features such as those listed above are provided.
... languages though you do not have access to some of the tools that xpcom provides for c++ developers (such as macros, templates, smart pointers, and others) when you create components in other languages, you may be so comfortable with the language itself that you can eschew c++ altogether and build, for example, python-based xpcom components that can be used from javascript or vice versa.
Using XPCOM Utilities to Make Things Easier
s mrefcnt to zero.
...ializes mrefcnt to zero.
Components.utils.importGlobalProperties
r string/object in table without a minimum firefox version, it is not exactly known since when it was available, however it is guranteed available from firefox 28 and up.
...t is suspected this works up till firefox 35.
PyXPCOM
gives you a head start to pyxpcom.
...itially developed by activestate tool corporation, and came out of their komodo project.
nsIRegistry
nsiregistry on mxr other documentation: libreg source, reg.h in particular okay!
...e, reg.h in particular okay!
HOWTO
is of course a massive, ugly hack prone to error, but this is what the xpcshell test harness does.
...t("chrome://myall/content/file.jsm"); see: http://mxr.mozilla.org/comm-central/...figutils.js#54 solution 2 append the following at the top of your js file which you want to run in xpcshell { // <https://developer.mozilla.org/en/xpconnect/xpcshell/howto> // <https://bugzilla.mozilla.org/show_bug.cgi?id=546628> let cc = components.classes; let ci = components.interfaces; // register resource://app/ uri let ios = cc["@mozilla.org/network/io-service;1"] .getservice(ci.nsiioservice); let reshandler = ios.getprotocolhandler("resource") .queryinterface(ci.nsiresprotocolhandler); let mozdir = cc["@mozilla.org/file/directory_service;1"] .getservice(ci.nsiproperties) .get("curprocd", ci.nsilocalfile); let mozdiruri = ios.newfileuri(mozdir); reshandler.setsubst...
Language bindings
ct, giving the caller a transparent wrapper to the underlying object.javaxpcomjavaxpcom allows for communication between java and xpcom, such that a java application can access xpcom objects, and xpcom can access any java class that implements an xpcom interface.
...unication between python and xpcom, such that a python application can access xpcom objects, and xpcom can access any python class that implements an xpcom interface.
nsAutoRefTraits
nsautoreftraits<t> is a template class describing traits of resources held by objects of class nsautoref<t> and/or nscountedref<t>.
... nsautoreftraits<t> is a template class describing traits of resources held by objects of class nsautoref<t> and/or nscountedref<t>.
imgIEncoder
h addimageframe(): transparency=[yes|no|none] -- default: "yes" overrides default from input format.
...ency=[yes|no|none] -- default: "yes" overrides default from input format.
mozIJSSubScriptLoader
vascript!
...nterpreted as ascii.
mozIRegistry
uction the title of this document is completely misleading.
... in nsreg.h.
nsIApplicationCacheContainer
is interface is used by objects that can be associated with an application cache.
...erits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) attributes attribute type description applicationcache nsiapplicationcache the application cache with which the object is associated.
nsIChannel
ould take care when "caching" an interface pointer queried from its notification callbacks.
...his load has been retargeted after discovering its content, this flag will be set: load_replace 18 this flag is set to indicate that this channel is replacing another channel.
nsIChannelEventSink
oldchannel, in nsichannel newchannel, in unsigned long flags, in nsiasyncverifyredirectcallback callback); void onchannelredirect(in nsichannel oldchannel, in nsichannel newchannel, in unsigned long flags); obsolete since gecko 2.0 constants constant value description redirect_temporary 1 << 0 this is a temporary redirect.
...g flags); obsolete since gecko 2.0 constants constant value description redirect_temporary 1 << 0 this is a temporary redirect.
nsIDOMFontFace
layout/inspector/public/nsidomfontface.idlscriptable describes a single font face.
... is the system fallback font.
nsIDOMWindowInternal
void home() void stop() void print() void moveto(in long xpos, in long ypos) void moveby(in long xdif, in long ydif) void resizeto(in long width, in long height) void resizeby(in long widthdif, in long heightdif) void scroll(in long xscroll, in long yscroll) nsidomwindow window interface's open() method loads the specified resource into the browsing context (window, <iframe> or tab) with the specified name.
... void resizeto(in long width, in long height) void resizeby(in long widthdif, in long heightdif) void scroll(in long xscroll, in long yscroll) nsidomwindow window interface's open() method loads the specified resource into the browsing context (window, <iframe> or tab) with the specified name.
nsIDeviceMotion
sidevicemotionlistener.onaccelerationchange() method as appropriate to share updated acceleration data.
...eter should begin sending mozorientation events to.
nsIDownload
only valid for http downloads, and can be null.
...nloads, and can be null.
nsIDragSession
dragaction unsigned long sets the action (copy, move, link and so on) for the current drag.
... onlychromedrop boolean indicates if the drop event should be dispatched only to chrome.
nsIEditorMailSupport
ument.
...lection.
nsIInstallLocation
the location of the item.
... not an item's resources are managed by the extension system or by some other user or process.
nsIMicrosummaryGenerator
g: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview long calculateupdateinterval(in nsidomnode apagecontent); boolean equals(in nsimicrosummarygenerator aother); astring generatemicrosummary(in nsidomnode apagecontent); attributes attribute type description loaded boolean has the generator itself (which may be a remote resource) been loaded.
... actual microsummary do not.
nsIMsgDatabase
; void listallofflineopids(in nsmsgkeyarrayptr offlineopids); native code only!
...tallofflinemsgs() [noscript] void listallofflinemsgs(in nsmsgkeyarrayptr offlinemsgs); setattributesonpendinghdr() void setattributesonpendinghdr(in nsimsgdbhdr pendinghdr, in string property, in string propertyval, in long flags); createcollationkey() [noscript] void createcollationkey(in astring sourcestring, out octetptr key, out unsigned long len); comparecollationkeys() [noscript] long comparecollationkeys(in octetptr key1, in unsigned long len1, in octetptr key2, in unsigned long len2); getnewlist() the l...
nsIMsgIncomingServer
g name); boolean getboolvalue(in string attr); acstring getcharattribute(in string name); acstring getcharvalue(in string attr); nsilocalfile getfilevalue(in string relpref, in string abspref); nsimsgfilterlist getfilterlist(in nsimsgwindow amsgwindow); long getintattribute(in string name); long getintvalue(in string attr); nsimsgfolder getmsgfolderfromuri(in nsimsgfolder afolderresource, in acstring auri); void getnewmessages(in nsimsgfolder afolder, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener); acstring getpasswordwithui(in astring apromptstring, in astring aprompttitle, in nsimsgwindow amsgwindow, out boolean okayvalue); astring getunicharattribute(in string name); astring getunicharvalue(in string attr); boolean isnewhdrduplicate(in nsimsgdbhdr anewh...
...e ); parameters name missing description return value missing description exceptions thrown missing exception missing description getintvalue() long getintvalue( in string attr ); parameters attr missing description return value missing description exceptions thrown missing exception missing description getmsgfolderfromuri() nsimsgfolder getmsgfolderfromuri( in nsimsgfolder afolderresource, in acstring auri ); parameters afolderresource missing description auri missing description return value missing description exceptions thrown missing exception missing description getnewmessages() void getnewmessages( in nsimsgfolder afolder, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener ); parameters afolder missing description amsgwindow missing description aurllis...
nsINavHistoryObserver
ll means the title was not set at all.
... use the isvoid() and setisvoid() methods to see whether an empty string is "null" or not; in either case it will always be an empty string.
nsINavHistoryResultNode
ese indices start at 0 and increase in the order at which the nodes appear in the bookmark folder.
...me for any of the children.
nsIPrincipal
_with_user_permission 3 enable_granted 4 methods native code only!canenablecapability short canenablecapability( in string capability ); parameters capability missing description return value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
...nenablecapability( in string capability ); parameters capability missing description return value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
nsIStackFrame
xpcom/base/nsiexception.idlscriptable please add a summary to this article.
...so forth.
nsITraceableChannel
stener.
... 'nsibinaryinputstream', 'setinputstream'); var binaryoutputstream = cc('@mozilla.org/binaryoutputstream;1', 'nsibinaryoutputstream', 'setoutputstream'); var storagestream = cc('@mozilla.org/storagestream;1', 'nsistoragestream', 'init'); function tracinglistener() { this.receivedchunks = []; // array for incoming data.
nsIUUIDGenerator
(in nsnonconstidptr id); native code only!
...ot available) native code only!generateuuidinplace obtain a new uuid like the generateuuid() method, but place it in the provided nsid pointer instead of allocating a new nsid.
nsIUpdateItem
of the install location where this item is installed.
...s installed.
nsIWebBrowserPersist
ore arguments was invalid.
... = components.classes["@mozilla.org/embedding/browser/nswebbrowserpersist;1"].createinstance(components.interfaces.nsiwebbrowserpersist); // with persist flags if desired const nsiwbp = components.interfaces.nsiwebbrowserpersist; const flags = nsiwbp.persist_flags_replace_existing_files; obj_persist.persistflags = flags | nsiwbp.persist_flags_from_cache; var privacycontext = sourcewindow.queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsiloadcontext); //save file to target obj_persist.saveuri(obj_uri,null,null,null,null,obj_targetfile,privacycontext); // starting with firefox 36 saveuri...
nsIWebSocketChannel
header value.
...l at least onstart and onstop of the listener.
nsIXULSortService
content/xul/templates/public/nsixulsortservice.idlscriptable a service used to sort the contents of a xul widget.
... value description sort_comparecase 0x0001 sort_integer 0x0100 methods native code only!insertcontainernode obsolete since gecko 1.9 (firefox 3)this feature is obsolete.
nsIZipReader
ses nsiscriptableinputstream to read the stream returned by getinputstream.
...rned by getinputstream.
nsIZipWriter
ave in the zip as "hi and no extension".
...therwise it puts every file added in a folder of its own.
XPCOM Interface Reference
getnsidomfilensidomfileerrornsidomfileexceptionnsidomfilelistnsidomfilereadernsidomfontfacensidomfontfacelistnsidomgeogeolocationnsidomgeopositionnsidomgeopositionaddressnsidomgeopositioncallbacknsidomgeopositioncoordsnsidomgeopositionerrornsidomgeopositionerrorcallbacknsidomgeopositionoptionsnsidomglobalpropertyinitializernsidomhtmlaudioelementnsidomhtmlformelementnsidomhtmlmediaelementnsidomhtmlsourceelementnsidomhtmltimerangesnsidomjswindownsidommousescrolleventnsidommoznetworkstatsnsidommoznetworkstatsdatansidommoznetworkstatsmanagernsidommoztoucheventnsidomnshtmldocumentnsidomnavigatordesktopnotificationnsidomnodensidomofflineresourcelistnsidomorientationeventnsidomparsernsidomprogresseventnsidomserializernsidomsimplegestureeventnsidomstoragensidomstorage2nsidomstorageeventobsoletensidomsto...
...servernsidownloadprogresslistenernsidownloadernsidragdrophandlernsidragservicensidragsessionnsidroppedlinkhandlernsidroppedlinkitemnsidynamiccontainernsieditornsieditorboxobjectnsieditordocshellnsieditorimesupportnsieditorloggingnsieditormailsupportnsieditorobservernsieditorspellchecknsieffectivetldservicensienumeratornsienvironmentnsierrorservicensieventlistenerinfonsieventlistenerservicensieventsourcensieventtargetnsiexceptionnsiextensionmanagernsiexternalhelperappservicensiexternalprotocolservicensiexternalurlhandlerservicensiftpchannelnsiftpeventsinknsifactorynsifavicondatacallbacknsifaviconservicensifeednsifeedcontainernsifeedelementbasensifeedentrynsifeedgeneratornsifeedpersonnsifeedprocessornsifeedprogresslistenernsifeedresultnsifeedresultlistenernsifeedtextconstructnsifilensifileinputstr...
NS_CStringToUTF16
« xpcom api reference summary the ns_cstringtoutf16 function converts the value of a nsacstring instance to utf-16 and stores the result in a nsastring instance.
...utf16 function converts the value of a nsacstring instance to utf-16 and stores the result in a nsastring instance.
NS_UTF16ToCString
rence summary the ns_utf16tocstring function converts the value of a nsastring instance from utf-16 to the specified multi-byte encoding and stores the result in a nsacstring instance.
...tion converts the value of a nsastring instance from utf-16 to the specified multi-byte encoding and stores the result in a nsacstring instance.
wrappedJSObject
rfaces that should be used to access the component, it's inconvenient to write the interfaces (and recompile each time you change them) when working on a prototype of the component.
...operty if the wrapped object allows this.
Xptcall Porting Guide
is a library that supports both invoking methods on arbitrary xpcom objects and implementing classes whose objects can impersonate any xpcom interface.
...d x86, and freebsd.
XPIDL Syntax
Mozilla › Tech › XPIDL › Syntax
status of this document this is a partial reverse-engineering of the libidl source code's parser, limited mostly to the subset of functionality that is supported by the mozilla xpidl binary.
...s a newline, and not carriage returns (although xpidl begs to differ).
Activity Manager examples
e: ~mycopyeventundo() {} }; ns_impl_isupports1(mycopyeventundo, nsiactivityundohandler) ns_imethodimp mycopyeventundo::undo(nsiactivityevent *event, nsresult *result) { nsresult rv; // get the subjects of this copy event pruint32 length; nsivariant **subjectlist; rv = event->getsubjects(&length, &subjectlist); if(ns_failed(rv)) return rv; // first subject in the list is the source folder in this particular case nscomptr<nsimsgfolder> folder = do_queryinterface(subjectlist[0]); // get the initiator nsivariant *initiator; event->getinitiator(&initiator); if (initiator) { nsisupports* ptr; rv = object->getasisupports(&ptr); if(ns_failed(rv)) return rv; nscomptr<nsimsgcopyservice> copyservice = do_queryinterface(ptr); if (copyservice) ...
.../////////////////////////////// //// creating an undoable copy event nscomptr<nsiactivityundohandler> undohandler = new mycopyeventundo(); nscomptr<nsiactivityevent> copyevent(do_createinstance("@mozilla.org/activity-event;1")); // the initiator of this particular event is copyservice.
WebIDL bindings
the responsibility of the caller.
...ere mypermissionchecker is a function implemented in c++ that returns true if the interface should be enabled.
ctypes.open
ile can be placed in any folder of an addon and then loaded from js-ctypes.
...or a jar path (jar:).
ArrayType
returns a ctype representing the data type "pointer to this type".
... note: this is never ctypes.void_t or an array type with an unspecified length.
PointerType
returns a ctype representing the data type "pointer to this type".
....
StructType
he data type "pointer to this type".
... note: this is never ctypes.void_t or an array type with an unspecified length.
Streams - Plugins
roblem.
... npn_destroy_stream in the same callback.
Application - Firefox Developer Tools
n’t see it there, you can enable it by going to the "three dot" menu and selecting settings (also accessible by pressing f1), then checking the application checkbox under default developer tools.
...sible by pressing f1), then checking the application checkbox under default developer tools.
AesGcmParams - Web APIs
orithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-gcm algorithm.
...the same key.
Animation.timeline - Web APIs
the animation.timeline property of the animation interface returns or sets the timeline associated with this animation.
...ion interface returns or sets the timeline associated with this animation.
AudioBuffer.copyFromChannel() - Web APIs
udio sample data from the specified channel of the audiobuffer to a specified float32array.
...ult.
AudioContext.getOutputTimestamp() - Web APIs
in the following code we start to play an audio file after a play button is clicked, and start off a requestanimationframe loop running, which constantly outputs the contexttime and performancetime.
...tputs the contexttime and performancetime.
BiquadFilterNode.getFrequencyResponse() - Web APIs
rray whose value is outside the range 0.0 to samplerate/2 (where samplerate is the sample rate of the audiocontext), the corresponding value in this array is nan.
... 0.0 to samplerate/2 (where samplerate is the sample rate of the audiocontext), the corresponding value in this array is nan.
BluetoothDevice - Web APIs
hrome os properties these properties were only implemented on google’s chrome os 45 and removed from chrome 52.
...ties were only implemented on google’s chrome os 45 and removed from chrome 52.
CanvasRenderingContext2D.createPattern() - Web APIs
age and repetition.
...izontal only) "repeat-y" (vertical only) "no-repeat" (neither direction) if repetition is specified as an empty string ("") or null (but not undefined), a value of "repeat" will be used.
CanvasRenderingContext2D.filter - Web APIs
telementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.filter = 'blur(4px)'; ctx.font = '48px serif'; ctx.filltext('hello world', 50, 100); result applying multiple filters you can combine as many filters as you like.
... you like.
Applying styles and colors - Web APIs
css color methods as a demonstration, but in the first gradient #019f62 = rgba(1,159,98,1).
...e both 0 by default.
Compositing and clipping - Web APIs
normal canvas shape but it acts as a mask to hide unwanted parts of shapes.
...shape but it acts as a mask to hide unwanted parts of shapes.
CloseEvent - Web APIs
is delivered to the listener indicated by the websocket object's onclose attribute.
...ntaining the close code sent by the server.
ContentIndex.add() - Web APIs
Web › API › ContentIndex › add
iption of the item.
...e url of the corresponding html document.
ContentIndex.getAll() - Web APIs
iption of the item.
...e url of the corresponding html document.
Crypto - Web APIs
Web › API › Crypto
to interface represents basic cryptography features available in the current context.
... crypto api is accessed through the window.crypto property, which is a crypto object.
DOMMatrix - Web APIs
Web › API › DOMMatrix
ollowing methods, as well as the methods it inherits from dommatrixreadonly.
...self() modifies the matrix by post-multiplying it with the specified dommatrix.
DataTransfer.addElement() - Web APIs
the datatransfer.addelement() method sets the drag source to the given element.
... the datatransfer.addelement() method sets the drag source to the given element.
DataTransfer.setDragImage() - Web APIs
note the example refers to an image file named example.gif.
...ion dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); // get the data, which is the id of the drop target var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } </script> <body> <h1>example of <code>datatransfer.setdragimage()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition o...
DataTransferItemList.DataTransferItem() - Web APIs
console.log("...
...clear(); } html <div> <p id="source" ondragstart="dragstart_handler(event);" ondragend="dragend_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } result drag and drop demo link specifications specification status comment html living standardthe definition of 'datatransferitem getter' in that specification.
DataTransferItemList.add() - Web APIs
item couldn't be created (for example, if the associated datatransfer object has no data store), null is returned.
...f the add() method.
DataTransferItemList.clear() - Web APIs
pty.
... html <div> <p id="source" ondragstart="dragstart_handler(event);" ondragend="dragend_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } javascript function dragstart_handler(ev) { console.log("dragstart"); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree var datalist = ev.datatransfer.items; datalist.add(ev.target.id, "text/plain"); // add some other items to ...
DataTransferItemList.length - Web APIs
console.log("...
...clear(); } html <div> <p id="source" ondragstart="dragstart_handler(event);" ondragend="dragend_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } result drag and drop demo link specifications specification status comment html living standardthe definition of 'length' in that specification.
DirectoryEntrySync - Web APIs
(exclusive is ignored) path exists, but is a directory an error is thrown.
...ive is ignored) path exists, but is a directory an error is thrown.
Document - Web APIs
Web › API › Document
ddata is an eventhandler representing the code to be called when the loadeddata event is raised.
...o be called when the loadedmetadata event is raised.
Document Object Model (DOM) - Web APIs
eve this, the following interfaces present in the different dom level 3 or earlier specifications have been removed.
...vganimatedlengthlist svganimatednumber svganimatednumberlist svganimatedpathdata svganimatedpoints svganimatedpreserveaspectratio svganimatedrect svganimatedstring svganimatedtransformlist smil-related interfaces elementtimecontrol timeevent other svg interfaces getsvgdocument shadowanimation svgcolorprofilerule svgcssrule svgdocument svgexception svgexternalresourcesrequired svgfittoviewbox svglangspace svglocatable svgrenderingintent svgstylable svgtests svgtransformable svgunittypes svguseelementshadowroot svgurireference svgviewspec svgzoomandpan svgzoomevent specifications specification status comment dom living standard ...
Element.innerHTML - Web APIs
Web › API › Element › innerHTML
laces them with nodes constructed by parsing the html given in the string htmlstring.
... attribute: document.body.innerhtml = ""; this example fetches the document's current html markup and replaces the "<" characters with the html entity "&lt;", thereby essentially converting the html into raw text.
Element: paste event - Web APIs
override the default behavior (for example to insert some different data or a transformation of the clipboard contents) an event handler must cancel the default action using event.preventdefault(), and then insert its desired data manually.
...tion using event.preventdefault(), and then insert its desired data manually.
EventTarget.addEventListener() - Web APIs
with the same parameters, the duplicate instances are discarded.
...ment console.log(e.currenttarget === this) // logs `true` }) as a reminder, arrow functions do not have their own this context.
FetchEvent.respondWith() - Web APIs
y return response objects of type "opaque" if the fetchevent.request object's mode is "no-cors".
... is the empty string, then the fetchevent.request.url is used as the final url.
Fetch basic concepts - Web APIs
the fetch api provides an interface for fetching resources (including across the network).
...the fetch api.
Using the Frame Timing API - Web APIs
mance timeline.
...ar observe_all = new performanceobserver(function(list) { var perfentries = list.getentries(); for (var i=0; i < perfentries.length; i++) { switch (perfentries[i].entrytype) { case "frame": process_frame(perfentries[i]); break; case "mark": process_mark(perfentries[i]); break; case "measure": process_measure(perfentries[i]); break; case "resource": process_resource(perfentries[i]); break; default: console.log("unexpected performance entry type: " + perfentries[i].entrytype); } } }); // observe frame, mark, measure and resource events observe_frame.observe({entrytypes: ['frame', 'mark', 'measure', 'resource']}); accessing frame data when a frame observer is invoked, the observer callback is given one argument that is a performanceobserver...
Using the Gamepad API - Web APIs
hind the scenes, this object will be updated every time the gamepad's state changes.
...--; } ball.style.left = a * 2 + "px"; ball.style.top = b * 2 + "px"; start = requestanimationframe(gameloop); } complete example: displaying gamepad state this example shows how to use the gamepad object, as well as the gamepadconnected and gamepaddisconnected events in order to display the state of all gamepads connected to the system.
GlobalEventHandlers.ondrag - Web APIs
ment.ondrag; return value draghandler the drag event handler for element targetelement.
...get.style.background = "lightyellow"; ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } </script> <body> <h1>examples of <code>ondrag</code>, <code>ondrop</code>, <code>ondragstart</code>, <code>ondragover</code></h1> <div> <!-- <div class="source"> --> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status ...
GlobalEventHandlers.ondragover - Web APIs
return value dragoverhandler the dragover event handler for element targetelement.
...renttarget.style.background = "lightyellow"; ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } </script> <body> <h1>examples of <code>ondrag</code>, <code>ondrop</code>, <code>ondragstart</code>, <code>ondragover</code></h1> <div> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html l...
GlobalEventHandlers.ondragstart - Web APIs
rn value dragstarthandler the dragstart event handler for element targetelement.
...renttarget.style.background = "lightyellow"; ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } </script> <body> <h1>examples of <code>ondrag</code>, <code>ondrop</code>, <code>ondragstart</code>, <code>ondragover</code></h1> <div> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html l...
GlobalEventHandlers.ondrop - Web APIs
ement.ondrop; return value drophandler the drop event handler for element targetelement.
....currenttarget.style.background = "lightyellow"; ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } </script> <body> <h1>examples of <code>ondrag</code>, <code>ondrop</code>, <code>ondragstart</code>, <code>ondragover</code></h1> <div class="source"> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comm...
GlobalEventHandlers.onload - Web APIs
the onload property of the globaleventhandlers mixin is an eventhandler that processes load events on a window, xmlhttprequest, <img> element, etc.
...of the document loading process.
GlobalEventHandlers.onplay - Web APIs
the globaleventhandlers mixin is the eventhandler for processing play events.
...dler for processing play events.
GlobalEventHandlers - Web APIs
ddata is an eventhandler representing the code to be called when the loadeddata event is raised.
...o be called when the loadedmetadata event is raised.
HTMLAnchorElement.download - Web APIs
the htmlanchorelement.download property is a domstring indicating that the linked resource is intended to be downloaded rather than displayed in the browser.
... the htmlanchorelement.download property is a domstring indicating that the linked resource is intended to be downloaded rather than displayed in the browser.
HTMLCanvasElement.toBlob() - Web APIs
an; at least some of its contents come from secure examples getting a file representing the canvas once you have drawn content into a canvas, you can convert it into a file of any supported image format.
... = document.getelementbyid('canvas'); var d = canvas.width; ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(d / 2, 0); ctx.lineto(d, d); ctx.lineto(0, d); ctx.closepath(); ctx.fillstyle = 'yellow'; ctx.fill(); function blobcallback(iconname) { return function(b) { var r = new filereader(); r.onloadend = function () { // r.result contains the arraybuffer.
HTMLCanvasElement: webglcontextrestored event - Web APIs
the webglcontextrestored event of the webgl api is fired if the user agent restores the drawing buffer for a webglrenderingcontext object.
... the webglcontextrestored event of the webgl api is fired if the user agent restores the drawing buffer for a webglrenderingcontext object.
HTMLIFrameElement.referrerPolicy - Web APIs
the htmliframeelement.referrerpolicy property reflects the html referrerpolicy attribute of the <iframe> element defining which referrer is sent when fetching the resource.
...https→http).
HTMLImageElement.crossOrigin - Web APIs
the htmlimageelement interface's crossorigin attribute is a string which specifies the cross-origin resource sharing (cors) setting to use when retrieving the image.
... the htmlimageelement interface's crossorigin attribute is a string which specifies the cross-origin resource sharing (cors) setting to use when retrieving the image.
HTMLMediaElement.play() - Web APIs
n as its sole input parameter (as opposed to a traditional exception being thrown).
...onal exception being thrown).
HTMLMedia​Element​.textTracks - Web APIs
ttracklist object representing the list of text tracks included in the media element.
...xt tracks included in the media element.
HTMLObjectElement.typeMustMatch - Web APIs
the htmlobjectelement.typemustmatch property is a boolean that reflects the typemustmatch attribute of the <object> element.
... the htmlobjectelement.typemustmatch property is a boolean that reflects the typemustmatch attribute of the <object> element.
HTMLScriptElement.referrerPolicy - Web APIs
the referrerpolicy property of the htmlscriptelement interface reflects the html referrerpolicy of the <script> element and fetches made by that script, defining which referrer is sent when fetching the resource.
...ttp).
Recommended Drag Types - Web APIs
u may also see data with the mozilla-specific type text/x-moz-url.
...data for this type should be serialized html source code.
HkdfParams - Web APIs
the hkdfparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the hkdf algorithm.
...his may be one of: sha-1 sha-256 sha-384 sha-512 salt a buffersource.
IDBCursor - Web APIs
Web › API › IDBCursor
note: not to be confused with idbcursorwithvalue which is just an idbcursor interface with an additional value property.
...ll the records in the cursor's range.
IIRFilterNode.getFrequencyResponse() - Web APIs
ncyarray.
...at32array to receive the computed phase response values in radians for each frequency value in the input frequencyarray.
Key Values - Web APIs
keycode_prog_brown "closedcaptiontoggle" toggles closed captioning on and off.
...d captioning on and off.
KeyframeEffect.KeyframeEffect() - Web APIs
the keyframeeffect() constructor of the web animations api returns a new keyframeeffect object instance, and also allows you to clone an existing keyframe effect object instance.
...t for as long as the element exists.
Location - Web APIs
Web › API › Location
" of the url.
... is a usvstring containing a '#' followed by the fragment identifier of the url.
Locks.name - Web APIs
Web › API › Lock › name
the name read-only property of the lock interface returns the name passed to lockmanager.request selected when the lock was requested.
...the name passed to lockmanager.request selected when the lock was requested.
MediaCapabilities.decodingInfo() - Web APIs
nfo; this contains the three boolean properties supported, smooth, and powerefficient, which describe whether decoding the media described would be supported, smooth, and powerefficient.
...o or audio, the contenttype is not a valid codec mime type, the media decoding configuration is not a valid value for the media decoding type, or any other error in the media configuration passed to the method, including omitting values required in the media decoding configuration.
MediaImage - Web APIs
the media session api's mediaimage dictionary describes the images associated with the media resource mediametadata.
... the media session api's mediaimage dictionary describes the images associated with the media resource mediametadata.
MediaRecorderErrorEvent.error - Web APIs
empted in a context in which it isn't allowed, or a request has been made on an object that's deleted or removed.
...message atttribute should provide additional information, if it exists.
Media Session action types - Web APIs
operations, and is likely to result in improved performance.
...nd is likely to result in improved performance.
MediaSessionActionDetails - Web APIs
operations, and is likely to result in improved performance.
...nd is likely to result in improved performance.
MediaStreamConstraints.audio - Web APIs
ints work, see capabilities, constraints, and settings.
...r audioconstraints = true | false | mediatrackconstraints; value the value of the audio property can be specified as either of two types: boolean if a boolean value is specified, it simply indicates whether or not an audio track should be included in the returned stream; if it's true, an audio track is included; if no audio source is available or if permission is not given to use the audio source, the call to getusermedia() will fail.
MediaStreamConstraints.video - Web APIs
raints work, see capabilities, constraints, and settings.
...var videoconstraints = true | false | mediatrackconstraints; value the value of the video property can be specified as either of two types: boolean if a boolean value is specified, it simply indicates whether or not a video track should be included in the returned stream; if it's true, a video track is included; if no video source is available or if permission is not given to use the video source, the call to getusermedia() will fail.
MediaStreamTrack.enabled - Web APIs
the enabled property on the mediastreamtrack interface is a boolean value which is true if the track is allowed to render the source stream or false if it is not.
... the enabled property on the mediastreamtrack interface is a boolean value which is true if the track is allowed to render the source stream or false if it is not.
MediaStreamTrack: ended event - Web APIs
the ended event of the mediastreamtrack interface is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available.
... no interface event event handler property mediastreamtrack.onended usage notes ended events fire when the media stream track's source permanently stops sending data on the stream.
MediaStreamTrack: mute event - Web APIs
the mute event is sent to a mediastreamtrack when the track's source is temporarily unable to provide media data.
... state of silencing a track) is actually managed using the mediastreamtrack.enabled property, for which there are no events.
MediaStreamTrack: unmute event - Web APIs
the unmute event is sent to a mediastreamtrack when the track's source is once again able to provide media data after a period of not being able to do so.
... event handler property onunmute note: the condition that most people think of as "muted" (that is, a user-controllable way to silence a track) is actually managed using the mediastreamtrack.enabled property, for which there are no events.
Recording a media element - Web APIs
while the article using the mediastream recording api demonstrates using the mediarecorder interface to capture a mediastream generated by a hardware device, as returned by navigator.mediadevices.getusermedia(), you can also use an html media element (namely <audio> or <video>) as the source of the mediastream to be recorded.
...so that our code will work on firefox, on which the mediarecorder.capturestream() method is prefixed.
Using the MediaStream Recording API - Web APIs
tion: web dictaphone to demonstrate basic usage of the mediarecorder api, we have built a web-based dictaphone.
...hen we click/focus the label), the adjacent <aside> element will have its horizontal translation value changed and transition smoothly into view: input[type=checkbox]:checked ~ aside { transform: translatex(0); } basic app setup to grab the media stream we want to capture, we use getusermedia().
MediaTrackConstraints - Web APIs
nt.
... contents of a single browser tab selected by the user.
MessageEvent.MessageEvent() - Web APIs
ing properties: data: the data you want contained in the messageevent.
...ta: the data you want contained in the messageevent.
MouseEvent - Web APIs
ing pressed when the mouse event was fired.
... the amount of pressure applied to a touch or tablet device when generating the event; this value ranges between 0.0 (minimum pressure) and 1.0 (maximum pressure).
Navigator.msLaunchUri() - Web APIs
n a standards track.
...form resource identifier (uri) contains the protocol for the default service or app, such as mailto://test@contoso.com.
Network Information API - Web APIs
user's connection.
...onnection || navigator.webkitconnection; var type = connection.effectivetype; function updateconnectionstatus() { console.log("connection type changed from " + type + " to " + connection.effectivetype); type = connection.effectivetype; } connection.addeventlistener('change', updateconnectionstatus); preload large resources the connection object is useful for deciding whether to preload resources that take large amounts of bandwidth or memory.
Node.getRootNode() - Web APIs
Web › API › Node › getRootNode
e will return an htmldocument object representing the entire page.
...ldocument object representing the entire page.
Node.nextSibling - Web APIs
Web › API › Node › nextSibling
the node.nextsibling read-only property returns the node immediately following the specified one in their parent's childnodes, or returns null if the specified node is the last child in the parent element.
... 1.
NonDocumentTypeChildNode.nextElementSibling - Web APIs
iv-01').nextelementsibling; console.log('siblings of div-01:'); while (el) { console.log(el.nodename); el = el.nextelementsibling; } </script> this example outputs the following into the console when it loads: siblings of div-01: div script polyfill for internet explorer 8 this property is unsupported prior to ie9, so the following snippet can be used to add support to ie8: // source: https://github.com/alhadis/snippets/blob/master/js/polyfills/ie8-child-elements.js if(!("nextelementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "nextelementsibling", { get: function(){ var e = this.nextsibling; while(e && 1 !== e.nodetype) e = e.nextsibling; return e; } }); } polyfil...
.../master/js/polyfills/ie8-child-elements.js if(!("nextelementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "nextelementsibling", { get: function(){ var e = this.nextsibling; while(e && 1 !== e.nodetype) e = e.nextsibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/dom/nondocumenttypechildnode/nextelementsibling/nextelementsibling.md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('nextelementsibling')) { return; } object.defineproperty(item, 'nextelementsibling', { configurable: true, enumerable: true, get: function () { var el = this; ...
NonDocumentTypeChildNode.previousElementSibling - Web APIs
ment.write('<li>' + el.nodename + '</li>'); el = el.previouselementsibling; } document.write('</ol>'); </script> this example outputs the following into the page when it loads: siblings of div-03 1.
.../alhadis/snippets/blob/master/js/polyfills/ie8-child-elements.js if(!("previouselementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "previouselementsibling", { get: function(){ var e = this.previoussibling; while(e && 1 !== e.nodetype) e = e.previoussibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/dom/nondocumenttypechildnode/previouselementsibling/previouselementsibling.md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('previouselementsibling')) { return; } object.defineproperty(item, 'previouselementsibling', { configurable: true, enumerable: true, get: function () { let ...
PerformanceNavigationTiming.toJSON() - Web APIs
the tojson() method is a serializer - it returns a json representation of the performancenavigationtiming object.
...serializer - it returns a json representation of the performancenavigationtiming object.
ProgressEvent() - Web APIs
to be done, and the amount of work already done, by the underlying process is calculable.
...g process.
ProgressEvent.initProgressEvent() - Web APIs
g indicating if the total work to be done, and the amount of work already done, by the underlying process is calculable.
... performed by the underlying process.
PublicKeyCredentialCreationOptions.challenge - Web APIs
the challenge property of the publickeycredentialcreationoptions dictionary is a buffersource used as a cryptographic challenge.
...or verification to the server as part of authenticatorattestationresponse.attestationobject.
PublicKeyCredentialCreationOptions.user - Web APIs
re generated (via navigator.credentials.create()).
...account = publickeycredentialcreationoptions.user properties displayname a domstring which is human readable and intended for display.
PublicKeyCredentialRequestOptions.challenge - Web APIs
the challenge property of the publickeycredentialrequestoptions dictionary is a buffersource used as a cryptographic challenge.
...nse.signature which should be sent back to the server as part of the response.
RTCIceCandidate.address - Web APIs
the rtcicecandidate interface's read-only address property is a string providing the address of the device which is the source of the candidate.
...e: if port is null — and port is supported by the user agent — passing the candidate to addicecandidate() will fail, throwing an operationerror exception.
RTCIceCandidatePairStats.circuitBreakerTriggerCount - Web APIs
ircuit breaker trigger is fired each time the connection times out or otherwise needs to be halted automatically.
...s fired each time the connection times out or otherwise needs to be halted automatically.
RTCIceCandidatePairStats - Web APIs
bytessent optional the total number of payload bytes sent (that is, the total number of bytes sent minus any headers, padding, or other administrative overhead) so far on this candidate pair.
... the total number of payload bytes sent (that is, the total number of bytes sent minus any headers, padding, or other administrative overhead) so far on this candidate pair.
RTCOfferAnswerOptions.voiceActivityDetection - Web APIs
the voiceactivitydetection property of the rtcofferansweroptions dictionary is used to specify whether or not to use automatic voice detection for the audio on an rtcpeerconnection.
... should automatically disable or mute outgoing audio when the audio source is not sensing a human voice.
RTCStatsType - Web APIs
ter the transport switches to another candidate pair; this change cannot be detected otherwise.
...t be detected otherwise.
ReadableStream - Web APIs
readablestream() creates and returns a readable stream object from the given handlers.
...blestream.tee() the tee method tees this readable stream, returning a two-element array containing the two resulting branches as new readablestream instances.
ReadableStreamBYOBReader.cancel() - Web APIs
the cancel() method of the readablestreambyobreader interface cancels the stream, signaling a loss of interest in the stream by a consumer.
...e: if the reader is active, the cancel() method behaves the same as that for the associated stream (readablestream.cancel()).
ReadableStreamDefaultController.error() - Web APIs
e readablestreamdefaultcontroller interface causes any future interactions with the associated stream to error.
..., and can be called when the stream is not readable.
ReadableStreamDefaultReader.cancel() - Web APIs
the cancel() method of the readablestreamdefaultreader interface cancels the stream, signaling a loss of interest in the stream by a consumer.
...eader is active, the cancel() method behaves the same as that for the associated stream (readablestream.cancel()).
ReadableStreamDefaultReader - Web APIs
only allows you to write code that responds to an end to the streaming process.
...ent will be given to the underlying source, which may or may not use it.
Request.integrity - Web APIs
Web › API › Request › integrity
the integrity read-only property of the request interface contains the subresource integrity value of the request.
... the integrity read-only property of the request interface contains the subresource integrity value of the request.
Resize Observer API - Web APIs
o do anything you like in response to those changes.
...ox, sized as a percentage of the viewport size.
SVGAElement.target - Web APIs
the svgaelement.target read-only property of svgaelement returns an svganimatedstring object that specifies the portion of a target window, frame, pane into which a document is to be opened when a link is activated.
...ns an svganimatedstring object that specifies the portion of a target window, frame, pane into which a document is to be opened when a link is activated.
SVGFontElement - Web APIs
x" /><text x="71" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfontelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but inherits properties from its parent, svgelement and implements properties from svgexternalresourcesrequired and svgstylable.
...ontelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but inherits properties from its parent, svgelement and implements properties from svgexternalresourcesrequired and svgstylable.
SecurityPolicyViolationEvent.SecurityPolicyViolationEvent() - Web APIs
.
...the linenumber of the securitypolicyviolationevent.
SecurityPolicyViolationEvent.blockedURI - Web APIs
the blockeduri read-only property of the securitypolicyviolationevent interface is a usvstring representing the uri of the resource that was blocked because it violates a policy.
... the blockeduri read-only property of the securitypolicyviolationevent interface is a usvstring representing the uri of the resource that was blocked because it violates a policy.
SecurityPolicyViolationEvent.referrer - Web APIs
the referrer read-only property of the securitypolicyviolationevent interface is a usvstring representing the referrer of the resources whose policy was violated.
... the referrer read-only property of the securitypolicyviolationevent interface is a usvstring representing the referrer of the resources whose policy was violated.
ServiceWorkerContainer.register() - Web APIs
if included in example.com/index.html, at the root of a site, would apply to exactly the same pages as the example above.
...); } else { console.log('service workers are not supported.'); } there is frequent confusion surrounding the meaning and use of scope.
Streams API - Web APIs
the streams api allows javascript to programmatically access streams of data received over the network and process them as desired by the developer.
...t you want to receive over a network down into small chunks, then processing it bit by bit.
Multi-touch interaction - Web APIs
.
... " ; changedtouches = " + ev.changedtouches.length; o.innerhtml += s + " "; if (printtargetids) { s = ""; for (var i=0; i < ev.targettouches.length; i++) { s += "...
TrackDefault.byteStreamTrackID - Web APIs
the bytestreamtrackid read-only property of the trackdefault interface returns the id of the specific track that the sourcebuffer should apply to.
... the bytestreamtrackid read-only property of the trackdefault interface returns the id of the specific track that the sourcebuffer should apply to.
TrackDefaultList - Web APIs
the trackdefaultlist interface represents a simple container list for multiple trackdefault objects.
... the trackdefaultlist interface represents a simple container list for multiple trackdefault objects.
UIEvent() - Web APIs
Web › API › UIEvent › UIEvent
presenting the name of the event.
...iated with the event .
UIEvent - Web APIs
Web › API › UIEvent
the horizontal coordinate of the event relative to the current layer.
...ode of the key pressed, or the character code (charcode) for an alphanumeric key pressed.
WEBGL_debug_shaders - Web APIs
l extensions are available using the webglrenderingcontext.getextension() method.
...glrenderingcontext.getextension() method.
WebGL2RenderingContext - Web APIs
s'); var gl = canvas.getcontext('webgl2'); webgl 2 is an extension to webgl 1.
...ebgl2renderingcontext.framebuffertexturelayer() attaches a single layer of a texture to a framebuffer.
WebGLRenderingContext.compileShader() - Web APIs
the webglrenderingcontext.compileshader() method of the webgl api compiles a glsl shader into binary data so that it can be used by a webglprogram.
... the webglrenderingcontext.compileshader() method of the webgl api compiles a glsl shader into binary data so that it can be used by a webglprogram.
Hello GLSL - Web APIs
/script> <script type="x-shader/x-fragment" id="fragment-shader"> #version 100 void main() { gl_fragcolor = vec4(0.18, 0.54, 0.34, 1.0); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.queryselector("#vertex-shader").innerhtml; var vertexshader = gl.createshader(gl.vertex_shader); gl.shadersource(vertexshader,source); gl.compileshader(vertexshader); source = document.queryselector("#fragment-shader").innerhtml var fragmentshader = gl.createshader(gl.fragment_shader); gl.shadersource(fragmentshader,source); gl.compileshader(fragmentshader); program = g...
...ntext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } })(); the source code of this example is also available on github.
Hello vertex attributes - Web APIs
x-shader/x-fragment" id="fragment-shader"> #version 100 precision mediump float; void main() { gl_fragcolor = vec4(0.18, 0.54, 0.34, 1.0); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.queryselector("#vertex-shader").innerhtml; var vertexshader = gl.createshader(gl.vertex_shader); gl.shadersource(vertexshader,source); gl.compileshader(vertexshader); source = document.queryselector("#fragment-shader").innerhtml var fragmentshader = gl.createshader(gl.fragment_shader); gl.shadersource(fragmentshader,source); gl.compileshader(fragmentshader); program = g...
...ntext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } })(); the source code of this example is also available on github.
Textures from code - Web APIs
entposition); float distancesqrd = distance * distance; gl_fragcolor = vec4( 0.2/distancesqrd, 0.1/distancesqrd, 0.0, 1.0 ); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.queryselector("#vertex-shader").innerhtml; var vertexshader = gl.createshader(gl.vertex_shader); gl.shadersource(vertexshader,source); gl.compileshader(vertexshader); source = document.queryselector("#fragment-shader").innerhtml var fragmentshader = gl.createshader(gl.fragment_shader); gl.shadersource(fragmentshader,source); gl.compileshader(fragmentshader); program = g...
...ntext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } })(); the source code of this example is also available on github.
Animating textures in WebGL - Web APIs
« previous in this demonstration, we build upon the previous example by replacing our static textures with the frames of an mp4 video file that's playing.
...a available and it's safe to start uploading video to a webgl texture.
WebGL model view projection - Web APIs
at take our data points and ultimately render them to the screen.
...y around with these values to see how it affects what is rendered on the screen.
Signaling and video calling - Web APIs
evideocall(); } an error message is displayed in all cases but one.
...m crash.
Taking still photos with WebRTC - Web APIs
video.srcobject = stream; video.play(); }) .catch(function(err) { console.log("an error occurred: " + err); }); here, we're calling mediadevices.getusermedia() and requesting a video stream (without audio).
...g the filter property affect the captured photo.
Example and tutorial: Simple synth keyboard - Web APIs
g demo of a video keyboard you can play using the mouse.
...ly set the oscillator's type to the value of the picker; that value will be one of sine, square, triangle, and sawtooth.
Functions and classes available to Web Workers - Web APIs
48 (48) (yes) (yes) (yes) domrequest and domcursor respectively, these objects represents an ongoing operation (with listeners for reacting to the operation completely successfully, or failing, for example), and an ongoing operation over a list of results.
... notifications allows web pages to control the display of system notifications to the end user 41 (41) ?
Window: load event - Web APIs
Web › API › Window › load event
the load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images.
... the load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images.
Window: unload event - Web APIs
the unload event is fired when the document or a child resource is being unloaded.
... the unload event is fired when the document or a child resource is being unloaded.
WindowEventHandlers.onunload - Web APIs
the onunload property of the windoweventhandlers mixin is the eventhandler for processing unload events.
... the onunload property of the windoweventhandlers mixin is the eventhandler for processing unload events.
WritableStream.WritableStream() - Web APIs
after all queued-up writes have succeeded.
...ing strategy (line 35), sets the maximum amount of data that the writablestream instance will handle in a single write() operation.
XMLHttpRequest.send() - Web APIs
set to null.
...he body, a default value of null is used.
Generating HTML - Web APIs
xsl to create an xml document that would not behave like a html document, the xsl:output in the xsl stylesheet will make sure the resulting document will be handled as html.
... <br /> </xsl:template> <xsl:template match="myns:body"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> ...
XSL Transformations in Mozilla FAQ - Web APIs
why isn't my stylesheet applied?
...cific markup --> </xsl:if> what about media="print"?
Using the aria-describedby attribute - Accessibility
y="descriptionclose" onclick="mydialog.close()">x</button> ...
... the aria-describedby attributed is not designed to reference descriptions on an external resource—since it is an id, it must reference an element in the same dom document.
Using the link role - Accessibility
this technique demonstrates how to use the link role and describes the effect it has on browsers and assistive technology.
... } } } spanelem.addeventlistener('click', navigatelink); spanelem.addeventlistener('keydown', navigatelink); result notes if pressing the link triggers an action but does not change browser focus or navigate to a new page, you might wish to consider using the button role instead of the link role.
Using the log role - Accessibility
he user may be interrupted.
...evans.com/2011/07/12/aria-log/ notes using the log role on an element implies that element has aria-live="polite".
Using the status role - Accessibility
been set and in which case the user may be interrupted.
...p> working examples: notes aria attributes used status related aria techniques alert role live region roles live region attributes compatibility the paciello group published some data on compatibility via their 2014 blog post: screen reader support for aria live regions tbd: add updated support information for common ua and at product combinations additional resources previous recommendations from wai-aria 1.0 (2014) for the status role ...
ARIA Test Cases - Accessibility
- - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - listbox and option dojo nightly build single select listbox using aria-activedescendant listbox in an iframe -- this is an important case as it's an example of how a mashup widget can be built (the widget source simply comes from another url, and is tied in using an iframe) yui "carousel" listbox -- a more advanced test case expected at behavior: (mz) screen reader should announce the label and role of the listbox when it gains focus.
...onveniences such as automatically starting at "main" when reading the page after page load, or providing a special key to get to the search bar, etc.
ARIA annotations - Accessibility
like so: <p>freida’s pet is a <span role="suggestion"><span role="deletion">black cat called luna</span><span role="insertion">purple tyrannosaurus rex called tiny</span></span>.
...x called tiny</span></span>.
ARIA: Suggestion role - Accessibility
>freida’s pet is a <span role="suggestion"> <span role="deletion">black cat called luna</span> <span role="insertion">purple tyrannosaurus rex called tiny</span> </span>.
...pan> </span>.
ARIA: textbox role - Accessibility
ed as with a regular textbox.
...pinions and therefore not normative.
Keyboard-navigable JavaScript widgets - Accessibility
interactive elements (like links, form controls) get focused.
... of accessible web applications and widgets.) the aria-activedescendant property identifies the id of the descendent element that currently has the virtual focus.
Web Accessibility: Understanding Colors and Luminance - Accessibility
ed seizures: expert consensus of the epilepsy foundation of america working group w3c issues and discussions contrast ratio math and related visual issues #695 luminance / luma confusion #236 outdated threshold for srgb companding in the "relative luminance" definition #308 non-srgb color spaces, outdated srgb threshold, and other issues in the "relative luminance" definition #360 w3c resources css color module level 3 css color module level 4 ensuring that a contrast ratio of 3:1 is provided for icons understanding success criterion 1.4.3: contrast (minimum) wcag working group's wiki page on relative luminance contributers many, many thanks to wayne dick of the low vision task force of the w3c and the intense discussions on luminance; to teal for his help and discussions on ...
...wcag working group's wiki page on relative luminance contributers many, many thanks to wayne dick of the low vision task force of the w3c and the intense discussions on luminance; to teal for his help and discussions on human perception of the color blue and how software companies create algorithms for image output based on it; and to tom jewett from knowbility; for the tools and educational resources he developed, that help us all.
Understanding the Web Content Accessibility Guidelines - Accessibility
dable to its users.
...lity guidelines (wcag) 2.1 legal standing this guide is intended to provide practical information to help you build better, more accessible websites.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
flexbox is very well supported across modern browsers, however there are a few issues that you might run into.
...er of bugs in the implementation.
OpenType font features guide - CSS: Cascading Style Sheets
and explained here according to the main attributes and options covered in the w3c specifications.
...how it impacts inheritance and — as mentioned above — if you wish to change one setting, you have to redeclare the entire string (unless you're using css custom properties to set the values).
Stacking context example 3 - CSS: Cascading Style Sheets
3 ...
...tween different level menus, or by using individual (and different) z-index values assigned through the id selector instead of class selector, or by flattening the html hierarchy.
CSS Shapes - CSS: Cascading Style Sheets
ape, and the content wrapping the float now wraps around that shape.
...float now wraps around that shape.
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
hborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-ri...
...percentage>letter-spacingline-breakline-heightlinear-gradient():linklist-stylelist-style-imagelist-style-positionlist-style-typelocal()mmarginmargin-blockmargin-block-endmargin-block-startmargin-bottommargin-inlinemargin-inline-endmargin-inline-startmargin-leftmargin-rightmargin-top::markermarks (@page)maskmask-bordermask-border-modemask-border-outsetmask-border-repeatmask-border-slicemask-border-sourcemask-border-widthmask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typematrix()matrix3d()max()max-block-sizemax-heightmax-height (@viewport)max-inline-sizemax-widthmax-width (@viewport)max-zoom (@viewport)@mediamin()min-block-sizemin-heightmin-height (@viewport)min-inline-sizemin-widthmin-width (@viewport)min-zoom (@viewport)minmax()mix-blend-modemmmsn@name...
border-image-width - CSS: Cascading Style Sheets
the border-image-width css property sets the width of an element's border image.
...ge areacomputed valueas specified, but with relative lengths converted into absolute lengthsanimation typeby computed value type formal syntax [ <length-percentage> | <number> | auto ]{1,4}where <length-percentage> = <length> | <percentage> examples tiling a border image this example creates a border image using the following ".png" file, which is 90 by 90 pixels: thus, each circle in the source image is 30 by 30 pixels.
element() - CSS: Cascading Style Sheets
Web › CSS › element
fox full support 57prefixed full support 57prefixed prefixed implemented with the vendor prefix: -moz- no support 29 — 57prefixed notes prefixed implemented with the vendor prefix: -moz-notes -moz-element() is limited to background-image, background, border-image and border-image-source.
...oid full support 60prefixed full support 60prefixed prefixed implemented with the vendor prefix: -moz- no support 29 — 60prefixed notes prefixed implemented with the vendor prefix: -moz-notes -moz-element() is limited to background-image, background, border-image and border-image-source.
flex-direction - CSS: Cascading Style Sheets
the flex-direction css property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
...lumn-reverse will create a disconnect between the visual presentation of content and dom order.
grid-column - CSS: Cascading Style Sheets
the grid-column css shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
...at name for the purpose of counting this span.
grid-row - CSS: Cascading Style Sheets
Web › CSS › grid-row
the grid-row css shorthand property specifies a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
...at name for the purpose of counting this span.
<image> - CSS: Cascading Style Sheets
Web › CSS › image
its specified size, defined by css properties like width, height, or background-size; and (3) its default size, determined by the kind of property the image is used with: kind of object (css property) default object size background-image the size of the element's background positioning area list-style-image the size of a 1em character border-image-source the size of the element's border image area cursor the browser-defined size matching the usual cursor size on the client's system mask-image ?
...ct size background-image the size of the element's background positioning area list-style-image the size of a 1em character border-image-source the size of the element's border image area cursor the browser-defined size matching the usual cursor size on the client's system mask-image ?
shape-outside - CSS: Cascading Style Sheets
the shape-outside css property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap.
... the reference box defaults to margin-box.
will-change - CSS: Cascading Style Sheets
o <animateable-feature> */ /* global values */ will-change: inherit; will-change: initial; will-change: unset; proper usage of this property can be a bit tricky: don't apply will-change to too many elements.
... will-change: unset; proper usage of this property can be a bit tricky: don't apply will-change to too many elements.
Ajax - Developer guides
Web › Guide › AJAX
st api the xmlhttprequest api is the core of ajax.
... a filelist object returned as a result of a user selecting files using the <input> element, from a drag and drop operation's datatransfer object, or from the mozgetasfile() api on an htmlcanvaselement.
Media buffering, seeking, and time ranges - Developer guides
ciated timeranges object would have the following available properties: myaudio.buffered.length; // returns 2 myaudio.buffered.start(0); // returns 0 myaudio.buffered.end(0); // returns 5 myaudio.buffered.start(1); // returns 15 myaudio.buffered.end(1); // returns 19 to try out and visualize buffered time ranges we can write a little bit of html: <p> <audio id="my-audio" controls> <source src="music.mp3" type="audio/mpeg"> </audio> </p> <p> <canvas id="my-canvas" width="300" height="20"> </canvas> </p> and a little bit of javascript: window.onload = function(){ var myaudio = document.getelementbyid('my-audio'); var mycanvas = document.getelementbyid('my-canvas'); var context = mycanvas.getcontext('2d'); context.fillstyle = 'lightgray'; context.fillr...
...alid indication of the end of seekable media.
Challenge solutions - Developer guides
complete list as well as other ways of specifying colors.
...works dom inspector challenge in domi, click on a strong node.
Making content editable - Developer guides
sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.innerhtml = ""; var opre = document.createelement("pre"); odoc.contenteditable = false; opre.id = "sourcetext"; opre.contenteditable = true; opre.appendchild(ocontent); odoc.appendchild(opre); document.execcommand("defaultparagraphseparator", false, "div"); } else {...
...type html><html><head><title>print<\/title><\/head><body onload=\"print();\">" + odoc.innerhtml + "<\/body><\/html>"); oprntwin.document.close(); } </script> <style type="text/css"> .intlink { cursor: pointer; } img.intlink { border: 0; } #toolbar1 select { font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock'...
Index - Developer guides
Web › Guide › Index
r, 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.
...lay — a good example of this is the buffered progress bar of an audio or video player.
Separate sites for mobile and desktop - Developer guides
ly, this approach is not without its drawbacks.
... desktop site, and need to have a 100% separate mobile site.
<cite>: The Citation element - HTML: Hypertext Markup Language
Web › HTML › Element › cite
the html citation element (<cite>) is used to describe a reference to a cited creative work, and must include the title of that work.
... a facebook post a written or oral statement and so forth.
<html>: The HTML Document / Root element - HTML: Hypertext Markup Language
Web › HTML › Element › html
e omitted if the <html> element is not immediately followed by a comment.
...nt is not immediately followed by a comment.
<i>: The Idiomatic Text element - HTML: Hypertext Markup Language
Web › HTML › Element › i
the html idiomatic text element (<i>) represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.
... the html idiomatic text element (<i>) represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.
<input type="hidden"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › hidden
tring that contains the hidden data you want to include when the form is submitted to the server.
...he value of the hidden input with the id "postid" to the id of the post in its database before sending the form to the user's browser and would use that information when the form is returned to know which database record to update with modified information.
<ins> - HTML: Hypertext Markup Language
Web › HTML › Element › ins
the html <ins> element represents a range of text that has been added to a document.
...rent.
<mark>: The Mark Text element - HTML: Hypertext Markup Language
Web › HTML › Element › mark
the html mark text element (<mark>) represents text which is marked or highlighted for reference or notation purposes, due to the marked passage's relevance or importance in the enclosing context.
... implicit aria role no corresponding role permitted aria roles any dom interface htmlelement attributes this element only includes the global attributes.
<q>: The Inline Quotation element - HTML: Hypertext Markup Language
Web › HTML › Element › q
the html <q> element indicates that the enclosed text is a short inline quotation.
...sponding role permitted aria roles any dom interface htmlquoteelement usage note: most modern browsers will automatically add quotation marks around text inside a <q> element.
<rb>: The Ruby Base element - HTML: Hypertext Markup Language
Web › HTML › Element › rb
the html ruby base (<rb>) element is used to delimit the base text component of a <ruby> annotation, i.e.
...tributes this element only includes the global attributes.
<strong>: The Strong Importance element - HTML: Hypertext Markup Language
Web › HTML › Element › strong
the html strong importance element (<strong>) indicates that its contents have strong importance, seriousness, or urgency.
...vel of importance.
<style>: The Style Information element - HTML: Hypertext Markup Language
Web › HTML › Element › style
the html <style> element contains style information for a document, or part of a document.
...es which media the style should be applied to.
Data URLs - HTTP
oding]::utf8.getbytes("hello")) # outputs to console: agvsbg8= bash -c "echo -n hello`|base64" # outputs to console: agvsbg8= # the backtick (`) is used to escape the piping (|) character here common problems this section describes problems that commonly occur when creating and using data urls.
...ractical issues that arise when using base64 encoding.
Reason: CORS request did not succeed - HTTP
wrong?
... at either the network or protocol level.
Reason: CORS header 'Access-Control-Allow-Origin' missing - HTTP
reason reason: cors header 'access-control-allow-origin' missing what went wrong?
...ss-control-allow-origin header, which is used to determine whether or not the resource can be accessed by content operating within the current origin.
Reason: CORS request not HTTP - HTTP
/ url.
...file:/// uri in firefox 67 and earlier, the origin of the page was defined as the directory from which the page was opened.
Access-Control-Allow-Credentials - HTTP
ose the response to frontend javascript code if the access-control-allow-credentials value is true.
...allow-credentials value is true.
Content-Location - HTTP
the content-location header indicates an alternate location for the returned data.
... the content-location header indicates an alternate location for the returned data.
CSP: plugin-types - HTTP
the http content-security-policy (csp) plugin-types directive restricts the set of plugins that can be embedded into a document by limiting the types of resources which can be loaded.
...curity-policy (csp) plugin-types directive restricts the set of plugins that can be embedded into a document by limiting the types of resources which can be loaded.
Content-Type - HTTP
the content-type entity header is used to indicate the media type of the resource.
...t header byte: 0x00-0x1f (except 0x08 (tab)), "():<>?@[\]{}, and 0x7f (delete).
If-Unmodified-Since - HTTP
the if-unmodified-since request http header makes the request conditional: the server will send back the requested resource, or accept it in the case of a post or another non-safe method, only if it has not been last modified after the given date.
... the if-unmodified-since request http header makes the request conditional: the server will send back the requested resource, or accept it in the case of a post or another non-safe method, only if it has not been last modified after the given date.
Last-Modified - HTTP
the last-modified response http header contains the date and time at which the origin server believes the resource was last modified.
... the last-modified response http header contains the date and time at which the origin server believes the resource was last modified.
OPTIONS - HTTP
Web › HTTP › Methods › OPTIONS
t.
...ding: gzip,deflate connection: keep-alive origin: https://foo.example access-control-request-method: post access-control-request-headers: x-pingother, content-type the server now can respond if it will accept a request under these circumstances.
204 No Content - HTTP
Web › HTTP › Status › 204
the http 204 no content success status response code indicates that the request has succeeded, but that the client doesn't need to go away from its current page.
...tent success status response code indicates that the request has succeeded, but that the client doesn't need to go away from its current page.
301 Moved Permanently - HTTP
Web › HTTP › Status › 301
the hypertext transfer protocol (http) 301 moved permanently redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
... the hypertext transfer protocol (http) 301 moved permanently redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
304 Not Modified - HTTP
Web › HTTP › Status › 304
the http 304 not modified client redirection response code indicates that there is no need to retransmit the requested resources.
... the http 304 not modified client redirection response code indicates that there is no need to retransmit the requested resources.
307 Temporary Redirect - HTTP
Web › HTTP › Status › 307
http 307 temporary redirect redirect status response code indicates that the resource requested has been temporarily moved to the url given by the location headers.
... response code indicates that the resource requested has been temporarily moved to the url given by the location headers.
308 Permanent Redirect - HTTP
Web › HTTP › Status › 308
the hypertext transfer protocol (http) 308 permanent redirect redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
... the hypertext transfer protocol (http) 308 permanent redirect redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
405 Method Not Allowed - HTTP
Web › HTTP › Status › 405
the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
... the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
412 Precondition Failed - HTTP
Web › HTTP › Status › 412
the hypertext transfer protocol (http) 412 precondition failed client error response code indicates that access to the target resource has been denied.
... the hypertext transfer protocol (http) 412 precondition failed client error response code indicates that access to the target resource has been denied.
A re-introduction to JavaScript (JS tutorial) - JavaScript
y.
...in a host environment, and it is up to the host environment to provide mechanisms for communicating with the outside world.
Control flow and error handling - JavaScript
finally statement.
... access files.) if an exception is thrown while the file is open, the finally block closes the file before the script fails.
Regular expressions - JavaScript
constant, using this can improve performance.
...dbbdbsbz'] index the 0-based index of the match in the input string.
Memory Management - JavaScript
low-level languages like c, have manual memory management primitives such as malloc() and free().
...ncurrent/parallel garbage collection) over the last few years are implementation improvements of this algorithm, but not improvements over the garbage collection algorithm itself nor its reduction of the definition of when "an object is no longer needed".
SyntaxError: illegal character - JavaScript
is var foo = 'bar'; // syntaxerror: illegal character // <37e> is not ; but looks like this this should work: "this is actually a string"; 42 - 13; var foo = 'bar'; some editors and ides will notify you or at least use a slightly different highlighting for it, but not all.
...e and you're not able to find the source of the problem, it's often best to just delete the problematic line and retype it.
SyntaxError: missing ; before statement - JavaScript
the javascript exception "missing ; before statement" occurs when there is a semicolon (;) missing somewhere and can't be added by automatic semicolon insertion (asi).
...orrectly.
JavaScript error reference - JavaScript
t left-hand sidereferenceerror: reference to undefined property "x"syntaxerror: "0"-prefixed octal literals and octal escape seq.
...and "x"typeerror: invalid array.prototype.sort argumenttypeerror: invalid argumentstypeerror: invalid assignment to const "x"typeerror: property "x" is non-configurable and can't be deletedtypeerror: setting getter-only property "x"typeerror: variable "x" redeclares argumenturierror: malformed uri sequencewarning: 08/09 is not a legal ecma-262 octal constantwarning: -file- is being assigned a //# sourcemappingurl, but already has onewarning: date.prototype.tolocaleformat is deprecatedwarning: javascript 1.6's for-each-in loops are deprecatedwarning: string.x is deprecated; use string.prototype.x insteadwarning: expression closures are deprecatedwarning: unreachable code after return statement ...
Array.prototype.reduce() - JavaScript
the reduce() method executes a reducer function (that you provide) on each element of the array, resulting in single output value.
... on each element of the array, resulting in single output value.
Array.prototype.map() - JavaScript
the map() method creates a new array populated with the results of calling a provided function on every element in the calling array.
... ["1", "2", "3"].map(parseint) while one might expect [1, 2, 3], the actual result is [1, nan, nan].
Array.prototype.sort() - JavaScript
the sort() method sorts the elements of an array in place and returns the sorted array.
... = list.map(function(el, i) { return { index: i, value: el.tolowercase() }; }) // sorting the mapped array containing the reduced values mapped.sort(function(a, b) { if (a.value > b.value) { return 1; } if (a.value < b.value) { return -1; } return 0; }); // container for the resulting order var result = mapped.map(function(el){ return list[el.index]; }); there is an open source library available called mapsort which applies this approach.
Error.prototype.stack - JavaScript
ction('throw new error()')(); } catch (e) { console.log(e.stack); } // anonymous@file:///c:/example.html line 7 > function:1:1 // @file:///c:/example.html:7:6 try { eval("eval('fail')"); } catch (x) { console.log(x.stack); } // @file:///c:/example.html line 7 > eval line 1 > eval:1:1 // @file:///c:/example.html line 7 > eval:1:1 // @file:///c:/example.html:7:6 you can also use the //# sourceurl directive to name an eval source.
...k); } // anonymous@file:///c:/example.html line 7 > function:1:1 // @file:///c:/example.html:7:6 try { eval("eval('fail')"); } catch (x) { console.log(x.stack); } // @file:///c:/example.html line 7 > eval line 1 > eval:1:1 // @file:///c:/example.html line 7 > eval:1:1 // @file:///c:/example.html:7:6 you can also use the //# sourceurl directive to name an eval source.
FinalizationRegistry.prototype.unregister() - JavaScript
tance.
...h it.
RegExp() constructor - JavaScript
the regexp constructor creates a regular expression object for matching text with a pattern.
...ct a regular expression used in a loop, the regular expression won't be recompiled on each iteration.
RegExp.prototype.exec() - JavaScript
s in a string of text (with capture groups), as opposed to getting just the matching strings with string.prototype.match().
... re lastindex the index at which to start the next match.
RegExp.prototype.test() - JavaScript
the test() method executes a search for a match between a regular expression and a specified string.
...string, returning a boolean result.
RegExp - JavaScript
nstruct a regular expression used in a loop, the regular expression won't be recompiled on each iteration.
...object.
String - JavaScript
property lookup occurs, javascript will automatically wrap the string primitive and call the method or perform the property lookup.
... and u+10ffff \xxx (where xx is 2 hex digits; range of 0x00–0xff) iso-8859-1 character / unicode code point between u+0000 and u+00ff long literal strings sometimes, your code will include strings which are very long.
WebAssembly.Module() constructor - JavaScript
ry way to get a module is through an asynchronous compilation function like webassembly.compile().
...ugh an asynchronous compilation function like webassembly.compile().
WebAssembly.instantiate() - JavaScript
ay of fetching and instantiating wasm modules.
....
uneval() - JavaScript
the uneval() function creates a string representation of the source code of an object.
... the uneval() function creates a string representation of the source code of an object.
Destructuring assignment - JavaScript
the destructuring assignment syntax is a javascript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.
..., ...rest} = {a: 10, b: 20, c: 30, d: 40}); console.log(a); // 10 console.log(b); // 20 console.log(rest); // {c: 30, d: 40} description the object and array literal expressions provide an easy way to create ad hoc packages of data.
switch - JavaScript
the switch statement evaluates an expression, matching the expression's value to a case clause, and executes statements associated with that case, as well as statements in cases that follow the matching case.
...u can!
JavaScript shells - JavaScript
cript shells the following javascript shells work with mozilla.
... console, which support multi-line editing.
Handling media support issues in web content - Web media technologies
e to render a low-quality representation of the image as soon as possible, then update the image as it loads—or after it's finished loading—to present it in full quality.
...e the image as it loads—or after it's finished loading—to present it in full quality.
Codecs used by WebRTC - Web media technologies
s your users might choose.
... narrow-band codec developed by global ip solutions and now google, designed specifically for streaming voice audio.
Optimizing startup performance - Web Performance
pretty easy to design your new app to start up nicely.
...n be done in parallel should be.
Performance Monitoring: RUM vs synthetic monitoring - Web Performance
etwork, device, browser, and cached status are predetermined.
...performance.
Introduction to progressive web apps - Progressive web apps (PWAs)
pp when those features are unavailable.
...le application in this series of articles we will examine the source code of a super simple website that lists information about games submitted to the a-frame category in the js13kgames 2017 competition.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
t something, or let them know about new content being available in the app.
... body: payload, }) ); }); all it does is add a listener for the push event, create the payload variable consisting of the text taken from the data (or create a string to use if data is empty), and then wait until the notification is shown to the user.
color-profile - SVG: Scalable Vector Graphics
alue auto | srgb | <name> | <iri> default value auto animatable yes auto all colors are presumed to be defined in the srgb color space unless a more precise embedded profile is specified within content data.
...iption database.
diffuseConstant - SVG: Scalable Vector Graphics
.
...{ height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" diffuseconstant="1"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" diffuseconstant="2"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 1 ...
k1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k1
eration of the <fecomposite> filter primitive.
... is using this attribute: <fecomposite> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="composite1" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="0" k3="0" k4="0" /> </filter> <filter id="composite2" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="10" k2="0" k3="0" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </sv...
k2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k2
eration of the <fecomposite> filter primitive.
... is using this attribute: <fecomposite> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="composite1" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="1" k3="0" k4="0" /> </filter> <filter id="composite2" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="10" k3="0" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </sv...
k3 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k3
eration of the <fecomposite> filter primitive.
... is using this attribute: <fecomposite> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="composite1" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="0" k3="1" k4="0" /> </filter> <filter id="composite2" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="0" k3="10" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </sv...
k4 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k4
eration of the <fecomposite> filter primitive.
... is using this attribute: <fecomposite> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="composite1" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="1" k2="0" k3="0" k4="0" /> </filter> <filter id="composite2" x="0" y="0" width="100%" height="100%"> <fecomposite in2="sourcegraphic" operator="arithmetic" k1="10" k2="0" k3="0" k4="0.3" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </...
mode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › mode
ode on the <feblend> filter primitive.
...<feflood result="floodfill" x="0" y="0" width="100%" height="100%" flood-color="seagreen" flood-opacity="1"/> <feblend in="sourcegraphic" in2="floodfill" mode="multiply"/> </filter> <filter id="blending2" x="0" y="0" width="100%" height="100%"> <feflood result="floodfill" x="0" y="0" width="100%" height="100%" flood-color="seagreen" flood-opacity="1"/> <feblend in="sourcegraphic" in2="floodfill" mode="color-dodge"/> </filter> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#blending1);"/> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#blending2); transform:translatex(220px);"/> </svg> usage not...
requiredFeatures - SVG: Scalable Vector Graphics
w3.org/tr/svg11/feature#cursor the browser supports the <cursor> element http://www.w3.org/tr/svg11/feature#hyperlinking the browser supports the <a> element http://www.w3.org/tr/svg11/feature#xlinkattribute the browser supports the xlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show and xlink:actuate attributes http://www.w3.org/tr/svg11/feature#externalresourcesrequired the browser supports the externalresourcesrequired attribute http://www.w3.org/tr/svg11/feature#view the browser supports the <view> element http://www.w3.org/tr/svg11/feature#script the browser supports the <script> element http://www.w3.org/tr/svg11/feature#animation the browser supports the <animate>, <set>, <animatemotion>, <animatetransform>, <animatecolor> and ...
...sting : http://www.w3.org/tr/svg11/feature#xlinkattribute --> <rect class="ko" x="10" y="960" height="25" width="430" /> <rect class="ok" x="10" y="960" height="25" width="430" requiredfeatures="http://www.w3.org/tr/svg11/feature#xlinkattribute" /> <text x="20" y="977">http://www.w3.org/tr/svg11/feature#xlinkattribute</text> <!-- testing : http://www.w3.org/tr/svg11/feature#externalresourcesrequired --> <rect class="ko" x="10" y="985" height="25" width="430" /> <rect class="ok" x="10" y="985" height="25" width="430" requiredfeatures="http://www.w3.org/tr/svg11/feature#externalresourcesrequired" /> <text x="20" y="1002">http://www.w3.org/tr/svg11/feature#externalresourcesrequired</text> <!-- testing : http://www.w3.org/tr/svg11/feature#view --> <rect class="ko" x="10" y...
specularConstant - SVG: Scalable Vector Graphics
f the specular lighting.
...ht: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="specularlighting1" x="0" y="0" width="100%" height="100%"> <fespecularlighting in="sourcegraphic" specularconstant="1.2"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <filter id="specularlighting2" x="0" y="0" width="100%" height="100%"> <fespecularlighting in="sourcegraphic" specularconstant="0.8"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting2); transform: translatex(220px);" /> </svg> usage notes value <number> default va...
surfaceScale - SVG: Scalable Vector Graphics
the surfacescale attribute represents the height of the surface for a light filter primitive.
...vg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" surfacescale="1"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" surfacescale="15"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fespecularlighting for <fespecularlighting>, surfacescale defines the he...
x - SVG: Scalable Vector Graphics
Web › SVG › Attribute › x
e primitive.
...> element.
xChannelSelector - SVG: Scalable Vector Graphics
in in along the x-axis.
.../files/12668/mdn.svg" x="0" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" xchannelselector="r"/> </filter> <filter id="displacementfilter2"> <feimage xlink:href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" xchannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes value r | g | b | a default value a animatable yes r thi...
y - SVG: Scalable Vector Graphics
Web › SVG › Attribute › y
e primitive.
...> element.
yChannelSelector - SVG: Scalable Vector Graphics
in in along the y-axis.
.../files/12668/mdn.svg" x="0" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" ychannelselector="r"/> </filter> <filter id="displacementfilter2"> <feimage xlink:href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" ychannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes value r | g | b | a default value a animatable yes r thi...
SVG Attribute reference - SVG: Scalable Vector Graphics
Web › SVG › Attribute
c calcmode cap-height class clip clippathunits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentscripttype contentstyletype cursor cx cy d d decelerate descent diffuseconstant direction display divisor dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresourcesrequired f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight format from fr fx fy g g1 g2 glyph-name glyph-orientation-horizontal glyph-orientation-vertical glyphref gradienttransform gradientunits h hanging height href hreflang hori...
... x1 x2 xchannelselector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y y1 y2 ychannelselector z z zoomandpan svg attributes by category generic attributes core attributes id, lang, tabindex, xml:base, xml:lang, xml:space style attributes class, style conditional processing attributes externalresourcesrequired, requiredextensions, requiredfeatures, systemlanguage.
<feBlend> - SVG: Scalable Vector Graphics
Web › SVG › Element › feBlend
s in in2 mode dom interface this element implements the svgfeblendelement interface.
...ultiply"/> </filter> </defs> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<feblend>' in that specification.
<feDistantLight> - SVG: Scalable Vector Graphics
the <fedistantlight> filter primitive defines a distant light source that can be used within a lighting filter primitive: <fediffuselighting> or <fespecularlighting>.
... the <fedistantlight> filter primitive defines a distant light source that can be used within a lighting filter primitive: <fediffuselighting> or <fespecularlighting>.
<feGaussianBlur> - SVG: Scalable Vector Graphics
tributes presentation attributes filter primitive attributes class style specific attributes in stddeviation edgemode dom interface this element implements the svgfegaussianblurelement interface.
...phic" stddeviation="5" /> </filter> <circle cx="60" cy="60" r="50" fill="green" /> <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurme)" /> </svg> result screenshotlive sample drop shadow example svg <svg width="120" height="120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <filter id="dropshadow"> <fegaussianblur in="sourcealpha" stddeviation="3" /> <feoffset dx="2" dy="4" /> <femerge> <femergenode /> <femergenode in="sourcegraphic" /> </femerge> </filter> <circle cx="60" cy="60" r="50" fill="green" filter="url(#dropshadow)" /> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the de...
<feMerge> - SVG: Scalable Vector Graphics
Web › SVG › Element › feMerge
lters storing their output via the result attribute and then accessing it in a <femergenode> child.
... contentany number of the following elements, in any order:<femergenode> example svg <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <filter id="feoffset" x="-40" y="-20" width="100" height="200"> <feoffset in="sourcegraphic" dx="60" dy="60" /> <fegaussianblur stddeviation="5" result="blur2" /> <femerge> <femergenode in="blur2" /> <femergenode in="sourcegraphic" /> </femerge> </filter> <rect x="40" y="40" width="100" height="100" style="stroke: #000000; fill: green; filter: url(#feoffset);" /> </svg> result attributes global attributes core attributes presentation attributes filter primitive attributes class style specific attributes none dom interface this element implements the svgfemergeelement interface.
<image> - SVG: Scalable Vector Graphics
Web › SVG › Element › image
the <image> svg element includes images inside svg documents.
...ly inside svg documents or inline svg.
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
implemented.
...lemented.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
overview this article and its associated example shows how to use inline svg to provide a background picture for a form.
... overview this article and its associated example shows how to use inline svg to provide a background picture for a form.
Securing your site - Web security
there are several ways incorrect mime types can cause potential security problems with your site.
...mime types.
Tutorials
the links on this page lead to a variety of tutorials and training materials.
... the links on this page lead to a variety of tutorials and training materials.
Axes - XPath
Web › XPath › Axes
space nodes are not included - the parent of an attribute node is an element node, but attribute nodes are not the children of their parents.
...n element node.
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › number
ings sequentially.
...l="single" | "multiple" | "any" from=expression value=expression format=format-string lang=xml:lang-code letter-value="alphabetic" | "traditional" grouping-separator=character grouping-size=number /> required attributes none.
<xsl:strip-space> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:strip-space> element defines the elements in the source document for which whitespace should be removed.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:strip-space> element defines the elements in the source document for which whitespace should be removed.
Compiling a New C/C++ Module to WebAssembly - WebAssembly
fies that we want wasm output.
...e to handle memory allocation, memory leaks, and a host of other problems calling a custom function defined in c if you have a function defined in your c code that you want to call as needed from javascript, you can do this using the emscripten ccall() function, and the emscripten_keepalive declaration (which adds your functions to the exported functions list (see why do functions in my c/c++ source code vanish when i compile to javascript, and/or i get no functions to process?)).
Using the WebAssembly JavaScript API - WebAssembly
vel namespace in javascript when writing the object to be imported into the wasm module.
...al } }) .then(({instance}) => { asserteq("getting initial value from wasm", instance.exports.getglobal(), 0); global.value = 42; asserteq("getting js-updated value from wasm", instance.exports.getglobal(), 42); instance.exports.incglobal(); asserteq("getting wasm-updated value from js", global.value, 43); }); note: you can see the example running live on github; see also the source code.
Compiling an Existing C Module to WebAssembly - WebAssembly
a core use-case for webassembly is to take the existing ecosystem of c libraries and allow developers to use them on the web.
...on.
Content Scripts - Archive of obsolete content
ontentscriptfile option.
Getting Started - Archive of obsolete content
learn how to contribute to the add-on sdk.
XUL Migration Guide - Archive of obsolete content
ou to specify your user interface using html, not xul.
page-worker - Archive of obsolete content
ing contentscriptfile.
panel - Archive of obsolete content
about content scripts, see the working with content scripts guide.
simple-storage - Archive of obsolete content
tting firefox normally, not by cancelling the shell command.
widget - Archive of obsolete content
g"); }); player.port.on("stop", function() { console.log("stopping"); }); to learn much more about content scripts, see the working with content scripts guide.
console/plain-text - Archive of obsolete content
creating a console object to be used for traditional logging purposes.
core/heritage - Archive of obsolete content
e frozen.
event/target - Archive of obsolete content
itters can also have their methods chained: target.on('message', handlemessage) .on('data', parsedata) .on('error', handleerror); eventtarget eventtarget is an exemplar for creating an objects that can be used to add / remove event listeners on them.
net/xhr - Archive of obsolete content
exposed to unprivileged code, this object needs to be attenuated in such a way that, at the very least, it can't access the user's filesystem.
system/child_process - Archive of obsolete content
lementation does not include a write() method for child processes, you must use the "raw" emit event.
util/array - Archive of obsolete content
boolean : a boolean indicating whether or not the element was removed from the array.
jpm - Archive of obsolete content
jpm is a command-line tool that enables you to test, run, and package add-ons.
package.json - Archive of obsolete content
your add-on.
Unit Testing - Archive of obsolete content
since this object is not available in your main add-on code, atob() and btoa() aren't available either.
Using XPCOM without chrome - Archive of obsolete content
own class with an nsinavbookmarkobserverinterface and one of its optional interface methods (onitemchanged).
Drag & Drop - Archive of obsolete content
ssion.candrop = true; } function _dragdrop(aevent) { var dragservice = components.classes["@mozilla.org/widget/dragservice;1"].getservice(components.interfaces.nsidragservice); var dragsession = dragservice.getcurrentsession(); var _ios = components.classes['@mozilla.org/network/io-service;1'].getservice(components.interfaces.nsiioservice); var uris = new array(); // if sourcenode is not null, then the drop was from inside the application if (dragsession.sourcenode) return; // setup a transfer item to retrieve the file data var trans = components.classes["@mozilla.org/widget/transferable;1"].createinstance(components.interfaces.nsitransferable); trans.adddataflavor("text/x-moz-url"); trans.adddataflavor("application/x-moz-file"); for (va...
Tree - Archive of obsolete content
iew.getcelltext(row.value, col.value); alert(celltext); } getting the selected indices of a multiselect tree var start = {}, end = {}, numranges = tree.view.selection.getrangecount(), selectedindices = []; for (var t = 0; t < numranges; t++){ tree.view.selection.getrangeat(t, start, end); for (var v = start.value; v <= end.value; v++) selectedindices.push(v); } other resources xul: tree documentation xul tutorial: tree selection ...
Custom about: URLs - Archive of obsolete content
ged for firefox 48 and up.
Deploying a Plugin as an Extension - Archive of obsolete content
ailable.
Displaying web content in an extension without security issues - Archive of obsolete content
a number of security mechanisms apply.
Extension Etiquette - Archive of obsolete content
ototypes, such as string.prototype, which are often extended to add methods to native objects.
Inline options - Archive of obsolete content
nt really looked), support oninputchanged attribute.
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
r<nsistringinputstream> rawstream =+ do_createinstance(ns_stringinputstream_contractid, &rv);+ ns_ensure_success(rv, rv);++ rv = rawstream->setdata((const char*)data, length); ns_ensure_success(rv, rv); nsistringinputstream is not frozen (and thus, not available in the gecko sdk as currently published).
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
5.
Appendix A: Add-on Performance - Archive of obsolete content
tical route that many add-ons tap into.
The Box Model - Archive of obsolete content
buttons, changing the background color of the toolbars and status bars, font styles, sizes, etc.
Useful Mozilla Community Sites - Archive of obsolete content
ortion of users that use a localized version of firefox, so you shouldn't neglect them.
XUL School Tutorial - Archive of obsolete content
mance appendix b: install and uninstall scripts appendix c: avoiding using eval in add-ons appendix d: loading scripts appendix e: dom building and html insertion appendix f: monitoring dom changes the xul school project was developed by appcoast (formerly glaxstar).
Overlay extensions - Archive of obsolete content
this methodology has largely been superseded by restartless extensions, and the add-on sdk, which is built on top of them.
Extensions support in SeaMonkey 2 - Archive of obsolete content
l.xul chrome://browser/content/places/places.xul chrome://communicator/content/bookma...rksmanager.xul thunderbird uses mostly the same chrome urls for overlaying as seamonkey.
Signing an extension - Archive of obsolete content
hrome directory, chrome.manifest file, install.rdf file, etc.) writing your password directly in the script is dangerous.
Updating addons broken by private browsing changes - Archive of obsolete content
the document that originated the save action.
Using Dependent Libraries In Extension Components - Archive of obsolete content
ntlib == null) return ns_error_unexpected; //find the nsgetmodule procedure of the real component and “pass the buck”.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
nsidering a similar conversion to standards-based layout, either with simple tables or no tables at all?
Beginner tutorials - Archive of obsolete content
this page includes archived beginners tutorials, from various places around mdn.
CSS3 - Archive of obsolete content
the background-attachment local value.
Case Sensitivity in class and id Names - Archive of obsolete content
css and javascript/dom (otherwise known as dhtml) routines, it is a near-certainty that class and id names will be used to identify elements.
MozOrientation - Archive of obsolete content
th different apis from the specified deviceorientationevent.
cached - Archive of obsolete content
the cached event is fired when the resources listed in the application cache manifest have been downloaded, and the application is now cached.
downloading - Archive of obsolete content
the downloading event is fired after checking for an application cache update, if the user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
progress - Archive of obsolete content
the progress event is fired when the user agent is downloading resources listed by the manifest.
updateready - Archive of obsolete content
the updateready event is fired when the resources listed in the application cache manifest have been newly redownloaded, and the script can use swapcache() to switch to the new cache.
Getting the page URL in NPAPI plugin - Archive of obsolete content
/ get the location property from the location object.
MMgc - Archive of obsolete content
which allocates large blocks (megabytes) of memory from the system and doles out 4kb pages to the unmanaged memory allocator (fixedmalloc) and the managed memory allocator (gc).
Defining Cross-Browser Tooltips - Archive of obsolete content
iting a large collection of legacy documents should be able to convert their documents using a batch find-and-replace operation, for example substituting alt= for title=.
No Proxy For configuration - Archive of obsolete content
non-fqdn (e.g., http://web/) bug 201685 - no proxy for: support ipv6 address literals bug 136789 - proxy: no proxy ip entries do not block dns resolved ips bug 314712 - no proxy for: "hostname.domain.com" should block only "hostname.domain.com" bug 72444 - proxy: "bypass proxy server for local addresses" (ie pref) bug 260883 - "no proxy for" does not use fqdn wildcards "*" like ie bugzilla sources bug 17158 comment 21: the correct separator are spaces or commas.
Using content preferences - Archive of obsolete content
needed to be avoided while in private browsing mode; instead, information needed to be stored in memory or preferences had to be avoided.
Working with BFCache - Archive of obsolete content
w in bfcache is thawed or a new inner window is created, depending on whether there's a window in the bfcache.
Automatically Handle Failed Asserts in Debug Builds - Archive of obsolete content
y ignore 0x4 automatically retry 0x3 automatically abort note that you can also force windbgdlg to prompt, by setting a value of 0xfffffffe.
Bookmark Keywords - Archive of obsolete content
practically every web surfer has bookmarks, of course, and power surfers usually have hundreds stuffed into folders within folders.
Tinderbox - Archive of obsolete content
tinderbox is a web tool for tracking the status of the mozilla source code.
Creating a hybrid CD - Archive of obsolete content
raw 'sitx' 'zip ' "tar.gz gzip file" .tar raw 'sitx' 'tarf' "tar file" .tif raw '8bim' 'tiff' "photoshop tiff image" .doc raw 'mswd' 'wdbn' "word file" .mov raw 'tvod' 'moov' "quicktime movie" .bin raw 'sitx' 'bina' "mac binary" .h ascii 'cwie' 'text' "c/c++ header file" .c ascii 'cwie' 'text' "c source file" .cp ascii 'cwie' 'text' "c++ source file" .cpp ascii 'cwie' 'text' "c++ source file" .exp ascii 'cwie' 'text' "symbol export file" .mcp raw 'cwie' 'mmpr' "codewarrior project file" .r ascii 'mps ' 'text' "rez file" .html ascii 'moss' 'text' "html file" .htm ascii 'moss' 'text' "html file" .txt ascii 'moss...
In-Depth - Archive of obsolete content
ack-button.
Links - Archive of obsolete content
some other skin related resources: learning css zvon.org the world wide web consortium ...
Dehydra Function Reference - Archive of obsolete content
iable type object representing the function being processed body is an array of {loc:, statements:array of variable types} representing an outline of the function stripped down to variables, function calls and assignments.
Dehydra Object Reference - Archive of obsolete content
cable.
Dehydra - Archive of obsolete content
on plugin: https://fedorahosted.org/gcc-python-plugin/.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
attribute.
Drag and drop events - Archive of obsolete content
e html 5 working draft.
Embedding Mozilla in a Java Application using JavaXPCOM - Archive of obsolete content
obsolete since gecko 4.0this feature is obsolete.
Extension Frequently Asked Questions - Archive of obsolete content
ions.
JSS build instructions for OSX 10.6 - Archive of obsolete content
ozilla.org/jss_build_4.3.html ftp://ftp.mozilla.org/pub/mozilla.org/ <componente> /releases http://www.mozilla.org/projects/secu...using_jss.html steps: export all this: build_opt="1" cvsroot=":pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot" java_home=$(/usr/libexec/java_home") no_mdupdate="1" nsdistmode="copy" ns_use_gcc="1" create working dir: mkdir nss-jss cd nss-jss obtain source: altought manual said nspr_4_6_4_rtm, nss_3_11_4_rtm, jss_4_2_5_rtm, they didnt work for osx, giving many compiling errors.
Style System Overview - Archive of obsolete content
: some properties inherit and some properties use initial value.
Using microformats - Archive of obsolete content
how to parse the document itself.
Firefox Sync - Archive of obsolete content
ent.
Gecko Coding Help Wanted - Archive of obsolete content
take a look through lxr, and you'll realize that mozilla's source code is a big place.
Help Viewer - Archive of obsolete content
lla platform provides a cross-platform help viewer along with a framework for providing built-in help documentation.
Java in Firefox Extensions - Archive of obsolete content
java within a firefox extension, but it is easier to understand and doesn't require creation of a xpcom component.
statusBar - Archive of obsolete content
the class statusbar contains functions to add and control the statusbar of the browser.
Jetpack - Archive of obsolete content
fox add-ons using common web technologies.
Makefile.mozextension.2 - Archive of obsolete content
ile.mozextention merely repeats the steps in getting started with extension development - mozillazine knowledge base (2008).
Metro browser chrome tests - Archive of obsolete content
est, first build mozilla with your changes; then run ./mach mochitest-metro this will launch metro browser chrome tests in the default immersive browser.
Mozilla Application Framework - Archive of obsolete content
t constantly builds, tests, and reports on the mozilla application suite on multiple platforms so you can see the state of the application at any given point in time.
How to Write and Land Nanojit Patches - Archive of obsolete content
ojit patches is a bit complicated, but experience has taught us that this is much better than having separate versions of nanojit.
Bundles - Archive of obsolete content
webapp bundle in addition to passing simple command line parameters, prism can use a zipped bundle package to install a webapp.
Prism - Archive of obsolete content
uration files and webapp scripting, the host window can be modified.
PyDOM - Archive of obsolete content
w.
Same origin policy for XBL - Archive of obsolete content
to be loaded, it looks at the nsiprincipal originating the load and the nsiuri to be loaded.
SpiderMonkey coding conventions - Archive of obsolete content
use the spidermonkey c++ coding style page on wikimo which is more up to date and the canonical source.
File object - Archive of obsolete content
warning: this section describes the file component of the spidermonkey javascript interpreter.
Standalone XPCOM - Archive of obsolete content
tandalone xpcom in general are: nspr : mozilla/nsprpub xpcom : mozilla/xpcom note 1: xpcom apis are not frozen yet.
Standard Makefile Header - Archive of obsolete content
each mozilla makefile uses a standard header.
Abc Assembler Tests - Archive of obsolete content
se this file except in compliance with * the license.
Tamarin Acceptance Test Template - Archive of obsolete content
se this file except in compliance with * the license.
Tamarin Build System Documentation - Archive of obsolete content
dbox" and will appear under sandbox phase what are the build phases?
Tamarin Releases - Archive of obsolete content
this page tracks tamarin source code releases, past, present and future.
The life of an HTML HTTP request - Archive of obsolete content
iner to the docloader.] (2) the document loader calls ns_openuri with the url to begin transfering the requested file.
TraceVis - Archive of obsolete content
.
Using cross commit - Archive of obsolete content
cross-commit is a script that allows a single patch to be easily checked in on multiple branches.
Video presentations - Archive of obsolete content
e build system, and how to build mozilla projects.
XBL 1.0 Reference - Archive of obsolete content
f them are reflected yet in this document.
XBL - Archive of obsolete content
ee also introduction to xbl from the xul tutorial.
XML in Mozilla - Archive of obsolete content
.0 plus svg 1.1//en -//w3c//dtd svg 20001102//en -//wapforum//dtd xhtml mobile 1.0//en xml linking and pointing xml linking support includes xml base and simple xlinks.
Mac stub installer - Archive of obsolete content
where does the mac stub installer code reside?
Install Wizards (aka: Stub Installers) - Archive of obsolete content
staller packages please refer to the annotated browser xpi installer and the xpinstall api reference.
Methods - Archive of obsolete content
nting a directory, for use with the addfile method.
WinRegValue - Archive of obsolete content
winregvalue.reg_sz = 1 winregvalue.reg_expand_sz = 2 winregvalue.reg_binary = 3 winregvalue.reg_dword = 4 winregvalue.reg_dword_little_endian = 4 winregvalue.reg_dword_big_endian = 5 winregvalue.reg_link = 6 winregvalue.reg_multi_sz = 7 winregvalue.reg_resource_list = 8 winregvalue.reg_full_resource_descriptor = 9 winregvalue.reg_resource_requirements_list = 10 regdata a java byte array containing the data.
XPInstall API reference - Archive of obsolete content
s should see how to package a plugin as an extension.
Installer Script - Archive of obsolete content
cape seamonkey", "browser", "6.0.0.2000110807"); 21.
XTech 2006 Presentations - Archive of obsolete content
javascript 2 and the future of the web - brendan eich javascript 2 will be finalised in 2007.
object - Archive of obsolete content
« xul reference home object type: string the object of the element.
ref - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › ref
« xul reference home ref type: uri for template-generated elements, this attribute is used to specify the root rdf node where content generation begins.
sortDirection - Archive of obsolete content
« xul reference home sortdirection type: one of the values below set this attribute to set the direction that template-generated content is sorted.
subject - Archive of obsolete content
« xul reference home subject type: string the subject of the element.
template - Archive of obsolete content
« xul reference home template type: id for template generated elements, this attribute may optionally be placed on the root node (the element with the datasources attribute) to refer to a template that exists elsewhere in the xul code.
uri - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › uri
« xul reference home uri type: string for template-generated content, the attribute should be placed on the element where content generation should begin.
command - Archive of obsolete content
Archive › Mozilla › XUL › Events › command
ee).
Menus - Archive of obsolete content
undo editable text context-cut cuts to clipboard editable text context-copy copies to clipboard context-paste pastes from clipboard editable text context-delete deletes selection editable text context-selectall selects all context-searchselect selected text is searched context-viewpartialsource-selection views the selection source selection context-viewpartialsource-mathml views the mathml source mathml context-viewsource views the source context-viewinfo views the page info context-metadata views the properties context-spell-check-enabled spell check enabled checkbox context-inspect ins...
Namespaces - Archive of obsolete content
ue"> <element xmlns="namespace!" baz="value"> <element quux="value"/> </element> </foo> bar is obviously not in a namespace.
builderView - Archive of obsolete content
« xul reference builderview type: nsixultreebuilder a reference to the tree builder which constructed the tree data.
container - Archive of obsolete content
« xul reference container type: ?
object - Archive of obsolete content
« xul reference object type: string the object of the element.
ref - Archive of obsolete content
Archive › Mozilla › XUL › Property › ref
« xul reference ref type: uri of an rdf resource gets and sets the value of the ref attribute.
subject - Archive of obsolete content
« xul reference subject type: string the subject of the element.
Providing Command-Line Options - Archive of obsolete content
component {2991c315-b871-42cd-b33f-bfee4fcbf682} components/commandline.js contract @mozilla.org/commandlinehandler/general-startup;1?type=myapp {2991c315-b871-42cd-b33f-bfee4fcbf682} category command-line-handler m-myapp @mozilla.org/commandlinehandler/general-startup;1?type=myapp the javascript code const cc = components.classes; const ci = components.interfaces; components.utils.import("resource://gre/modules/xpcomutils.jsm"); components.utils.import("resource://gre/modules/services.jsm"); // changeme: to the chrome uri of your extension or application const chrome_uri = "chrome://myapp/content/"; /** * utility functions */ /** * opens a chrome window.
Tree Widget Changes - Archive of obsolete content
ke it a proper box type and now has additional styling capabilities.
Accesskey display rules - Archive of obsolete content
example.
Adding Buttons - Archive of obsolete content
at is used as a shortcut key.
Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
odifier keys by separating them with spaces.
Adding more elements - Archive of obsolete content
h: 15em;"/> </groupbox> there are other cosmetic problems as well.
Anonymous Content - Archive of obsolete content
o use multiple children elements and have certain elements be placed in one location and other elements placed in another.
Creating Dialogs - Archive of obsolete content
it provides the useful ability to construct up to four buttons along the bottom of the dialog forok,cancel, and so on.
Creating a Skin - Archive of obsolete content
declare appearance related style rules in the global directory rather than in individual style files.
Creating a Window - Archive of obsolete content
shown at the top of this page to the file and save it.
Creating a Wizard - Archive of obsolete content
generally be displayed using customs that are familiar to the user of a particular os.
Custom Tree Views - Archive of obsolete content
an be assigned to the view object declared above.
Install Scripts - Archive of obsolete content
un.
More Wizards - Archive of obsolete content
hen invalid or valid data has been entered.
Persistent Data - Archive of obsolete content
rsist="screenx screeny width height" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> this will cause the x and y position of the window and the width and height of the window to be saved.
Progress Meters - Archive of obsolete content
separated from the edge of the window.
Scrolling Menus - Archive of obsolete content
anywhere a regular box can be used.
Simple Menu Bars - Archive of obsolete content
ave whatever you want on them on all platforms except the macintosh.
Stack Positioning - Archive of obsolete content
can be placed at 100 pixels from the left edge and 5 pixels from the top edge.
Styling a Tree - Archive of obsolete content
this property is set for non-progress meter cells.
Using Spacers - Archive of obsolete content
ge.
XBL Inheritance - Archive of obsolete content
ding will have all the features it defines in addition to the features from the binding it inherits from (and any that binding inherits from and so on up the tree).
XUL Tutorial - Archive of obsolete content
ection commands updating commands broadcasters and observers document object model document object model modifying a xul interface manipulating lists box objects xpcom interfaces xpcom examples trees trees more tree features tree selection custom tree views tree view details tree box objects rdf and templates introduction to rdf templates trees and templates rdf datasources advanced rules persistent data skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xb...
Using nsIXULAppInfo - Archive of obsolete content
rfaces.nsixulappinfo); var platformver = appinfo.platformversion; var platformbuildid = appinfo.platformbuildid; getting nsixulappinfo in xpcshell tests in firefox 21, a testing module was added that provides access to app info during the execution of xpcshell tests.
XUL accessibility tool - Archive of obsolete content
h descender (underlined g,j,y,q,p are hard to read, not recommended) (aaronandy) list of things to check manually, such as a list oftrees in the document (make sure they have accessible column picker equivs) or a list of toolbarbuttons (make sure they have accessible alternatives).
menupopup - Archive of obsolete content
pupboxobject, position, state, triggernode methods hidepopup, moveto, openpopup, openpopupatscreen, setconsumerollupevent, showpopup, sizeto examples the following example shows how a menupopup may be attached to a menulist.
notificationbox - Archive of obsolete content
rrentnotification, allnotifications, notificationshidden methods appendnotification, getnotificationwithvalue, removeallnotifications, removecurrentnotification, removenotification, removetransientnotifications, attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
toolbox - Archive of obsolete content
oolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
XUL - Archive of obsolete content
thods, and event handlers.
Custom app bundles for Mac OS X - Archive of obsolete content
imilar to this basic directory structure: example.app/ contents/ info.plist (application bundle properties are specified in this xml file.) pkginfo (this is a simple text file and is created along with the info.plist file) macos/ (the macos folder will contain your xulrunner executable) xulrunner (this is the xulrunner stub) resources/ (this is where you place your xul application code and support files) application.ini (xulrunner-related application settings) example.icns (this is the icon which will be used by your application bundle) chrome/ content/ example.xul (this directory contains your application's chrome) examp...
XULRunner FAQ - Archive of obsolete content
preview release: additional features for installing and deploying xulrunner and applications based on xulrunner will be available in future releases.
Using LDAP XPCOM with XULRunner - Archive of obsolete content
s null).
Make your xulrunner app match the system locale - Archive of obsolete content
this article is going to assume a lot of knowledge of xpcom and will be written for someone using python, but the ideas should be adaptable.
Using SOAP in XULRunner 1.9 - Archive of obsolete content
e a wsdl.
XUL Application Packaging - Archive of obsolete content
g your applications see deploying xulrunner.
XULRunner - Archive of obsolete content
xulrunner application, use the xul tutorial to expand it into a fantastic xul application.
XUL Explorer - Archive of obsolete content
ommon projects - xul files, js xpcom, and xulrunner applications for more detailed information, see the xul_explorer:planning#feature_planning_for_xul_explorer.
Mozprofile - Archive of obsolete content
file --preferences myprefs.ini via the command line: mozprofile --pref key:value --pref key:value [...] when setting preferences from an .ini file or the --pref switch, the value will be interpolated as an integer or a boolean (true/false) if possible.
Mozilla.dev.apps.firefox-2006-09-29 - Archive of obsolete content
deos, worked fine for others, ended up being a flash version problem.
2006-11-10 - Archive of obsolete content
ification: friday 16th march 2007 communication submissions: monday 26th march 2007 communication paper notification: friday 06th april 2007 all camera ready due: monday 16th april 2007 conference dates: monday 07th and tuesday 08th may 2007 notable keynotes representatives from w3c, ibm, university of manchester, uk and oxford brookes university, uk.
2006-11-22 - Archive of obsolete content
ated that he almost had it working a couple of years ago.
2006-10-06 - Archive of obsolete content
and lightning 0.3rc1 available gordon announced the candidate (rc) builds for sunbird and lightning 0.3 are released.
2006-09-29 - Archive of obsolete content
deos, worked fine for others, ended up being a flash version problem.
2006-10-26 - Archive of obsolete content
-post-and followup fx2 announcment to support-firefox request for when the announcement about firefox 2's release to be posted on the mozilla.dev.apps.firefox newsgroup.
2006-10-27 - Archive of obsolete content
-post-and followup fx2 announcment to support-firefox request for when the announcement about firefox 2's release to be posted on the mozilla.dev.apps.firefox newsgroup.
2006-11-03 - Archive of obsolete content
earning" within the status bar of the browser without logging into google.
2006-10-06 - Archive of obsolete content
ack for any developer documentation issues that might need dealing with for thunderbird 2.
2006-10-20 - Archive of obsolete content
summary: mozilla.dev.apps.thunderbird - october 14-20, 2006 announcements eudora goes open source both qualcomm and mozilla will participate in enhancing the capabilities and ease of use of both eudora and thunderbird.
2006-10-06 - Archive of obsolete content
iconsolelistener ~/mozilla/xpcom/base/nsiconsolelistener.idl gmake[2]: *** [_xpidlgen/nsiconsolelistener.h] bus error gmake[2]: *** deleting file `_xpidlgen/nsiconsolelistener.h' gmake[1]: *** [export] error 2 make: *** [all] error 2:: on octorber 4th ludwig hügelschäfer responded to his original post with the solution to his own problem.
2006-10-27 - Archive of obsolete content
oblem with the tinderbox and that they would be solving the problem by adding a hard disk, and moving all or part of the concerned filesystem there.
2006-11-03 - Archive of obsolete content
e compiles mozilla across different platforms when pkg_config is used.
2006-11-24 - Archive of obsolete content
summary: mozilla.dev.builds - november 17th to november 24th 2006 trouble building xulrunner 1.8.4 on winxp using mingw32 november 20th: joe is trying to build xulrunner using the ming compiler on windowsxp.
2006-11-17 - Archive of obsolete content
language called quiché.
2006-11-10 - Archive of obsolete content
toolkit, letting developers know about the importance of testing for the improvement of mozilla 2, and asks for complete coverage.
2006-09-29 - Archive of obsolete content
summary: mozilla.dev.security - september 23, 2006 to september 29, 2006 return to mozilla-dev-security announcements none during this week.
2006-11-10 - Archive of obsolete content
ary: mozilla.dev.tech.layout - november 4 - november 10, 2006 announcements none this week.
2006-11-17 - Archive of obsolete content
iki.mozilla.org/gecko:reflow...ng#quick_links.
NPAPI plugin developer guide - Archive of obsolete content
zilla encourages website developers to avoid using plugins wherever possible.
Multi-process plugin architecture - Archive of obsolete content
plugins are a frequent source of instability or crashes for browser users.
NPN_Status - Archive of obsolete content
n use this function to make your plug-in display status information in the browser window, in the same place the browser does.
NPP_Destroy - Archive of obsolete content
plug-in instance to delete.
NPP_SetWindow - Archive of obsolete content
indow after creating the instance to allow drawing to begin.
NPP_WriteReady - Archive of obsolete content
er to the current stream.
NPAPI plugin reference - Archive of obsolete content
formation, tell the browser to repaint part of the window, and so forth.
Samples and Test Cases - Archive of obsolete content
npapi plugin samples collections of npapi plugin samples can be found in the seamonkey source code at /modules/plugin/sdk/samples.
The First Install Problem - Archive of obsolete content
debase="http://myurl.com/myplugin/myplugin.xpi" type="application/x-myapp"></object> the use of both "type" and "classid" attributes here offers the following user benefit: if there is another mimetype handler for application/x-myapp, only myapplication gets invoked.
XEmbed Extension for Mozilla Plugins - Archive of obsolete content
that most plugins have been using since the netscape 3.x days.
Syndicating content with RSS - Archive of obsolete content
he rss feed available for use: <a rel="alternate" type="application/rss+xml" href="http://example.com/feed">...</a> feed icons rss (and other) feeds use a special icon.
Atomic RSS - Archive of obsolete content
Archive › RSS › Module › Atom
sydication format but bringing in and using selected atom 1.0 elements.
Content - Archive of obsolete content
popular among some, and how it is used to include html contents.
Slash - Archive of obsolete content
Archive › RSS › Module › Slash
talks about the rss slash module, why it is popular among some, and how it is used to give a count for your comments (2005-08-22).
Well-Formed Web - Archive of obsolete content
alks about the rss well-formed web module, why it is popular among some, and how it is used to link to your comments (2005-08-22).
Element - Archive of obsolete content
<language> (rss language element) <lastbuilddate> (rss last build date element) <link> (rss link element) m <managingeditor> (rss managing editor element) n <name> (rss name element) o p <pubdate> (rss published date element) q r <rating> (rss rating element) <rss> (rss's root "rss" element) s <skipdays> (rss skip days element) <skiphours> (rss skip hours element) <source> (rss source element) t <textinput> (rss text input element) <title> (rss title element) <ttl> (rss ttl element) u <url> (rss url element) v w <webmaster> (rss web master element) <width> (rss width element) x y z ...
Confidentiality, Integrity, and Availability - Archive of obsolete content
minds, papers, computers, and other places.
Create Your Own Firefox Background Theme - Archive of obsolete content
ed images will compete with the browser ui.
-ms-flow-from - Archive of obsolete content
the -ms-flow-from css property is a microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.
-ms-flow-into - Archive of obsolete content
the -ms-flow-into css property is a microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.
E4X - Archive of obsolete content
Archive › Web › E4X
e4x (bug 270553).
New in JavaScript 1.3 - Archive of obsolete content
mparison between the june 1998 version of ecma-262 and javascript 1.3.
New in JavaScript - Archive of obsolete content
this chapter contains information about javascript's version history and implementation status for mozilla/spidermonkey-based javascript applications, such as firefox.
JSObject - Archive of obsolete content
3 and earlier versions, you can use either the equals method of java.lang.object or the == operator to evaluate two jsobject objects.
LiveConnect - Archive of obsolete content
classes used for liveconnect, along with their constructors and methods.
Examples - Archive of obsolete content
this page contains the source code of the examples related to the "properly using css and javascript in xhtml documents" article.
Server-Side JavaScript - Archive of obsolete content
ator of javascript.
Standards-Compliant Authoring Tools - Archive of obsolete content
e upfront will save you lots of time quality testing your web content.
Implementation Status - Archive of obsolete content
t the user can choose to remove this restriction on a site by site basis via a preference.
XForms Styling - Archive of obsolete content
use appearance="minimal" to be able to style buttons portability the mozilla xforms extension is one of the few xforms processors which allow for styling of the xforms elements directly, using mostly standard css.
XForms Alert Element - Archive of obsolete content
introduction this message will be shown when the form control cannot properly bind to instance data or when the instance data value is invalid or out of the specified range of selectable values (see the spec).
XForms Help Element - Archive of obsolete content
introduction specifies contextual help for the containing form control (see the spec).
XForms Hint Element - Archive of obsolete content
introduction similar to a tooltip (see the spec).
XForms Label Element - Archive of obsolete content
introduction specifies the label (short description) for the xforms control (see the spec).
XForms Message Element - Archive of obsolete content
introduction used in combination with xml event listeners to display a message to the user when the specified event occurs (see the spec).
XForms - Archive of obsolete content
010.
Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
is rule will override the rule in quirk.css and thus allow the author to have reliable inheritance of font styles into tables when in "quirks" mode.
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
summary: thanks to long-standing limitations, we're used to thinking of hover styles as applying only to hyperlinks, which has led to some sloppy authoring practices that are now causing problems for some web sites.
Styling Abbreviations and Acronyms - Archive of obsolete content
eline 4 of the web content accessibility guidelines, both elements should be given a title attribute to improve "readability of the web for all people, including those with learning disabilities, cognitive disabilities, or people who are deaf." the problem authors have discovered that any abbr or acronym that has a title attribute is rendered with a dotted underline, per the following rule in resource://gre-resources/html.css abbr[title], acronym[title] { text-decoration: dotted underline; } the solution if authors wish to remove the underline from abbr and acronym elements, this can be done with the following rule: abbr[title], acronym[title] { text-decoration: none; } it may be better to lessen the visual weight of the border without actually removing it.
Web Standards - Archive of obsolete content
s will continue to function correctly as traditional desktop browsers evolve, and as new internet devices come to market.
Windows Media in Netscape - Archive of obsolete content
activex control is supported and available for use.
XUL Booster - Archive of obsolete content
ddress of the content you wish to overlay, ex.
Archive of obsolete content
uild prerequisites sunbird theme tutorial this tutorial is a step-by-step guide to making a theme for sunbird 0.3a1 and later versions.
Game monetization - Game development
you've got a game where a player taps items of food, you could change the food to the client's products to give them advertising.
Bounding volume collision detection with THREE.js - Game development
) { // get box closest point to sphere center by clamping three.sphere.__closest.set(this.center.x, this.center.y, this.center.z); three.sphere.__closest.clamp(box.min, box.max); var distance = this.center.distancetosquared(three.sphere.__closest); return distance < (this.radius * this.radius); }; demos we have prepared some live demos to demonstrate these techniques, with source code to examine.
Explaining basic 3D theory - Game development
the rendering pipeline allows us to adjust it by wrapping and filtering it if necessary.
Building up a basic demo with Babylon.js - Game development
ters: any name you want to use for it, the coordinates where you want it to be positioned in the 3d space, and the scene you want to add it to.
WebVR — Virtual Reality for the Web - Game development
pt of responsive webvr, where a single web game can be played on various devices like laptops without vr hardware, pcs with oculus rift, or smartphones inside google cardboard and still deliver a unique and valuable experience across all of them.
Mobile touch controls - Game development
lf manually, so you could leave the ondragstart() function empty, or place some debug output to see if it's working correctly.
Implementing game control mechanisms - Game development
and it will be checked against the input's isdown boolean variable on every frame of the game.
WebRTC data channels - Game development
p2p library.
asm.js - Game development
asm.js is a specification defining a subset of javascript that is highly optimizable.
Bounce off the walls - Game development
« previousnext » this is the 3rd step out of 10 of the gamedev canvas tutorial.
Build the brick field - Game development
« previousnext » this is the 6th step out of 10 of the gamedev canvas tutorial.
Collision detection - Game development
« previousnext » this is the 7th step out of 10 of the gamedev canvas tutorial.
Finishing up - Game development
« previous this is the 10th and final step of the gamedev canvas tutorial.
Game over - Game development
« previousnext » this is the 5th step out of 10 of the gamedev canvas tutorial.
Mouse controls - Game development
« previousnext » this is the 9th step out of 10 of the gamedev canvas tutorial.
Move the ball - Game development
« previousnext » this is the 2nd step out of 10 of the gamedev canvas tutorial.
Paddle and keyboard controls - Game development
« previousnext » this is the 4th step out of 10 of the gamedev canvas tutorial.
Track the score and win - Game development
« previousnext » this is the 8th step out of 10 of the gamedev canvas tutorial.
Bounce off the walls - Game development
« previousnext » this is the 6th step out of 16 of the gamedev phaser tutorial.
Build the brick field - Game development
« previousnext » this is the 9th step out of 16 of the gamedev phaser tutorial.
Buttons - Game development
« previousnext » this is the 15th step out of 16 of the gamedev phaser tutorial.
Collision detection - Game development
« previousnext » this is the 10th step out of 16 of the gamedev phaser tutorial.
Extra lives - Game development
« previousnext » this is the 13th step out of 16 of the gamedev phaser tutorial.
Game over - Game development
« previousnext » this is the 8th step out of 16 of the gamedev phaser tutorial.
Load the assets and print them on screen - Game development
« previousnext » this is the 3rd step out of 16 in the gamedev phaser tutorial.
Move the ball - Game development
« previousnext » this is the 4th step out of 16 of the gamedev phaser tutorial.
Physics - Game development
« previousnext » this is the 5th step out of 16 of the gamedev phaser tutorial.
Player paddle and controls - Game development
« previousnext » this is the 7th step out of 16 of the gamedev phaser tutorial.
Randomizing gameplay - Game development
« previous this is the 16th step out of 16 of the gamedev phaser tutorial.
Scaling - Game development
« previousnext » this is the 2nd step out of 16 of the gamedev phaser tutorial.
The score - Game development
« previousnext » this is the 11th step out of 16 of the gamedev phaser tutorial.
Win the game - Game development
« previousnext » this is the 12th step out of 16 of the gamedev phaser tutorial.
404 - MDN Web Docs Glossary: Definitions of Web-related terms
a 404 is a standard response code meaning that the server cannot find the requested resource.
Accessibility - MDN Web Docs Glossary: Definitions of Web-related terms
web accessibility (a11y) refers to best practices for keeping a website usable despite physical and technical restrictions.
Apple Safari - MDN Web Docs Glossary: Definitions of Web-related terms
safari is a web browser developed by apple and bundled with both macos and ios.
Base64 - MDN Web Docs Glossary: Definitions of Web-related terms
tation occupies more than one byte.
Blink - MDN Web Docs Glossary: Definitions of Web-related terms
blink is an open-source browser layout engine developed by google as part of chromium (and therefore part of chrome as well).
Block (CSS) - MDN Web Docs Glossary: Definitions of Web-related terms
a block on a webpage is an html element that appears on a new line, i.e.
Block - MDN Web Docs Glossary: Definitions of Web-related terms
t may refer to: block (css) a block on a webpage is an html element that appears on a new line, i.e.
Bootstrap - MDN Web Docs Glossary: Definitions of Web-related terms
bootstrap is a free, open source html, css, and javascript framework for quickly building responsive websites.
Canvas - MDN Web Docs Glossary: Definitions of Web-related terms
the canvas element is part of html5 and allows for dynamic, scriptable rendering of 2d and 3d shapes and bitmap images.
Client hints - MDN Web Docs Glossary: Definitions of Web-related terms
gives the browser the hints by setting the accept-ch meta tag.
Compile - MDN Web Docs Glossary: Definitions of Web-related terms
ually transparent to you, used for performance.
Element - MDN Web Docs Glossary: Definitions of Web-related terms
an element is a part of a webpage.
Empty element - MDN Web Docs Glossary: Definitions of Web-related terms
any combinations have no semantic meaning, for example an <audio> element nested inside an <hr> element.
Exception - MDN Web Docs Glossary: Definitions of Web-related terms
an exception is a condition that interrupts normal code execution.
Fork - MDN Web Docs Glossary: Definitions of Web-related terms
a fork is a copy of an existing software project at some point to add someone's own modifications to the project.
GPL - MDN Web Docs Glossary: Definitions of Web-related terms
the (gnu) gpl (general public license) is a copyleft free software license published by the free software foundation.
Git - MDN Web Docs Glossary: Definitions of Web-related terms
git is a free, open-source, distributed source code management (scm) system.
Google Chrome - MDN Web Docs Glossary: Definitions of Web-related terms
google chrome is a free web browser developed by google.
HSTS - MDN Web Docs Glossary: Definitions of Web-related terms
http strict transport security lets a web site inform the browser that it should never load the site using http and should automatically convert all attempts to access the site using http to https requests instead.
HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
the header itself.
IDE - MDN Web Docs Glossary: Definitions of Web-related terms
an integrated development environment (ide) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development.
Mozilla Firefox - MDN Web Docs Glossary: Definitions of Web-related terms
mozilla firefox is a free open-source browser whose development is overseen by the mozilla corporation.
OpenSSL - MDN Web Docs Glossary: Definitions of Web-related terms
openssl is an open-source implementation of ssl and tls.
PHP - MDN Web Docs Glossary: Definitions of Web-related terms
php (a recursive initialism for php: hypertext preprocessor) is an open-source server-side scripting language that can be embedded into html to build web applications and dynamic websites.
Page prediction - MDN Web Docs Glossary: Definitions of Web-related terms
page prediction is a browser feature or script which, when enabled, tells the browser to download resources the user is likely to visit before the user requests the content.
Parser - MDN Web Docs Glossary: Definitions of Web-related terms
a parser is the module of a compiler or interpreter that parses a source code file.
Perceived performance - MDN Web Docs Glossary: Definitions of Web-related terms
es.
Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms
of the links, then the page will be rendered instantly as the content has already been downloaded.
Preflight request - MDN Web Docs Glossary: Definitions of Web-related terms
.
Python - MDN Web Docs Glossary: Definitions of Web-related terms
roach, meaning it supports procedural, object-oriented, and some functional programming constructs.
QUIC - MDN Web Docs Glossary: Definitions of Web-related terms
er.
REST - MDN Web Docs Glossary: Definitions of Web-related terms
rest(representational state transfer) refers to a group of software architecture design constraints that bring about efficient, reliable and scalable distributed systems.
Random Number Generator - MDN Web Docs Glossary: Definitions of Web-related terms
a prng (pseudorandom number generator) is an algorithm that outputs numbers in a complex, seemingly unpredictable pattern.
Repo - MDN Web Docs Glossary: Definitions of Web-related terms
in a revision control system like git or svn, a repo (i.e.
Responsive web design - MDN Web Docs Glossary: Definitions of Web-related terms
responsive web design (rwd) is a web development concept focusing on making sites look and behave optimally on all personal computing devices, from desktop to mobile.
Ruby - MDN Web Docs Glossary: Definitions of Web-related terms
ruby is an open-source programming language.
SDP - MDN Web Docs Glossary: Definitions of Web-related terms
sdp (session description protocol) is the standard describing a peer-to-peer connection.
SEO - MDN Web Docs Glossary: Definitions of Web-related terms
tml.
SVN - MDN Web Docs Glossary: Definitions of Web-related terms
apache subversion (svn) is a free source control management (scm) system.
Same-origin policy - MDN Web Docs Glossary: Definitions of Web-related terms
the same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin.
Server Timing - MDN Web Docs Glossary: Definitions of Web-related terms
the server timing specification enables the server to communicate performance metrics from the request-response cycle to the user agent, and utilizes a javascript interface to allow applications to collect, process, and act on these metrics to optimize application delivery.
Site - MDN Web Docs Glossary: Definitions of Web-related terms
the site of a piece of web content is determined by the registrable domain of the host within the origin.
Style origin - MDN Web Docs Glossary: Definitions of Web-related terms
in css, there are three categories of sources for style changes.
Syntax - MDN Web Docs Glossary: Definitions of Web-related terms
applies both to programming languages (commands to the computer) and markup languages (document structure information) alike.
Syntax error - MDN Web Docs Glossary: Definitions of Web-related terms
an exception caused by the incorrect use of a pre-defined syntax.
TCP slow start - MDN Web Docs Glossary: Definitions of Web-related terms
etect the available bandwidth for packet transmission, and balances the speed of a network connection.
TTL - MDN Web Docs Glossary: Definitions of Web-related terms
ally defined as a number of hops or as an expiration timestamp after which the packet is dropped.
Type conversion - MDN Web Docs Glossary: Definitions of Web-related terms
type conversion (or typecasting) means transfer of data from one data type to another.
UDP (User Datagram Protocol) - MDN Web Docs Glossary: Definitions of Web-related terms
udp (user datagram protocol) is a long standing protocol used together with ip for sending data when transmission speed and efficiency matter more than security and reliability.
URL - MDN Web Docs Glossary: Definitions of Web-related terms
uniform resource locator (url) is a text string that specifies where a resource (such as a web page, image, or video) can be found on the internet.
URN - MDN Web Docs Glossary: Definitions of Web-related terms
urn (uniform resource name) is a uri in a standard format, referring to a resource without specifying its location or whether it exists.
WCAG - MDN Web Docs Glossary: Definitions of Web-related terms
web content accessibility guidelines (wcag) are a recommendation published by the web accessibility initiative group at the w3c.
WebVTT - MDN Web Docs Glossary: Definitions of Web-related terms
webvtt (web video text tracks) is a w3c specification for a file format marking up text track resources in combination with the html <track> element.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
xml inclusions (xinclude) is a w3c recommendation to allow inclusion of xml more different sources in a more convenient fashion than xml external entities.
minification - MDN Web Docs Glossary: Definitions of Web-related terms
minification is the process of removing unnecessary or redundant data without affecting how a resource is processed by the browser.
Time to first byte - MDN Web Docs Glossary: Definitions of Web-related terms
d when it receives the first byte of information from the server.
MDN Web Docs Glossary: Definitions of Web-related terms
n q quality values quaternion quic r rail random number generator raster image rdf real user monitoring (rum) recursion reference reflow regular expression rendering engine repo reporting directive request header resource timing response header responsive web design rest rgb ril robots.txt round trip time (rtt) routers rss rtcp (rtp control protocol) rtf rtl (right to left) rtp (real-time transport protocol) and srtp (secure rtp) rtsp: real-time streaming protocol ruby s...
What is accessibility? - Learn web development
people with cognitive impairments also have physical disabilities.
Organizing your CSS - Learn web development
nly for styling the product listings and forms needed for the store.
Floats - Learn web development
alized that you can float anything, not just images, so the use of float broadened, for example to fun layout effects such as drop-caps.
Test your skills: Grid Layout - Learn web development
example we already have a grid defined.
Legacy layout methods - Learn web development
the widths — this is quite a good strategy, as it creates a liquid layout, one that adjusts to different screen sizes and keeps the same proportions for the column widths at smaller screen sizes.
How CSS is structured - Learn web development
g-left: 5px; this one line: background: red url(bg-graphic.png) 10px 10px repeat-x fixed; is equivalent to these five lines: background-color: red; background-image: url(bg-graphic.png); background-position: 10px 10px; background-repeat: repeat-x; background-attachment: fixed; later in the course, you will encounter many other examples of shorthand properties.
How CSS works - Learn web development
webpage, and that different browsers will handle the process in different ways.
How can we design for all types of users? - Learn web development
evant alt attribute.
How much does it cost to do something on the Web? - Learn web development
gler, eclipse, netbeans, and visual studio code.
How do I start to design my website? - Learn web development
o music, one goal related to personal life (finding your significant other), and the completely unrelated cat photos.
What are hyperlinks? - Learn web development
easure search engines' activities.
What is a Domain Name? - Learn web development
f the service behind the domain name.
What is accessibility? - Learn web development
text properly.
Basic native form controls - Learn web development
oad match the :default pseudo class, even if they are no longer checked.
The HTML5 input types - Learn web development
il" name="email" multiple> on some devices — notably, touch devices with dynamic keyboards like smart phones — a different virtual keypad might be presented that is more suitable for entering email addresses, including the @ key.
HTML forms in legacy browsers - Learn web development
d: they fall back to type=text.
How to structure a web form - Learn web development
<input type="date" id="date" name="expiration"> </p> </section> the last section we'll add is a lot simpler, containing only a <button> of type submit, for submitting the form data.
Other form controls - Learn web development
you can drag to increase/decrease the size of the text area.
Sending forms through JavaScript - Learn web development
lements in the form and manually manage them one at a time.
Styling web forms - Learn web development
otate(-1.5deg); } button:after { content : " >>>"; } button:hover, button:focus { outline : none; background : #000; color : #fff; } the final result and voila!
Your first form - Learn web development
important step when you are building a site or application.
Front-end web developer - Learn web development
to move on?
HTML basics - Learn web development
s contains all the content that you want to show to web users when they visit your page, whether that's text, images, videos, games, playable audio tracks or whatever else.
JavaScript basics - Learn web development
ing's text.
The web and web standards - Learn web development
hat no one company gets to control them, which is a really good thing.
Use JavaScript within a webpage - Learn web development
(like mouse events or touch events), duplicate the functionality with keyboard events.
Adding vector graphics to the Web - Learn web development
you can use any svg presentation attribute as a css property.
HTML table advanced features and accessibility - Learn web development
ther one, as long as you include the complete structure, including the <table> element.
HTML table basics - Learn web development
Learn › HTML › Tables › Basics
(see it live also).
Assessment: Structuring planet data - Learn web development
e studying the planets of our solar system, and you want to provide them with an easy-to-follow set of data to look up facts and figures about the planets.
General asynchronous programming concepts - Learn web development
= document.createelement('p'); pelem.textcontent = 'this is a newly-added paragraph.'; document.body.appendchild(pelem); }); when running the example, open your javascript console then click the button — you'll notice that the paragraph does not appear until after the dates have finished being calculated and the console message has been logged.
Asynchronous JavaScript - Learn web development
in this module we take a look at asynchronous javascript, why it is important, and how it can be used to effectively handle potential blocking operations such as fetching resources from a server.
Image gallery - Learn web development
nside the thumb-bar <div> so that when they are clicked, the corresponding image is displayed in the displayed-img <img> element.
Client-side web APIs - Learn web development
ticle looks at the difference between browser apis and 3rd party apis and shows some typical uses of the latter.
A first splash into JavaScript - Learn web development
tself contains an object whose properties contain all the inline css styles applied to that element.
Basic math in JavaScript — numbers and operators - Learn web development
n in the course.
Silly story generator - Learn web development
emperature quantities and units in the story into uk equivalents if the uk radio button is checked before the generate button is pressed.
Handling text — strings in JavaScript - Learn web development
check whether the score is above a certain mark and print a pass or fail message depending on the result.
What went wrong? Troubleshooting JavaScript - Learn web development
ly okay to fix, as long as you are familiar with the right tools and know what the error messages mean!
Adding features to our bouncing balls demo - Learn web development
also want to test your object-building skills by creating a generic shape() object that our balls and evil circle can inherit from.
JavaScript object basics - Learn web development
ect basics an object is a collection of related data and/or functionality (which usually consists of several variables and functions — which are called properties and methods when they are inside objects.) let's work through an example to understand what they look like.
JavaScript — Dynamic client-side scripting - Learn web development
de, therefore we've provided this module to help you.
Perceived performance - Learn web development
lity from content so that required content -- the text, styles, and images visible at initial load -- can be loaded first.
The business case for web performance - Learn web development
ation to poor brand reputation.
Web performance - Learn web development
es javascript, when used properly, can allow for interactive and immersive web experiences — or it can significantly harm download time, render time, in-app performance, battery life, and user experience.
Introduction to cross browser testing - Learn web development
these features with, you should start exploring the target audience — what browsers, devices, etc.
Deploying our app - Learn web development
oject via npm install --dev eslint prettier eslint-plugin-react (the eslint plugin is needed because this particular project uses react).
Tools and testing - Learn web development
once you've started to become comfortable programming with core web technologies (like html, css, and javascript), and you start to get more experience, read more resources, and learn more tips and tricks, you'll start to come across all kind of tools, from javascript frameworks, to testing and automation tools, and more besides.
Learn web development
the mdn learning area.
Mozilla accessibility architecture
are only about 75% of their code, there is a lot of toolkit-specific code that needs to live somewhere.
CSUN Firefox Materials
ent support for the gok onscreen keyboard.
Gecko info for Windows accessibility vendors
ive accessibility (msaa) an api devised by microsoft so that accessibility aids can track what's going on inside the user interface of any software package that supports it.
Information for users
fiers, voice input software and on screen keyboards.
Mozilla Plugin Accessibility
e within the plugin.
Lightweight themes
r ui element is added to the top of the window.
Obsolete
this page contains theme documents and resources that we don't expect will ever be updated, but which we're keeping for the time being as potential source material for updated docs.
Adding a new event
this draft document covers how to add a new event to the mozilla (firefox) source code.
Browser chrome tests
running the browser chrome tests to run mochitest, first build mozilla with your changes; then run ./mach mochitest -f browser this will launch your build and open a "browser chrome tests" window, and report the results in the ui and to stdout.
Testopia
you untar the tarball in your bugzilla root directory and run checksetup.
Continuous Integration
ilar to b and be jobs, but are triggered on a periodic basis instead of being triggered by a push to hg.
Creating a Firefox sidebar
web publishers can offer visitors a firefox sidebar to encourage their engagement.
Creating a Login Manager storage module
put in the console set signon.debug to true using about:config.
Creating Sandboxed HTTP Connections
new streamlistener(callbackfunc); gchannel.notificationcallbacks = listener; gchannel.asyncopen(listener, null); function streamlistener(acallbackfunc) { this.mcallbackfunc = acallbackfunc; } streamlistener.prototype = { mdata: "", // nsistreamlistener onstartrequest: function (arequest, acontext) { this.mdata = ""; }, ondataavailable: function (arequest, acontext, astream, asourceoffset, alength) { var scriptableinputstream = components.classes["@mozilla.org/scriptableinputstream;1"] .createinstance(components.interfaces.nsiscriptableinputstream); scriptableinputstream.init(astream); this.mdata += scriptableinputstream.read(alength); }, onstoprequest: function (arequest, acontext, astatus) { if (components.issuccesscode(astatus)) { ...
Debugging Table Reflow
reflow the most efficient tool to claim that html-table code is the victim and not the source of layout bugs is a frame reflow debug log.
Debugging update problems
06040225/darwin_x86_64-gcc3-u-i386-x86_64-shark/nightly-profiling/darwin%2010.8.0/default/default/update.xml?force=1 you can then request this url manually to see what's inside.
Building Firefox with Debug Symbols
ecedence over the flags set in moz_debug_flags note that this will override the values provided for cflags and cxxflags.
Gmake vs. Pymake
aths ("c:\dev\foo").
Linux Prerequisites
doc moved in-tree https://firefox-source-docs.mozilla.org/setup/linux_build.html ...
Building Firefox for macOS
moved in-tree: https://firefox-source-docs.mozilla.org/setup/macos_build.html ...
Linux build preparation
documentation moved in-tree: https://firefox-source-docs.mozilla.org/setup/linux_build.html ...
Building Firefox
page moved in-tree https://firefox-source-docs.mozilla.org/contributing/contribution_quickref.html ...
Building Firefox for Windows
documentation moved in-tree: https://firefox-source-docs.mozilla.org/setup/windows_build.html ...
ESLint
this: /gecko/toolkit/mozapps/installer/js-compare-ast.js 18:39 error 'snarf' is not defined.
Commenting IDL for better documentation
doxygen is a system of generating documentation from source code.
SVG Guidelines
a also exists.
Index
tasks to interfering with other user interface elements.
Limitations of chrome scripts
scripts store and access the jsm's state by sending messages to the chrome process using the message manager.
Blocked: All storage access requests
n “x” was blocked because we are blocking all storage access requests.
Blocked: All third-party storage access requests
hat went wrong?
Blocked: Storage access requests from trackers
st to access cookies or storage was blocked because the browser identified it as coming from a tracker and content blocking is enabled.
Tracking Protection
content loaded from domains that track users across sites.
Site Identity Button
roblem by looking in the web console in the firefox developer tools: ensure your web console is displaying messages in the 'security' category force-refresh the page on your site that is causing problems watch for any security messages that may appear a downgraded security ui will be due to one of these three problems: mixed content - while your page has been served over tls, but subresources loaded for your page have not.
Using the Browser API
Mozilla › Gecko › Chrome › API › Browser API › Using
searchbar.value = ''; } } }); note that whenever one of the search-related methods is invoked, a mozbrowserfindchange event is fired to allow you to react to search changes in a more precise way if desired: //browser.addeventlistener('mozbrowserfindchange', function(e) { // can react to find changes if required //}) reporting errors we've got one more piece of code to mention from our source: browser.addeventlistener('mozbrowsererror', function (e) { console.log("loading error: " + e.detail); }); this simple listener logs an error message to the console when an error with the browser iframe is encountered.
HTMLIFrameElement.reload()
ill not work for every user.
Roll your own browser: An embedding how-to
ath parameter will be passed to ns_initxpcom.
Gecko
oduction to layout in mozilla tech talk on layout.
Geckoview-Junit Tests
ts that are specified in a text file.
HTTP Cache
r interface wrapping following four arguments into a single one: private-browsing boolean flag anonymous load boolean flag app id number (0 for no app) is-in-browser boolean flag helper functions to create nsiloadcontextinfo objects: c++ consumers: functions at loadcontextinfo.h exported header js consumers: resource://gre/modules/loadcontextinfo.jsm module methods two storage objects created with the same set of nsiloadcontextinfo arguments are identical, containing the same cache entries.
Hacking with Bonsai
red across multiple platforms.
How to get a stacktrace for a bug report
tacktrace, and alternative ways to get a stacktrace if you can't get a crash id.
Creating a New Protocol
protocol to the build.
Implementing QueryInterface
get_iid macro instead of typing out the full getiid expression.
Introduction to Layout in Mozilla
overview basic data flow key data structures detailed walk-through incrementalism future tech-talks wrap-up, q&a basic data flow source document arrives via network apis incrementally “pumped” through the single-threaded layout engine parse, compute style, render; repeat css used for rendering all content content theoretically separate from “presentation” key data structures content node elements, attributes, leaves dom frame rectangular formatting primitive geometric information [0..n] per content node 2nd thru nth are “continuations” style context non-geometric information may be shared by adjacent frames reference counted, owned by frame ...
AddonInstall
onurl string the icon of the add-on being installed.
AddonUpdateChecker
the addonupdatechecker is used to download and parse update information for an add-on's update manifest.
Add-on Repository
the searchcallback object only include add-ons that are compatible with the current application and are not already installed or in the process of being installed.
Widget Wrappers
-provided widgets, this is always 'custom' provider the provider type of the widget, id est one of provider_api or provider_xul instances an array of all instances (single window wrappers) of the widget.
DeferredTask.jsm
firefox 28 note interface was changed in firefox 28, and old methods were removed.
Dict.jsm
introduced in firefox 5, this is now obsolete and has been removed in firefox 40: use es2015 map.
DownloadError
a downloaderror object provides detailed information about a download failure.
FileUtils.jsm
the fileutils.jsm javascript code module offers utility routines dealing with files.
FxAccountsOAuthClient.jsm
the fxaccountsoauthclient.jsm javascript module provides a way for browser services to authenticate with the firefox accounts oauth server.
FxAccountsProfileClient.jsm
the fxaccountsprofileclient.jsm javascript module provides a way to fetch firefox accounts profile information.
Geometry.jsm
the geometry.jsm javascript code module provides routines for performing common geometry operations on points and rectangles.
ISO8601DateUtils.jsm
the iso8601dateutils.jsm javascript code module provides methods that make it easy to convert javascript date objects into iso 8601 format date strings and back.
Interfacing with the Add-on Repository
repository.
Following the Android Toasts Tutorial from a JNI Perspective
oast.show(); } finally { if (my_jenv) { jni.unloadclasses(my_jenv); } } references oracle :: jni types and data structures and determine the signature of a method - these articles are crucial because it tells us how to create our jni signatures.
JavaScript OS.Constants
nts for interacting with libc.
PerfMeasurement.jsm
the perfmeasurement.jsm javascript code module lets you take detailed performance measurements of your code.
PopupNotifications.jsm
the popupnotifications.jsm javascript code module provides a popup notification box service.
PromiseUtils.jsm
the promiseutils.jsm javascript code module offers some useful functions related to dom promise.
Services.jsm
the services.jsm javascript code module offers a wide assortment of lazy getters that simplify the process of obtaining references to commonly used services.
Timer.jsm
the timer.jsm javascript code module contains pure-javascript implementations of settimeout, cleartimeout, setinterval, and clearinterval that are compatible with the dom window functions, but that can be used by code that does not have access to a dom window (for example, javascript code modules or content frame scripts).
WebChannel.jsm
the webchannel.jsm javascript code module provides an abstraction that uses the message manager and custom events apis to create a two-way communication channel between chrome and content code for specific origins (using a specific origin passed to the constructor or a lookup with nsipermissionmanager while also ensuring the scheme is https).
openLocationLastURL.jsm
this component has been removed from the platform in firefox 29.
Mozilla Content Localized in Your Language
is the guideline on the naming convention from w3c.org: new terminology what is your localization team's process for identifying and creating new terminology?
L10n testing with xcode
testing your firefox on ios localization is a breeze.
Localization notes
localizers usually work on the localizable files without the context of the source files including the localized strings; it is important to add comments to the localizable files themselves, too.
Localizing with Mozilla Translator
when mozilla suite had five l10n jars: ab-cd.jar, ab-win.jar, ab-mac.jar, ab-unix.jar, and cd.jar.
Localization prerequisites
c os x.
Setting up the infrastructure
text support, apache and some unix experience.
Localization at Mozilla
localization (l10n) is the process of translating software user interfaces from one language to another and adapting it to suit a foreign culture.
MathML Screenshots
s how mathml can be used in combination with other web features such as background images at a desired opacity.
Updates
: the complete 8,000 word interview.
Mozilla DOM Hacking Guide
// convert the jsstring to a string that can be passed to sethref() rv = location->sethref(href); ns_ensure_success(rv, rv); // after this, we effectively mapped .location to .location.href return wrapnative(cx, obj, location, ns_get_iid(nsidomlocation), vp); // create a wrapper for the location object with vp (the url) as value.
Mozilla Web Services Security Model
overview (this document is being compiled from scattered documentation and source code and most of the information in it has not been verified.
Mozilla projects on GitHub
a convenient dashboard to help you get an overview of your bugs.
Adding a new Telemetry probe
adding new telemetry probes is now documented in the mozilla source tree docs.
GPU performance
idia parallel nsight - haven't tried.
Leak-hunting strategies and tips
?
Measuring performance using the PerfMeasurement.jsm code module
the perfmeasurement.jsm javascript code module lets you take detailed performance measurements of your code.
Power profiling overview
early pinpoint specific parts of the code as being responsible.
TimerFirings logging
365ba00]: [6775] fn timer (one_shot 0 ms): [content] chrome://browser/content/tabbrowser.xml:1816:0 711637568[7f3219c48000]: [6835] fn timer (one_shot 100 ms): [content] http://edition.cnn.com/:5:7231 711637568[7f3219c48000]: [6835] fn timer (one_shot 100 ms): [content] http://a.visualrevenue.com/vrs.js:6:9423 these js timers are annotated with [content] and show the javascript source location where they were created.
Performance
y a particular object is being kept alive.
Crash reporting
firefox ships with an open-source crash reporting system.
Localization Use Cases
$size }} {{ $unit }} disponibile", other: "{{ $size }} {{ $unit }} disponibili" }> so far, so good.
McCoy
s planned to add this support in the future.
PRIOMethods
the specified network address.
PRThreadPriority
r chance of running relative to threads of lower priority.
PRThreadScope
scheduled by the host os.
PR_AttachThread
the following parameters: type specifies that the thread is either a user thread (pr_user_thread) or a system thread (pr_system_thread).
PR_Close
s the following parameters: fd a pointer to a prfiledesc object.
PR_CreateThread
the stack, in bytes, associated with the newly created thread.
PR_DestroyPollableEvent
close the file descriptor associated with a pollable event and release related resources.
PR_JoinThreadPool
waits for all threads in a thread pool to complete, then releases resources allocated to the thread pool.
PR_NewCondVar
variable.
PR_NewLock
creates a new lock.
PR_NewMonitor
creates a new monitor object.
NSPR release process
push the beta tag to mozilla-central for testing in firefox trunk builds.
Function_Name
ption of the return value, for example: a pointer to a certcertificate representing the certificate in the database that matched the dercert, or null if none was found.
CERT_FindCertByDERCert
rtificate are found on a certificate in the certificate database.
CERT_FindCertByIssuerAndSN
a; issuersn.derissuer.len = caname->len; issuersn.serialnumber.data = authoritykeyid->authcertserialnumber.data; issuersn.serialnumber.len = authoritykeyid->authcertserialnumber.len; issuercert = cert_findcertbyissuerandsn(cert->dbhandle, &issuersn); if ( issuercert == null ) { port_seterror (sec_error_unknown_issuer); } see also occurrences of cert_findcertbyissuerandsn in the current nss source code (generated by lxr).
FIPS Mode - an explanation
irefox into fips mode may be found on support.mozilla.com.
HTTP delegation
use.
HTTP delegation
use.
NSS Memory allocation
renapools that affect leak analysis.
NSS Sample Code Sample1
rver // in the cluster.
NSS Sample Code sample5
nss sample code 5: pki encryption with a raw public & private key in der format /* example code to illustrate pki crypto ops (encrypt with public key, * decrypt with private key) * * no nss db needed.
Hashing - sample 1
nss sample code 1: hashing.
nss tech note5
using nss to perform miscellaneous cryptographic operations nss technical note: 5 nss project info is at http://www.mozilla.org/projects/security/pki/nss/ you can browse the nss source online at http://lxr.mozilla.org/mozilla/source/security/nss/ and http://lxr.mozilla.org/security/ be sure to look for sample code first for things you need to do.
PKCS11 FAQ
Mozilla › Projects › NSS › PKCS11 › FAQ
token certificates in place.
PKCS11 module installation
s currently a bug in firefox where international characters may cause problems.
Sample manual installation
the nss build system does not include a target to install header files and shared libraries in the system directories, so this needs to be done manually.
NSPR functions
ices.
NSS tools : crlutil
til -d -n nickname [-d keydir] [-p dbprefix] * erasing crls from db: crlutil -e [-d keydir] [-p dbprefix] * deleting crl from db: crlutil -d -n nickname [-d keydir] [-p dbprefix] * erasing crls from db: crlutil -e [-d keydir] [-p dbprefix] * import crl from file: crlutil -i -i crl [-t crltype] [-u url] [-d keydir] [-p dbprefix] [-b] see also certutil(1) see also additional resources nss is maintained in conjunction with pki and security-related projects through mozilla dn fedora.
NSS tools : modutil
o for an engineering draft on the changes in the shared nss databases, see the nss project wiki: o https://wiki.mozilla.org/nss_shared_db see also certutil (1) pk12util (1) signtool (1) the nss wiki has information on the new database design and how to configure applications to use it.
NSS tools : pk12util
_shared_db_howto for an engineering draft on the changes in the shared nss databases, see the nss project wiki: o https://wiki.mozilla.org/nss_shared_db see also certutil (1) modutil (1) the nss wiki has information on the new database design and how to configure applications to use it.
NSS tools : ssltab
lain that the host name you are trying to connect to is different from the certificate.
NSS tools : ssltap
lain that the host name you are trying to connect to is different from the certificate.
NSS tools : vfychain
flags sets revocation flags for the test type it follows.
NSS tools : vfyserv
name vfyserv — tbd synopsis vfyserv description the vfyserv tool verifies a certificate chain options additional resources for information about nss and other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
NSS Tools cmsutil
ge for a set of recipients to which you would like to send an encrypted message.
NSS Tools dbck-tasks
nss security tools: dbck tasks newsgroup: mozilla.dev.tech.crypto task list in analyze mode, there should be an option to create a file containing a graph of the certificate database without any information about the user's certificates (no common names, email addresses, etc.).
NSS tools : crlutil
Mozilla › Projects › NSS › tools › crlutil
erasing crls from db: crlutil -e [-d keydir] [-p dbprefix] * deleting crl from db: crlutil -d -n nickname [-d keydir] [-p dbprefix] * erasing crls from db: crlutil -e [-d keydir] [-p dbprefix] * import crl from file: crlutil -i -i crl [-t crltype] [-u url] [-d keydir] [-p dbprefix] [-b] see also certutil(1) see also additional resources nss is maintained in conjunction with pki and security-related projects through mozilla dn fedora.
NSS tools : modutil
Mozilla › Projects › NSS › tools › modutil
the changes in the shared nss databases, see the nss project wiki: o https://wiki.mozilla.org/nss_shared_db see also certutil (1) pk12util (1) signtool (1) the nss wiki has information on the new database design and how to configure applications to use it.
NSS tools : pk12util
ineering draft on the changes in the shared nss databases, see the nss project wiki: o https://wiki.mozilla.org/nss_shared_db see also certutil (1) modutil (1) the nss wiki has information on the new database design and how to configure applications to use it.
NSS tools : signver
Mozilla › Projects › NSS › tools › signver
/wiki.mozilla.org/nss_shared_db see also signtool (1) the nss wiki has information on the new database design and how to configure applications to use it.
NSS tools : ssltap
Mozilla › Projects › NSS › tools › ssltap
me you are trying to connect to is different from the certificate.
NSS tools : vfychain
flags: "testlocalinfofirst" and "requirefreshinfo".
Rhino community
have a question that you can't find answer to in the rhino documentation?
Rhino Debugger
the rhino javascript debugger is a gui that allows debugging of interpreted javascript scripts run in rhino.
Rhino FAQ
fferent: you must use the type field.
Rhino optimization
ript variables can be allocated to java vm registers, and which variables are used only as numbers.
The JavaScript Runtime
ather than generating a java class.
Rebranding SpiderMonkey (1.8.5)
after installing the build pre-requisites and downloading the spidermonkey source tarball issue the following commands at the terminal: cd js/src autoconf-2.13 for the remainder of this document wherever you see the text $brand you will substitute that text with the name of your brand.
FOSS
feel free to add your own spidermonkey-based open source projects (and if necessary add categories)!
Bytecodes
background spidermonkey bytecodes are the canonical form of code representation that is used in the javascript engine.
Statistics API
n-readable gc stats messages to the developer console.
Garbage collection
rpre takes care of this by invoking the jsobject's class trace hook before the private field is set.
Invariants
eaning either a parameter or a variable introduced by var/let/function/const) in the program, then a name op must be emitted.
Tracing JIT
picted in red in the schematic diagram.
JS::Add*Root
try for rp is added to the garbage collector's root set for the jsruntime associated with cx (or, in js::addnamedvaluerootrt, the runtime rt).
JS::CompileOffThread
ter successfully triggering an off thread compile of a script, the callback will eventually be invoked with the specified data and a token for the compilation.
JS::Value
herently type-safe it is an error to call any accessor method on a value of a non-matching type: val.toint32() must only be called if val.isint32(), val.tostring() must only be called if val.isstring(), and so on.
JSClass
converted to a string, number, or primitive value.
JSFinalizeOp
ject *obj); name type description cx jscontext * the js context in which garbage collection is taking place.
JSFunction
a function object, use js_valuetofunction.
JS_Add*Root
.
JS_CompileUTF8File
obsolete since jsapi 19this feature is obsolete.
JS_CompileUTF8FileHandle
obsolete since jsapi 19this feature is obsolete.
JS_DropExceptionState
a js context from which to derive runtime information.
JS_ReportErrorNumber
report it to the current error reporter callback or create an error object and set it as the pending exception.
JS_ReportOutOfMemory
text in which to report the error.
JS_SetContextCallback
allback syntax typedef bool (* jscontextcallback)(jscontext *cx, unsigned contextop, void *data); name type description cx jscontext * pointer to a jscontext which the callback may use to call into jsapi functions.
JS_SetGCZeal
11 verify post write barriers between instructions.
JSDBGAPI
tected evaluating debug code js_evaluateinstackframe examining object properties typedef jspropertydesc jspd_enumerate jspd_readonly jspd_permanent jspd_alias jspd_argument jspd_variable jspd_exception jspd_error typedef jspropertydescarray js_propertyiterator js_getpropertydesc js_getpropertydescarray js_putpropertydescarray hooks js_setdebuggerhandler js_setsourcehandler js_setexecutehook js_setcallhook js_setobjecthook js_setthrowhook js_setdebugerrorhook js_setnewscripthook js_setdestroyscripthook js_getglobaldebughooks js_setcontextdebughooks memory usage js_getobjecttotalsize js_getfunctiontotalsize js_getscripttotalsize system objects js_issystemobject js_newsystemobject profiling these functions can be used to profile a sp...
SpiderMonkey 31
implement the same interface as js::value, for simplicity and to ease migration pain.
SpiderMonkey 38
implement the same interface as js::value, for simplicity and to ease migration pain.
SpiderMonkey 52
these release notes are incomplete.
SpiderMonkey releases
t.
Running Parsemark
parsemark is a command-line testing utility for measuring parse/emit performance of the spidermonkey front-end.
Zest
language) developed by the mozilla security team and is intended to be used in web oriented security tools.
The Rust programming language
rust is a new open-source systems programming language created by mozilla and a community of volunteers, designed to help developers create fast, secure applications which take full advantage of the powerful features of modern multi-core processors.
Handling Mozilla Security Bugs
hout putting other distributors and their customers at risk.
Supported build targets
page moved to the in-tree documentation: https://firefox-source-docs.mozilla.org/build/buildsystem/supported-configurations.html ...
Embedded Dialog API
ide.
Feed content access API
ta, uri); } catch(e) { alert("error parsing feed."); } } } httprequest = new xmlhttprequest(); httprequest.open("get", feedurl, true); try { httprequest.onload = inforeceived; httprequest.send(null); } catch(e) { alert(e); } } the nsifeedprocessor interface lets you parse the feed data from several possible sources; in this case, we're loading a document into a string, then parsing that string using its parsefromstring() method.
History Service Design
g pages and visits pages (intended as uris) are stored into a table shared by both history and bookmarks, every url is unique in this table and is associated with a place id, commonly used as the foreign key on other tables.
Querying Places
irst step is to create the query and options, and fill them with the parameters you want.
Retrieving part of the bookmarks tree
ng to your folder.
Using the Places history service
nsiglobalhistory2.adduri: this is the basic function for adding pages to history that is called by the docshell as you browse.
STEEL
extisessionstorage steeliapplication objects steeliapplication xpcom although the steel steeliapplication object is preloaded into xul scripts, it is not preloaded into javascript xpcom code.
Accessing the Windows Registry Using XPCOM
cified using a named constant from the interface, in this example access_read.
Creating a Python XPCOM component
rmation on the use of string and wstring for unicode transfer.
XPCOM changes in Gecko 2.0
f8} components/mycomponent.js contract @foobar/mycomponent;1 {e6b866e3-41b2-4f05-a4d2-3d4bde0f7ef8} category profile-after-change mycomponent @foobar/mycomponent;1 the javascript code no longer exports a nsgetmodule() function.
Component Internals
re.
Mozilla internal string guide
s that if you include them in a class, they bloat the class by 64 bytes (nsautocstring) or 128 bytes (nsautostring).
How To Pass an XPCOM Object to a New Window
a more useful example is available in the source code: toolkit/components/help/content/contexthelp.js#61 if you want to be able to call functions within an xpcom object from a xul window's code, you can do so if you pass the xpcom object as one of the arguments to the window creation method.
Components.stack
components.stack is a read only property of type nsistackframe (idl definition) that represents a snapshot of the current javascript callstack.
Components.utils.Sandbox
hen chrome wants to run script as another origin, possibly to interact with the page.
Development
source the latest source code is available on the mozilla trunk, in the extensions/java/xpcom directory.
JavaXPCOM
pcom, a developer can talk to xpcom or embed gecko from a java application.
PlXPCOM
plxpcom (perl xpcom) provides language bindings letting you use xpcom from perl code.
RbXPCOM
rbxpcom (ruby cross-platform com) provides bindings between the popular ruby programming language and xpcom.
XPCshell Test Manifest Expressions
bles provided by the test harness via mozinfo.py, with many of the values initialized at configure time by writemozinfo.py which writes mozinfo.json into the root of the build directory.
xpcshell
just pick one, cd over there, and run-mozilla.sh xpcshell, if it's present.
nsCStringEncoding
« xpcom api reference summary the nscstringencoding enumeration describes the set of character encodings understood by the ns_cstringtoutf16 and ns_utf16tocstring functions.
imgIContainer
cified 0 leave frame, let new frame draw() on top.
mozIStorageStatement
n.createstatement().
nsIAbCard
he attribute you want the value for.
nsICache
s.
nsICacheService
ids operations for offline caching.
nsIContentFrameMessageManager
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisyncmessagesender this interface provides the environment for scripts that are loaded into content frames using the nsiframescriptloader interface.
nsIContentSecurityPolicy
e, content load-blocking and fail-closed are disabled: content security policy will only send reports, and not modify behavior.
nsIConverterInputStream
inputstream astream, in string acharset, in long abuffersize, in prunichar areplacementchar); constants constant value description default_replacement_character 0xfffd default replacement character value.
nsICookieManager2
that expand upon the nsicookiemanager interface.
nsIDOMNSHTMLDocument
ndid ); parameters commandid the name of the command to query.
nsIDOMWindow
udoelt); nsiselection getselection(); void scrollby(in long xscrolldif, in long yscrolldif); void scrollbylines(in long numlines); void scrollbypages(in long numpages); void scrollto(in long xscroll, in long yscroll); void sizetocontent(); attributes attribute type description applicationcache nsidomofflineresourcelist get the application cache object for this window.
nsIDOMWindow2
ed in gecko 1.9 (firefox 3) because nsidomwindow is frozen, this interface was introduced in firefox 3 (gecko 1.9) to allow dom windows to take on new features.
nsIDirIndex
netwerk/streamconv/public/nsidirindex.idlscriptable a class holding information about a directory index.
nsIDirectoryEnumerator
bird 1.5 / seamonkey 1.0) method overview void close(); attributes attribute type description nextfile nsifile the next file in the sequence.
getFile
mponent_dir_list "comsdl" ns_xpcom_component_registry_file "comregf" ns_xpcom_xpti_registry_file "xptiregf" ns_xpcom_library_file "xpcomlib" ns_gre_dir "gred" note: on mac os x, up through firefox 34 this is the contents/macos directory within the application's bundle.
nsIDownloadProgressListener
onstatechange() for details.
nsIException
g(); attributes attribute type description columnnumber pruint32 valid column numbers begin at 0.
nsIFeed
note: this field is rarely implemented.
nsIFeedResult
ed triggers a fatal error during xml parsing.
nsIFileURL
netwerk/base/public/nsifileurl.idlscriptable provides access to the underlying nsifile object corresponding to a url.
nsIFrameScriptLoader
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to load frame scripts.
nsIGlobalHistory2
iglobalhistory method overview void adduri(in nsiuri auri, in boolean aredirect, in boolean atoplevel, in nsiuri areferrer); boolean isvisited(in nsiuri auri); void setpagetitle(in nsiuri auri, in astring atitle); methods adduri() add a uri to global history.
nsIHttpChannel
rts nsihttpchannel, then it will be assigned a value to its redirectionlimit attribute one less than the value of the redirected channel's redirectionlimit attribute.
nsIHttpServer
an example : https://github.com/laurentj/slimerjs/blob/master/src/modules/webserver.jsm var exported_symbols = ["create"]; components.utils.import("resource://gre/modules/services.jsm"); function create() { var server = components.classes["@mozilla.org/server/jshttp;1"] .createinstance(components.interfaces.nsihttpserver); return { get objectname () { return "webserver"; }, /** * @param integer|string port port or "host:port" * @param object opt optional options.
nsIInputStream
vailable.
nsILocalFileMac
9.2 attributes attribute type description bundledisplayname astring returns the display name of the application bundle (usually the human readable name of the application) read only.
nsIMacDockSupport
activated if other applications are not currently active.
nsIMarkupDocumentViewer
the unicode bidi algorithm.
nsIMemory
explicit call to heapminimize() was made.
nsIMessageBroadcaster
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "broadcasters" don't have a single "other side" that they send messages to, but rather a set of subordinate message managers.
nsIMessageListener
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to receive messages sent using the nsimessagebroadcaster, nsimessagesender, or nsisyncmessagesender interfaces.
nsIMessageSender
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message senders enable clients to send asynchronous messages to a single "other side".
nsIMessenger
geuri the url of the message containing the attachment.
nsIMicrosummary
nkey 2.3) method overview void addobserver(in nsimicrosummaryobserver observer); boolean equals(in nsimicrosummary aother); void removeobserver(in nsimicrosummaryobserver observer); void update(); attributes attribute type description content astring the content of the microsummary.
Building an Account Manager Extension
step 1: implementing nsiaccountmanagerextension as first step we have to implement the nsiaccountmanagerextension.
nsIMsgMessageService
in string amessageuri, in nsisupports adisplayconsumer, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener); parameters acontenttype the content type of the attachment afilename the name of the attachment.
nsIMsgSearchNotify
notify.idl [scriptable, uuid(ca37784d-352b-4c39-8ccb-0abc1a93f681)] interface nsimsgsearchnotify : nsisupports { void onsearchhit(in nsimsgdbhdr header, in nsimsgfolder folder); // notification that a search has finished.
nsINavHistoryQueryOptions
history.
nsIObserverService
ubject.
nsIProcessScriptLoader
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used by parent process message managers to load scripts into a child process.
nsIRequest
ters none.
nsIScriptableInputStream
dbytes(in unsigned long acount); methods available() return the number of bytes currently available in the stream.
nsISpeculativeConnect
the future.
nsIStreamListener
ta can be read from the nsiinputstream object passed as the argument to this method.
nsISupports
[iid_is(uuid),retval] out nsqiresult result ); parameters uuid the uuid of the requested interface result the resulting interface pointer.
nsISyncMessageSender
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "senders" have a single "other side" to which messages are sent.
nsIVersionComparator
compareversions(a,b) { var x = services.vc.compare(a,b); if(x == 0) return a + "==" + b; else if(x > 0) return a + ">" + b; return a + "<" + b; } dump(compareversions("1.0pre", "1.0")); example - compare current browser version this example here uses nsixulappinfo component to get the version of the browser that the code is running in.
nsIWebBrowserChrome2
n unsigned long statustype, in astring statustext, in nsisupports statuscontext ); parameters statustype indicates what is setting the text.
nsIWebProgressListener
subframe) was using the webprogress, use // the outerwindowid.
nsIXMLHttpRequest
code for opening a simple http request from a xul application (like a mozilla extension) without using observers: var req = components.classes["@mozilla.org/xmlextras/xmlhttprequest;1"].createinstance(); req.open('post', "http://www.foo.bar:8080/nietzsche.do", true); req.send('your=data&and=more&stuff=here'); example 2 var {cu: utils, cc: classes, ci: instances} = components; cu.import('resource://gre/modules/services.jsm'); function xhr(url, cb) { let xhr = cc["@mozilla.org/xmlextras/xmlhttprequest;1"].createinstance(ci.nsixmlhttprequest); let handler = ev => { evf(m => xhr.removeeventlistener(m, handler, !1)); switch (ev.type) { case 'load': if (xhr.status == 200) { cb(xhr.response); break; ...
nsIXSLTException
content/xslt/public/nsixsltexception.idlscriptable please add a summary to this article.
XPCOM Interface Reference by grouping
omgeoposition nsidomgeopositionaddress nsidomgeopositioncallback nsidomgeopositioncoords nsidomgeopositionerror nsidomgeopositionerrorcallback nsidomgeopositionoptions nsidomglobalpropertyinitializer element nsidomchromewindow nsidomclientrect nsidomelement nsidomhtmlaudioelement nsidomhtmlformelement nsidomhtmlmediaelement nsidomhtmlsourceelement nsidomhtmltimeranges nsidomjswindow nsidomnode nsidomnshtmldocument nsidomstorageitem nsidomstoragemanager nsidomwindow nsidomwindow2 nsidomwindowinternal nsidomwindowutils nsidynamiccontainer nsieditor event nsidomevent nsidomeventgroup nsidomeventlistener nsidomeventtarget nsidommousescrollevent nsidommoztouc...
nsIAbCard/Thunderbird3
base64xml xml vcard autf8string translateto(in autf8string atype); parameters atype the type of item to translate the card into.
Troubleshooting XPCOM components registration
xulrunner, etc.), use the artifacts from that compilation to build your component.
Getting Started Guide
omptr?
Weak reference
is useful, but in situations where you need this, there are two alternatives which you may want to consider: you might hold an owning reference, but arrange to release it out-of-band; this must be before the destructor, which would otherwise never be called.
xptcall FAQ
perly without a functioning port of xptcall.
XPCOM
sing the windows registry using xpcomwhen implementing windows-specific functionality, it is often useful to access the windows registry for information about the environment or other installed programs.
Test-Info
e test-info task group runs per-commit, only on mozilla-central.
ASan Nightly Project
moved in-tree: https://firefox-source-docs.mozilla.org/tools/sanitizer/asan_nightly.html ...
Clang static analysis
moved to https://firefox-source-docs.mozilla.org/code-quality/static-analysis.html ...
Fuzzing Interface
documentation moved in-tree: https://firefox-source-docs.mozilla.org/tools/fuzzing/fuzzing_interface.html ...
Measuring Code Coverage on Firefox
documentation moved in-tree: https://firefox-source-docs.mozilla.org/tools/code-coverage/index.html ...
Testing Mozilla code
testing your code is important!
Address Book examples
.
Creating a gloda message query
gloda page for background on the component.
DB Views (message lists)
reeview the nsitreeview methods in nsmsgdbview.cpp control the appearance of the thread pane.
Mail event system
notifypropertychanged then broadcasts this event to the mail session: mailsession->onintpropertychanged(this, ktotalmessagesatom, 4, 5); the mail session rebroadcasts this information to each of the global listeners that has been registered with it.
Mailnews and Mail code review requirements
the patch is fixing an intermittent orange test failure.
The libmime module
lity to emit an html representation of the data stream.
Demo Addon
g parts covered in this article are in the content folder.
FAQ
the old contents of this faq page were duplicated in the setting up extension development environment article and the building a thunderbird extension article.
Finding the code for a feature
e level function to do it.
Folders and message lists
hich may not be possible for large selections).
Thunderbird extensions
the wheel: steal from the thunderbird-stdlib project (doc here).
libmime content type handlers
tstruct, mimeobjectclass **objclass) = 0; }; #endif /* nsimimecontenttypehandler_h_ */ plugin installation/location the installation of these modules will be similar to the that of any xpcom component (i.e.
Thunderbird
thunderbird is a mail/messaging application managed and developed by the thunderbird community.
Using popup notifications
he corresponding callback is invoked.
Using tab-modal prompts
note: this part of the documentation is outdated.
Zombie compartments
s it down into zones, compartments, dom etc.
Add to iPhoto
is.cfstringref, // returns a new cfstringref ctypes.voidptr_t, // allocator ctypes.jschar.ptr, // pointer to the unicode string ctypes.int32_t); // length of the string cfstringcreatewithcharacters() is used to create a new cfstring object using a unicode string as the source string, which is copied into the new cfstring object.
Using Objective-C from js-ctypes
ringencoding)); converted js-ctypes code finally, we have our converted code.
FunctionType
returns a ctype representing the data type "pointer to this type".
ctypes
e { throw new error("wut?!"); } console.log(struct_tbbutton.size); // 20 on 32-bit, 32 on 64-bit if i'm not mistaken there is another way to do this, we can use arraytype, but example for this i don't know at this time.
js-ctypes reference
this doc is a work in progress.
PKCS #11 Netscape Trust Objects - Network Security Services
wn trust is unknown and should be determined elsewhere.
Blocking By Domain - Plugins
ce and reduce the number of plugin prompts that users see, popular sites that show unnecessary plugin prompts or slow the browser down with unnecessary plugins will be added to the plugin block list.
Drawing and Event Handling - Plugins
s or returns an error code.
Version, UI, and Status Information - Plugins
tatus method to display your message on the status line.
Gecko Plugin API Reference - Plugins
npn_hasproperty npn_hasmethod npn_setexception npclass structures npanycallbackstruct npbyterange npembedprint npevent npfullprint npp np_port npprint npprintcallbackstruct nprect npregion npsaveddata npsetwindowcallbackstruct npstream npwindow constants error codes result codes plug-in version constants version feature constants external resources external projects and articles for plugin creation original document information copyright information: netscape communication ...
DOM Inspector - Firefox Developer Tools
firefox, see the documentation for the page inspector.
Break on DOM mutation - Firefox Developer Tools
r will pause execution when the dom mutation occurs.
Breaking on exceptions - Firefox Developer Tools
to instruct the debugger to pause on an exception, tick these checkboxes in the breakpoints list: pause on exceptions pause on caught exceptions when an exception occurs, the line where it occurs is highlighted in the source pane, with a squiggly red line under the problematic code.
Examine, modify, and watch variables - Firefox Developer Tools
able's name displays a tooltip that provides additional information about the variable.
Set a conditional breakpoint - Firefox Developer Tools
hich is represented as an expression.
Step through code - Firefox Developer Tools
ate window, as many people do, it can be easier to have the buttons available right there to move the code forward while you are looking at the result.
Set an XHR breakpoint - Firefox Developer Tools
pane will have two additional sections: call stack the list of functions that were executed in order ot get to the currently executing code.
Debugger.Environment - Firefox Developer Tools
referenceerror.
Debugger.Frame - Firefox Developer Tools
vironment, which is the eval code’s lexicalenvironment.) if implementation restrictions prevent spidermonkey from extending this frame’s environment as requested, this call throws an error exception.
Deprecated tools - Firefox Developer Tools
an oscillatornode's type property, were displayed and editable as well.
DevTools API - Firefox Developer Tools
lose/destroy" a toolpanel.
Aggregate view - Firefox Developer Tools
contents of the snapshot that are displayed, so you can quickly see, for example, how many objects of a specific class were allocated.
Tree map view - Firefox Developer Tools
rchical (tree-structured) data as a set of nested rectangles".
Examine Event Listeners - Firefox Developer Tools
the inspector shows the word "event" next to elements in the html pane, that have event listeners bound to them: click the icon, then you'll see a popup listing all the event listeners bound to this element: each line contains: a right-pointing arrowhead; click to expand the row and show the listener function source code a curved arrow pointing to a stack; click it to show the code for the handler in the debugger the name of the event for which a handler was attached to this element the name and line number for the listener; you can also click here to expand the row and view the listener function source code a label indicating whether the event bubbles a label indicating the system that defines the event.
Work with animations - Firefox Developer Tools
n you can specify a timing function: this determines the rate at which the animation progresses.
Paint Flashing Tool - Firefox Developer Tools
tool helps: by showing you the areas that the browser repaints in response to an event, you can see whether it is repainting more than it needs to.
Shader Editor - Firefox Developer Tools
e, or glsl.
Tips - Firefox Developer Tools
function definition.
Validators - Firefox Developer Tools
this document lists different resources for developers to validate web pages.
about:debugging - Firefox Developer Tools
ension, you can see information about it and perform operations on it.
Firefox Developer Tools
to the end of its lifespan (see firebug lives on in firefox devtools for details of why), and we appreciate that some people will find migrating to another less familiar set of devtools to be challenging.
AbstractRange - Web APIs
to alter the range's endpoints, as well as methods to compare ranges, detect intersections beween ranges, and so forth.
AesCbcParams - Web APIs
the aescbcparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-cbc algorithm.
AesCtrParams - Web APIs
incremented each time a block is encrypted.
AnalyserNode.fftSize - Web APIs
change-o-matic demo (see app.js lines 128–205 for relevant code).
AnalyserNode.getByteTimeDomainData() - Web APIs
ce-change-o-matic demo (see app.js lines 128–205 for relevant code).
AnalyserNode.getFloatTimeDomainData() - Web APIs
cess elements are ignored.
AnalyserNode - Web APIs
ar analyser = audioctx.createanalyser(); // ...
Animation - Web APIs
Web › API › Animation
the animation interface of the web animations api represents a single animation player and provides playback controls and a timeline for an animation node or source.
Attr - Web APIs
Web › API › Attr
luate, the dom living standard reintroduced the property.
AudioConfiguration - Web APIs
nd what they mean, see the web audio codec guide.
AudioContext.createMediaStreamDestination() - Web APIs
chunk (blobs) in an array chunks.push(evt.data); }; mediarecorder.onstop = function(evt) { // make blob out of our blobs, and open it.
AudioNode.numberOfInputs - Web APIs
the numberofinputs property of the audionode interface returns the number of inputs feeding the node.
AudioTrackList.onaddtrack - Web APIs
icates in its track property which audio track has been added to the media.
BaseAudioContext.createAnalyser() - Web APIs
-change-o-matic demo (see app.js lines 128–205 for relevant code).
BaseAudioContext.createOscillator() - Web APIs
the createoscillator() method of the baseaudiocontext interface creates an oscillatornode, a source representing a periodic waveform.
Battery Status API - Web APIs
the battery status api, more often referred to as the battery api, provides information about the system's battery charge level and lets you be notified by events that are sent when the battery level or charging status change.
BeforeUnloadEvent - Web APIs
the beforeunload event is fired when the window, the document and its resources are about to be unloaded.
Blob.slice() - Web APIs
Web › API › Blob › slice
ice(start, end, contenttype); parameters start optional an index into the blob indicating the first byte to include in the new blob.
BluetoothRemoteGATTCharacteristic - Web APIs
attribute uuid uuid; readonly attribute bluetoothcharacteristicproperties properties; readonly attribute dataview?
BluetoothRemoteGATTDescriptor - Web APIs
riptor interface of the web bluetooth api provides a gatt descriptor, which provides further information about a characteristic’s value.
Body.blob() - Web APIs
Web › API › Body › blob
or methods like url.createobjecturl.
Body.bodyUsed - Web APIs
Web › API › Body › bodyUsed
body has been read yet.
CSSImageValue - Web APIs
the cssimagevalue interface of the css typed object model api represents values for properties that take an image, for example background-image, list-style-image, or border-image-source.
CSSRule - Web APIs
Web › API › CSSRule
ween these constants and the interfaces are: type value rule-specific interface comments and examples cssrule.style_rule 1 cssstylerule the most common kind of rule: selector { prop1: val1; prop2: val2; } cssrule.import_rule 3 cssimportrule an @import rule.
CSS Typed Object Model API - Web APIs
eywordvalue.value() property of the csskeywordvalue interface returning or setting the value of the csskeywordvalue.
CanvasCaptureMediaStreamTrack.canvas - Web APIs
the canvascapturemediastreamtrack canvas read-only property returns the htmlcanvaselement from which frames are being captured.
CanvasRenderingContext2D.drawWindow() - Web APIs
nt parts of their interface will be drawn on white background.
CanvasRenderingContext2D.getImageData() - Web APIs
top-left corner are (sx, sy), while the coordinates of the bottom corner are (sx + sw, sy + sh).
CanvasRenderingContext2D.imageSmoothingEnabled - Web APIs
"canvas" width="460" height="210"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.font = '16px sans-serif'; ctx.textalign = 'center'; const img = new image(); img.src = 'https://interactive-examples.mdn.mozilla.net/media/examples/star.png'; img.onload = function() { const w = img.width, h = img.height; ctx.filltext('source', w * .5, 20); ctx.drawimage(img, 0, 24, w, h); ctx.filltext('smoothing = true', w * 2.5, 20); ctx.imagesmoothingenabled = true; ctx.drawimage(img, w, 24, w * 3, h * 3); ctx.filltext('smoothing = false', w * 5.5, 20); ctx.imagesmoothingenabled = false; ctx.drawimage(img, w * 4, 24, w * 3, h * 3); }; result specifications specification status comment h...
Manipulating video using canvas - Web APIs
entirely transparent.
Finale - Web APIs
Web › API › Canvas API › Tutorial › Finale
raphics: webgl advanced api for rendering complex graphics, including 3d.
Pixel manipulation with canvas - Web APIs
use of images and canvas canvas.todataurl('image/png') default setting.
ChannelSplitterNode.ChannelSplitterNode() - Web APIs
the channelsplitternode() constructor of the web audio api creates a new channelsplitternode object instance, representing a node that splits the input into a separate output for each of the source node's audio channels.
Clipboard.read() - Web APIs
Web › API › Clipboard › read
e is rejected if permission to access the clipboard is not granted.
Comment - Web APIs
Web › API › Comment
the comment interface represents textual notations within markup; although it is generally not visually shown, such comments are available to be read in the source view.
DOMImplementationList - Web APIs
returned by domimplementationsource.getdomimplementationlist() and domimplementationregistry.getdomimplementationlist() .
DataTransferItemList.remove() - Web APIs
t the dropeffect to move ev.datatransfer.dropeffect = "move" } function dragend_handler(ev) { console.log("dragend"); var datalist = ev.datatransfer.items; for (var i = 0; i < datalist.length; i++) { datalist.remove(i); } // clear any remaining drag data datalist.clear(); } html <h1>example uses of <code>datatransferitemlist</code> methods and property</h1> <div> <p id="source" ondragstart="dragstart_handler(event);" ondragend="dragend_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; ...
Document.contentType - Web APIs
the document.contenttype read-only property returns the mime type that the document is being rendered as.
Document.registerElement() - Web APIs
r mytag = document.registerelement('my-tag'); now the new tag is registered in the browser.
Introduction to the DOM - Web APIs
om?
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
ree structure for the table created in the sample.
Element: auxclick event - Web APIs
venting the default behavior of the contextmenu event.
Element: error event - Web APIs
the error event is fired on an element object when a resource failed to load, or can't be used.
Element.getAttribute() - Web APIs
tation of getattribute() in xul (gecko) actually follows the dom 3 core specification and returns an empty string.
Element.insertAdjacentElement() - Web APIs
rtadjacentelement('beforebegin',tempdiv); } setlistener(tempdiv); }); afterbtn.addeventlistener('click', function() { var tempdiv = document.createelement('div'); tempdiv.style.backgroundcolor = randomcolor(); if (activeelem) { activeelem.insertadjacentelement('afterend',tempdiv); } setlistener(tempdiv); }); have a look at our insertadjacentelement.html demo on github (see the source code too.) here we have a sequence of <div> elements inside a container.
Element.insertAdjacentText() - Web APIs
: the beforebegin and afterend positions work only if the node is in a tree and has an element parent.
Element: mousewheel event - Web APIs
typically, old mouse wheel which cannot be turned smoothly), the value is computed from non-accelerated scroll amount (120 per notch).
Element - Web APIs
Web › API › Element
an event listener to the oneventname property of this interface.
ExtendableMessageEvent.lastEventId - Web APIs
the lasteventid read-only property of the extendablemessageevent interface represents, in server-sent events, the last event id of the event source.
FetchEvent.resultingClientId - Web APIs
the resultingclientid read-only property of the fetchevent interface is the id of the client that replaces the previous client during a page navigation.
Cross-global fetch usage - Web APIs
this article explains an edge case that occurs with fetch (and potentially other apis exhibiting the same kind of resource retrieval behavior).
File - Web APIs
Web › API › File
it: file.prototype.size read only returns the size of the file in bytes.
FileError - Web APIs
Web › API › FileError
ugh remaining storage space or the storage quota was reached and the user declined to give more space to the database.
FileException - Web APIs
quota_exceeded_err 10 either there's not enough remaining storage space or the storage quota was reached and the user declined to give more space to the database.
FileSystemEntry.moveTo() - Web APIs
the filesystementry interface's method moveto() moves the file specified by the entry to a new location on the file system, or renames the file if the destination directory is the same as the source.
FileSystemEntry.remove() - Web APIs
ate on disk, so the file could not be deleted for safety reasons.
FocusEvent() - Web APIs
the focusevent() constructor returns a newly created focusevent object with an optional eventtarget.
FontFace.load - Web APIs
Web › API › FontFace › load
the load() method of the fontface interface loads a font based on current object's constructor-passed requirements, including a location or source buffer, and returns a promise that resolves with the current fontface object.
Gamepad.buttons - Web APIs
Web › API › Gamepad › buttons
senting analog buttons, such as the triggers on many modern gamepads.
GamepadButton - Web APIs
the values are normalized to the range 0.0 —1.0, with 0.0 representing a button that is not pressed, and 1.0 representing a button that is fully pressed.
GeolocationPositionError.code - Web APIs
lue an unsigned short representing the error code.
GeolocationPositionError - Web APIs
nsigned short representing the error code.
GlobalEventHandlers.onauxclick - Web APIs
addeventlistener() method instead, since it's more flexible.
GlobalEventHandlers.onloadend - Web APIs
the onloadend property of the globaleventhandlers mixin is an eventhandler representing the code to be called when the loadend event is raised (when progress has stopped on the loading of a resource.) syntax img.onloadend = funcref; value funcref is the handler function to be called when the resource's loadend event fires.
GlobalEventHandlers.onloadstart - Web APIs
the onloadstart property of the globaleventhandlers mixin is an eventhandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.) syntax img.onloadstart = funcref; value funcref is the handler function to be called when the resource's loadstart event fires.
HTMLAnchorElement.referrerPolicy - Web APIs
the htmlanchorelement.referrerpolicy property reflect the html referrerpolicy attribute of the <a> element defining which referrer is sent when fetching the resource.
HTMLAnchorElement.rel - Web APIs
the htmlanchorelement.rel property reflects the rel attribute.
HTMLAnchorElement.relList - Web APIs
the htmlanchorelement.rellist read-only property reflects the rel attribute.
HTMLAreaElement.referrerPolicy - Web APIs
the htmlareaelement.referrerpolicy property reflect the html referrerpolicy attribute of the <area> element defining which referrer is sent when fetching the resource.
HTMLAreaElement.rel - Web APIs
the htmlareaelement.rel property reflects the rel attribute.
HTMLAreaElement.relList - Web APIs
the htmlareaelement.rellist read-only property reflects the rel attribute.
Audio() - Web APIs
the url of an audio file to be associated with the new audio element.
msAudioCategory - Web APIs
devicetype is not explicitly set, msaudiodevicetype will be set to communications.
HTMLBodyElement - Web APIs
lbodyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement and from windoweventhandlers.
HTMLButtonElement - Web APIs
the form that this button is associated with.
HTMLCanvasElement.mozFetchAsStream() - Web APIs
unction(result) { if (!components.issuccesscode(result)) { alert('failed to create icon'); } else { alert('succesfully made'); } }; } var mfascallback = function(iconname) { return function(instream) { var file = fileutils.getfile('desk', [iconname + '.ico']); var outstream = fileutils.openfileoutputstream(file); cu.import('resource://gre/modules/netutil.jsm'); netutil.asynccopy(instream, outstream, netutilcallback()); } } canvas.mozfetchasstream(mfascallback('myicon'), 'image/vnd.microsoft.icon'); specifications not part of any specification.
HTMLCollection.item - Web APIs
live, changes to the underlying dom can and will cause the position of individual nodes in the collection to change, so the index value will not necessarily remain constant for a given node.
HTMLIFrameElement.src - Web APIs
the htmliframeelement.src property reflects the html referrerpolicy attribute of the <iframe> element defining which referrer is sent when fetching the resource.
HTMLIFrameElement - Web APIs
tribute, containing a name by which to refer to the frame.
HTMLImageElement.complete - Web APIs
ax let doneloading = htmlimageelement.complete; value a boolean value which is true if the image has completely loaded; otherwise, the value is false.
HTMLImageElement.currentSrc - Web APIs
the read-only htmlimageelement property currentsrc indicates the url of the image which is currently presented in the <img> element it represents.
HTMLImageElement.decode() - Web APIs
exceptions encodingerror a domexception indicating that an error occurred while decoding the image.
HTMLImageElement.referrerPolicy - Web APIs
the htmlimageelement.referrerpolicy property reflects the html referrerpolicy attribute of the <img> element defining which referrer is sent when fetching the resource.
HTMLImageElement.src - Web APIs
the htmlimageelement property src, which reflects the html src attribute, specifies the image to display in the <img> element.
HTMLImageElement.useMap - Web APIs
shape="rect" coords="25, 25, 100, 150" href="/index.html" alt="shop"> </map> given the image map named mainmenu-map, the image which uses it should look something like the following: <img src="menubox.png" usemap="#mainmenu-map"> for additional examples (including interactive ones), see the articles about the <map> and <area> elements, as well as the guide to using image maps.
HTMLLinkElement.referrerPolicy - Web APIs
the htmllinkelement.referrerpolicy property reflect the html referrerpolicy attribute of the <link> element defining which referrer is sent when fetching the resource.
HTMLLinkElement.rel - Web APIs
the htmllinkelement.rel property reflects the rel attribute.
HTMLLinkElement.relList - Web APIs
the htmllinkelement.rellist read-only property reflects the rel attribute.
HTMLMediaElement.buffered - Web APIs
the htmlmediaelement.buffered read-only property returns a new timeranges object that indicates the ranges of the media source that the browser has buffered (if any) at the moment the buffered property is accessed.
HTMLMediaElement.ended - Web APIs
the htmlmediaelement.ended indicates whether the media element has ended playback.
HTMLMediaElement: error event - Web APIs
the error event is fired when the resource could not be loaded due to an error (for example, a network connectivity problem).
HTMLModElement - Web APIs
="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmodelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLObjectElement.data - Web APIs
the data property of the htmlobjectelement interface returns a domstring that reflects the data html attribute, specifying the address of a resource's data.
HTMLObjectElement.height - Web APIs
the height property of the htmlobjectelement interface returns a domstring that reflects the height html attribute, specifying the displayed height of the resource in css pixels.
HTMLObjectElement.type - Web APIs
the type property of the htmlobjectelement interface returns a domstring that reflects the type html attribute, specifying the mime type of the resource.
HTMLObjectElement.width - Web APIs
the width property of the htmlobjectelement interface returns a domstring that reflects the width html attribute, specifying the displayed width of the resource in css pixels.
HTMLQuoteElement - Web APIs
font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlquoteelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLTableElement.tBodies - Web APIs
htmlcollection of the bodies in a <table>.
HTMLTrackElement - Web APIs
on to any that may be fired at its parent, htmlelement.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
this.data = data; this.dispatchevent(new event("load")); }); } }; this balances the clauses by having both situations handle the setting of data and firing of the load event within a microtask (using queuemicrotask() in the if clause and using the promises used by fetch() in the else clause).
File drag and drop - Web APIs
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.
IDBCursorWithValue.value - Web APIs
r listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.value); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'source' in that specification.
IDBCursorWithValue - Web APIs
the idbcursorwithvalue interface of the indexeddb api represents a cursor for traversing or iterating over multiple records in a database.
IDBDatabase.createObjectStore() - Web APIs
returns a new idbobjectstore.
IDBDatabase.deleteObjectStore() - Web APIs
the name of the object store you want to delete.
IDBDatabaseException - Web APIs
ded to an operation does not meet requirements.
IDBObjectStore.index() - Web APIs
sorted by that index using a cursor.
IDBRequest.readyState - Web APIs
equest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the readystate of this request is " + updatetitlerequest.readystate); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed database api 2.0the definition of 'readystate...
IDBRequest.transaction - Web APIs
available in web workers.
IDBTransaction.objectStore() - Web APIs
; parameters name the name of the requested object store.
IIRFilterNode - Web APIs
r, it inherits properties from its parent, audionode.
ImageBitmap.close() - Web APIs
Web › API › ImageBitmap › close
the imagebitmap.close() method disposes of all graphical resources associated with an imagebitmap.
ImageCapture() constructor - Web APIs
the imagecapture() constructor creates a new imagecapture object.
Checking when a deadline is due - Web APIs
main example application we will be referring to in this article is to-do list notifications, a simple to-do list application that stores task titles and deadline times and dates via indexeddb, and then provides users with notifications when deadline dates are reached, via the notification, and vibration apis.
Using IndexedDB - Web APIs
window.url.revokeobjecturl(obj_url); } else { iframe.load(function() { $(this).contents().find('body').html("no view available"); }); } }); } /** * @param {string} biblioid * @param {string} title * @param {number} year * @param {string} url the url of the image to download and store in the local * indexeddb database.
firesTouchEvents - Web APIs
e events that represent an action that may already have been handled by touch event handlers.
InputDeviceCapabilities - Web APIs
roduce the same input.
InputEvent.dataTransfer - Web APIs
erface returns a datatransfer object containing information about richtext or plaintext data being added to or removed from editible content.
startSoftwareUpdate - Web APIs
summary triggers the downloading and installation of the software at the specified url.
KeyboardEvent: code values - Web APIs
(0x7b) "arrowleft" "arrowleft" kvk_rightarrow (0x7c) "arrowright" "arrowright" kvk_downarrow (0x7d) "arrowdown" "arrowdown" kvk_uparrow (0x7e) "arrowup" "arrowup" code values on linux (x11) (when scancode is available) note that x has too many keys and some of them are not testable with usual keyboard.
LayoutShift - Web APIs
ments of the elements on the page.
LocalFileSystem - Web APIs
ed url.
LocalFileSystemSync - Web APIs
url ); parameter url the url of a local file in the file system.
LocalMediaStream - Web APIs
s been moved to the individual mediastreamtrack objects, so this is no longer necessary.
Location: replace() - Web APIs
Web › API › Location › replace
the replace() method of the location interface replaces the current resource with the one at the provided url.
Long Tasks API - Web APIs
.
MSSiteModeEvent - Web APIs
event should be stopped from propagating up from the current target.
MediaDevices - Web APIs
the mediadevices interface provides access to connected media input devices like cameras and microphones, as well as screen sharing.
MediaError.message - Web APIs
mple creates a <audio> element, establishes an error handler for it, then lets the user click buttons to choose whether to assign a valid audio file or a missing file to the element's src attribute.
close() - Web APIs
the mediakeysession.close() method notifies that the current media session is no longer needed, and that the content decryption module should release any resources associated with this object and close it.
update() - Web APIs
the mediakeysession.update() method loads messages and licenses to the cdm, and then returns a promise .
MediaKeySession - Web APIs
hange sets the eventhandler called when there has been a change in the keys in a session or their statuses.
MediaQueryList - Web APIs
= 'this is a narrow screen — less than 600px wide.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } } mql.addeventlistener('change', screentest); note: you can find this example on github (see the source code, and also see it running live).
MediaRecorder() - Web APIs
recorder object that will record a specified mediastream.
MediaRecorder.isTypeSupported - Web APIs
n which is true if the mime type specified is one the user agent should be able to successfully record.
MediaRecorder.mimeType - Web APIs
w mediarecorder(stream,options); m = mediarecorder; m.mimetype; // would return 'video/mp4' ...
MediaRecorder - Web APIs
evttgt = e.target; evttgt.parentnode.parentnode.removechild(evttgt.parentnode); } } mediarecorder.ondataavailable = function(e) { chunks.push(e.data); } }) .catch(function(err) { console.log('the following error occurred: ' + err); }) } this code sample is inspired by the web dictaphone demo.
active - Web APIs
it returns false.
MediaStream.onaddtrack - Web APIs
be called when the addtrack event occurs on a mediastream instance.
MediaStream.onremovetrack - Web APIs
ed when the removetrack event occurs on a mediastream instance.
MediaStreamTrack.kind - Web APIs
the mediastreamtrack.kind read-only property returns a domstring set to "audio" if the track is an audio track and to "video", if it is a video track.
MediaStreamTrack.onended - Web APIs
the mediastreamtrack.onended event handler is used to specify a function which serves as an eventhandler to be called when the ended event occurs on the track.
MediaTrackConstraints.autoGainControl - Web APIs
not this constraint is supported by checking the value of mediatracksupportedconstraints.autogaincontrol as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackConstraints.displaySurface - Web APIs
s.getsupportedconstraints().
MediaTrackConstraints.noiseSuppression - Web APIs
ine whether or not this constraint is supported by checking the value of mediatracksupportedconstraints.noisesuppression as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackSettings.noiseSuppression - Web APIs
noisesuppression property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
MediaTrackSupportedConstraints - Web APIs
alue whose value is true if the channelcount constraint is supported in the current environment.
Microsoft API extensions - Web APIs
tmlvideoelement.msinsertvideoeffect() htmlvideoelement.msislayoutoptimalforplayback htmlvideoelement.msisstereo3d htmlvideoelement.mszoom htmlaudioelement.msaudiocategory htmlaudioelement.msaudiodevicetype htmlmediaelement.mscleareffects() htmlmediaelement.msinsertaudioeffect() mediaerror.msextendedcode msgraphicstrust msgraphicstruststatus msisboxed msplaytodisabled msplaytopreferredsourceuri msplaytoprimary msplaytosource msrealtime mssetmediaprotectionmanager mssetvideorectangle msstereo3dpackingmode msstereo3drendermode onmsvideoformatchanged onmsvideoframestepcompleted onmsvideooptimallayoutchanged msfirstpaint pinned sites apis mssitemodeevent mssitemodejumplistitemremoved msthumbnailclick other apis x-ms-aria-flowfrom x-ms-acceleratorkey x-ms-form...
msPlayToPrimary - Web APIs
ptr = object.msplaytoprimary; value boolean value set to true indicates that the device is the primary dlna playto device, otherwise false.
NDEFWriter.write() - Web APIs
Web › API › NDEFWriter › write
the write() method of ndefwriter interface writes a specified message to a compatiable nfc tag.
NavigationPreloadManager - Web APIs
the navigationpreloadmanager interface of the the service worker api provides methods for managing the preloading of resources with a service worker.
Using Navigation Timing - Web APIs
the navigation timing api lets you easily obtain detailed and highly accurate timing information to help isolate performance problems with your site's code or resources.
Navigator.getUserMedia() - Web APIs
the deprecated navigator.getusermedia() method prompts the user for permission to use up to one video input device (such as a camera or shared screen) and up to one audio input device (such as a microphone) as the source for a mediastream.
Web-based protocol handlers - Web APIs
background it's fairly common to find web pages link to resources using non-http protocols.
Navigator.requestMediaKeySystemAccess() - Web APIs
a mediakeysystemaccess object that can be used to access a particular media key system, which can in turn be used to create keys for decrypting a media stream.
Navigator.share() - Web APIs
Web › API › Navigator › share
e shared.
Node.firstChild - Web APIs
Web › API › Node › firstChild
d.nodename); </script> in the above, the console will show '#text' because a text node is inserted to maintain the whitespace between the end of the opening <p> and <span> tags.
Node.previousSibling - Web APIs
r null if the specified node is the first in that list.
Node.rootNode - Web APIs
Web › API › Node › rootNode
ward along node.parentnode until the top is reached.
Node.setUserData() - Web APIs
Web › API › Node › setUserData
ven node.
NodeIterator.detach() - Web APIs
the nodeiterator.detach() method is a no-op, kept for backward compatibility only.
Notification.Notification() - Web APIs
within the context of the notification itself.
OVR_multiview2.framebufferTextureMultiviewOVR() - Web APIs
baseviewindex, numviews); parameters target a glenum specifying the binding point (target).
Page Visibility API - Web APIs
with tabbed browsing, there is a reasonable chance that any given webpage is in the background and thus not visible to the user.
PannerNode.coneInnerAngle - Web APIs
the coneinnerangle property of the pannernode interface is a double value describing the angle, in degrees, of a cone inside of which there will be no volume reduction.
PannerNode.refDistance - Web APIs
the refdistance property of the pannernode interface is a double value representing the reference distance for reducing volume as the audio source moves further from the listener – i.e.
PannerNode.rolloffFactor - Web APIs
the rollofffactor property of the pannernode interface is a double value describing how quickly the volume is reduced as the source moves away from the listener.
ParentNode.append() - Web APIs
Web › API › ParentNode › append
t [ #text "some text", <p> ] parentnode.append() is unscopable the append() method is not scoped into the with statement.
ParentNode.prepend() - Web APIs
arent.childnodes); // nodelist [ #text "some text", <p> ] parentnode.prepend() is unscopable the prepend() method is not scoped into the with statement.
Pbkdf2Params - Web APIs
domstring representing the digest algorithm to use.
Performance.navigation - Web APIs
this property is deprecated in the navigation timing level 2 specification.
PerformanceObserverEntryList.getEntriesByName() - Web APIs
, "mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event types observe_all.observe({entrytypes: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entrytypes: ['frame']}); specifications specification status commen...
PerformanceObserverEntryList.getEntriesByType() - Web APIs
, "mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event types observe_all.observe({entrytypes: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entrytypes: ['frame']}); specifications specification status commen...
PerformanceServerTiming - Web APIs
ing': ` cache;desc="cache read";dur=23.2, db;dur=53, app;dur=47.2 `.replace(/\n/g, '') }; response.writehead(200, headers); response.write(''); return settimeout(_ => { response.end(); }, 1000) }; http.createserver(requesthandler).listen(3000).on('error', console.error); the performanceservertiming entries are now observable from javascript via the performanceresourcetiming.servertiming property: let entries = performance.getentriesbytype('resource'); console.log(entries[0].servertiming); // 0: performanceservertiming {name: "cache", duration: 23.2, description: "cache read"} // 1: performanceservertiming {name: "db", duration: 53, description: ""} // 2: performanceservertiming {name: "app", duration: 47.2, description: ""} specifications specific...
PerformanceTiming.domainLookupEnd - Web APIs
cated in the navigation timing level 2 specification.
PerformanceTiming.domainLookupStart - Web APIs
precated in the navigation timing level 2 specification.
PerformanceTiming.responseEnd - Web APIs
level 2 specification.
PerformanceTiming.responseStart - Web APIs
e of this property is deprecated in the navigation timing level 2 specification.
Using Performance Timeline - Web APIs
r i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event types observe_all.observe({entrytypes: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); // create observer for just the "mark" event type var observe_mark = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'mark' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'mark' event observe_mark.observe({entrytypes: ['mark'...
Using the Permissions API - Web APIs
zed by the permissions api in chrome are geolocation and notification, with firefox also recognizing push and webmidi.
Permissions API - Web APIs
he permissionstatus for a specific api.
PhotoCapabilities.fillLightMode - Web APIs
the filllightmode read-only property of the photocapabilities interface returns all available fill light options of the source device.
PointerEvent.height - Web APIs
the height read-only property of the pointerevent interface represents the height of the pointer's contact geometry, along the y-axis (in css pixels).
PointerEvent.width - Web APIs
the width read-only property of the pointerevent interface represents the width of the pointer's contact geometry along the x-axis, measured in css pixels.
Pointer Lock API - Web APIs
nd movementy are valid regardless of the mouse lock state, and are available even when unlocked for convenience.
Multi-touch interaction - Web APIs
le simultaneous pointers such as multiple fingers on a touch screen.
Pinch zoom gestures - Web APIs
ures, from the simple single-touch swipe gesture to the more complex multi-touch twist gesture, where the touch points (aka pointers) move in different directions.
Using Pointer Events - Web APIs
touch events overview, except it uses the pointer events input event model.
PositionOptions.enableHighAccuracy - Web APIs
a boolean that indicates the application would like to receive the best possible results.
PositionOptions - Web APIs
y secure context is a boolean that indicates the application would like to receive the best possible results.
ProgressEvent.lengthComputable - Web APIs
the progressevent.lengthcomputable read-only property is a boolean flag indicating if the resource concerned by the progressevent has a length that can be calculated.
ProgressEvent.loaded - Web APIs
the progressevent.loaded read-only property is an integer representing the amount of work already performed by the underlying process.
ProgressEvent.total - Web APIs
the progressevent.total read-only property is an integer representing the total amount of work that the underlying process is in the progress of performing.
PublicKeyCredentialCreationOptions.excludeCredentials - Web APIs
g party's server if it wants to prevent creation of new credentials for an existing user.
PublicKeyCredentialCreationOptions.extensions - Web APIs
ay be used during the registration operation.
PublicKeyCredentialCreationOptions.rp - Web APIs
the rp property of the publickeycredentialcreationoptions dictionary is an object describing the relying party which requested the credential creation (via navigator.credentials.create()).
PublicKeyCredentialCreationOptions - Web APIs
options passed to navigators.credentials.create() in order to create a publickeycredential.
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
ng public key credential.
PublicKeyCredentialRequestOptions.extensions - Web APIs
was displayed (line breaks may have been added).
PublicKeyCredentialRequestOptions - Web APIs
the publickeycredentialrequestoptions dictionary of the web authentication api holds the options passed to navigator.credentials.get() in order to fetch a given publickeycredential.
Web Push API Notifications best practices - Web APIs
t out of getting more in the future.
Push API - Web APIs
Web › API › Push API
ion is unique to a service worker.
RTCIceCandidate.sdpMLineIndex - Web APIs
ct when creating a new candidate with new rtcicecandidate().
RTCIceCandidate.sdpMid - Web APIs
y can be configured by specifying the value of the sdpmid property when constructing the new candidate object using rtcicecandidate().
RTCIceCandidateInit.sdpMLineIndex - Web APIs
the optional property sdpmlineindex in the rtcicecandidateinit dictionary specifies the value of the rtcicecandidate object's sdpmlineindex property.
RTCIceCandidateInit.sdpMid - Web APIs
the optional property sdpmid in the rtcicecandidateinit dictionary specifies the value of the rtcicecandidate object's sdpmid property.
RTCIceCandidateStats.localCandidateId - Web APIs
niquely identifies the local ice candidate which was analyzed to generate the rtcicecandidatestats used to compute the statistics for this pair of candidates.
RTCIceCandidateStats.deleted - Web APIs
the candidate has been deleted or released.
RTCIceCandidateStats - Web APIs
of the values in the rtcicecandidatetype enumerated type, indicating what kind of candidate the object provides statistics for.
RTCInboundRtpStreamStats.bytesReceived - Web APIs
the rtcinboundrtpstreamstats dictionary's bytesreceived property is an integer value which indicates the total number of bytes received so far from this synchronization source (ssrc).
RTCInboundRtpStreamStats.framesDecoded - Web APIs
the framesdecoded property of the rtcinboundrtpstreamstats dictionary indicates the total number of frames which have been decoded successfully for this media source.
RTCInboundRtpStreamStats.lastPacketReceivedTimestamp - Web APIs
the lastpacketreceivedtimestamp property of the rtcinboundrtpstreamstats dictionary indicates the time at which the most recently received packet arrived from this source.
RTCInboundRtpStreamStats.remoteId - Web APIs
ndrtpstreamstats dictionary specifies the id of the rtcremoteoutboundrtpstreamstats object representing the remote peer's rtcrtpsender which is sending the media to the local peer.
RTCOutboundRtpStreamStats.framesEncoded - Web APIs
the framesencoded property of the rtcoutboundrtpstreamstats dictionary indicates the total number of frames that have been encoded by this rtcrtpsender for this media source.
RTCOutboundRtpStreamStats.remoteId - Web APIs
dictionary specifies the id of the rtcremoteinboundrtpstreamstats object representing the remote peer's rtcrtpreceiver which is sending the media to the local peer for this ssrc.
RTCOutboundRtpStreamStats.trackId - Web APIs
y indicates the id of the rtcsenderaudiotrackattachmentstats or rtcsendervideotrackattachmentstats object representing the mediastreamtrack which is being sent on this stream.
RTCPeerConnection.addStream() - Web APIs
the obsolete rtcpeerconnection method addstream() adds a mediastream as a local source of audio or video.
RTCPeerConnection.addTrack() - Web APIs
ject = stream; stream.gettracks().foreach(track => pc.addtrack(track, stream)); }) this code takes sdp which has been received from the remote peer and constructs a new rtcsessiondescription to pass into setremotedescription().
RTCPeerConnection.close() - Web APIs
the rtcpeerconnection.close() method closes the current peer connection.
RTCPeerConnection.createAnswer() - Web APIs
he rtcpeerconnection interface creates an sdp answer to an offer received from a remote peer during the offer/answer negotiation of a webrtc connection.
RTCPeerConnection.createDataChannel() - Web APIs
ple of situations: the label and/or protocol string is too long; these cannot be longer than 65,535 bytes (bytes, rather than characters).
RTCPeerConnection.createOffer() - Web APIs
eceived exception to determine which occurred.
RTCPeerConnection.onaddstream - Web APIs
y the remote peer.
RTCPeerConnection.removeStream() - Web APIs
the rtcpeerconnection.removestream() method removes a mediastream as a local source of audio or video.
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
the rtcremoteoutboundrtpstreamstats dictionary's localid property is a string which can be used to identify the rtcinboundrtpstreamstats object whose remoteid matches this value.
RTCRemoteOutboundRtpStreamStats - Web APIs
with properties measuring metrics specific to outgoing rtp streams.
RTCRtpStreamStats.transportId - Web APIs
the rtcrtpstreamstats dictionary's transportid property is a string which uniquely identifies the object from which the statistics contained in the rtctransportstats properties in the rtcstatsreport.
RTCRtpStreamStats - Web APIs
pected to produce the rtccodecstats object associated with this rtp stream.
RTCRtpTransceiver.mid - Web APIs
the read-only rtcrtptransceiver interface's mid property specifies the negotiated media id (mid) which the local and remote peers have agreed upon to uniquely identify the stream's pairing of sender and receiver.
Range.detach() - Web APIs
Web › API › Range › detach
the range.detach() method does nothing.
ReadableByteStreamController.close() - Web APIs
the close() method of the readablebytestreamcontroller interface closes the associated stream.
ReadableByteStreamController.enqueue() - Web APIs
the enqueue() method of the readablebytestreamcontroller interface enqueues a given chunk in the associated stream.
ReadableByteStreamController.error() - Web APIs
the error() method of the readablebytestreamcontroller interface causes any future interactions with the associated stream to error.
ReadableStream.cancel() - Web APIs
the cancel() method of the readablestream interface cancels the associated stream.
ReadableStream.tee() - Web APIs
ot be consumed more than once, you’d need two copies to do this.
ReadableStreamBYOBReader.read() - Web APIs
e different possibilities are as follows: if a chunk is available, the promise will be fulfilled with an object of the form { value: thechunk, done: false }.
ReadableStreamBYOBReader.releaseLock() - Web APIs
ly; otherwise, the reader will appear closed.
ReadableStreamBYOBReader - Web APIs
ad only allows you to write code that responds to an end to the streaming process.
ReadableStreamBYOBRequest.respond() - Web APIs
the error() method of the readablestreambyobrequest interface xxx syntax readablestreambyobrequestinstance.respond(byteswritten); parameters byteswritten xxx return value void.
ReadableStreamBYOBRequest.respondWithNewView() - Web APIs
the respondwithnewview() method of the readablestreambyobrequest interface xxx syntax readablestreambyobrequestinstance.respondwithnewview(view); parameters view xxx return value void.
ReadableStreamDefaultController.close() - Web APIs
able to read any previously-enqueued chunks from the stream, but once those are read, the stream will become closed.
ReadableStreamDefaultController.desiredSize - Web APIs
the desiredsize read-only property of the readablestreamdefaultcontroller interface returns the desired size required to fill the stream's internal queue.
ReadableStreamDefaultController.enqueue() - Web APIs
the enqueue() method of the readablestreamdefaultcontroller interface enqueues a given chunk in the associated stream.
ReadableStreamDefaultReader.read() - Web APIs
e different possibilities are as follows: if a chunk is available, the promise will be fulfilled with an object of the form { value: thechunk, done: false }.
ReadableStreamDefaultReader.releaseLock() - Web APIs
herwise, the reader will appear closed.
ReportingObserver - Web APIs
etusermedia) { navigator.mozgetusermedia( constraints, success, failure); } else { navigator.getusermedia( constraints, success, failure); } this causes a deprecation report to be generated; because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
Reporting API - Web APIs
etusermedia) { navigator.mozgetusermedia( constraints, success, failure); } else { navigator.getusermedia( constraints, success, failure); } this causes a deprecation report to be generated; because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
Request.context - Web APIs
Web › API › Request › context
the deprecated context read-only property of the request interface contains the context of the request (e.g., audio, image, iframe).
Request.mode - Web APIs
Web › API › Request › mode
a variety of ways, and the mode for a request depends on the particular means by which it was initiated.
RequestDestination - Web APIs
the requestdestination enumerated type contains the permitted values for a request's destination.
ResizeObserver() - Web APIs
e observer when a certain condition is reached, but you can omit it if you don't need it.
ResizeObserver.observe() - Web APIs
ns optional an options object allowing you to set options for the observation.
ResizeObserver.unobserve() - Web APIs
the unobserve() method of the resizeobserver interface ends the observing of a specified element or svgelement.
ResizeObserver - Web APIs
uctor resizeobserver() creates and returns a new resizeobserver object.
ResizeObserverEntry.contentBoxSize - Web APIs
in the inline dimension.
ResizeObserverEntry.contentRect - Web APIs
ct = resizeobserverentry.contentrect; value a domrectreadonly object containing the new size of the element indicated by the target property.
ResizeObserverEntry.target - Web APIs
e target read-only property of the resizeobserverentry interface returns a reference to the element or svgelement that is being observed.
ResizeObserverEntry - Web APIs
read only a reference to the element or svgelement being observed.
Response() - Web APIs
Web › API › Response › Response
the response() constructor creates a new response object.
Response.type - Web APIs
Web › API › Response › type
d “set-cookie2″.
Response - Web APIs
Web › API › Response
ult of parsing the body text as json.
RsaOaepParams - Web APIs
the rsaoaepparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the rsa_oaep algorithm.
format - Web APIs
ont is in one of the formats listed in css2([css2], section15.3.5), then its value is the corresponding <string> parameter of the font.
SVGCircleElement - Web APIs
math.min(math.max(circle.r.baseval.value + change, 10), 250); circle.setattribute("r", newvalue); } click on the circle.
SVGClipPathElement - Web APIs
nts defined in svgunittypes.
SVGDefsElement - Web APIs
ment.
SVGFilterElement - Web APIs
e y component of the filterres attribute of the given <filter> element.
SVGForeignObjectElement - Web APIs
ace has no methods but inherits methods from its parent, svggraphicselement and implements methods from svgurireference.
SVGGElement - Web APIs
hods, but inherits methods from its parent interface, svggraphicselement.
SVGGradientElement - Web APIs
e of the spread method types defined on this interface.
SVGImageElement - Web APIs
turns a promise which resolves once the image data is ready to be used.
SVGLineElement - Web APIs
s, but inherits methods from its parent interface, svggeometryelement.
SVGMPathElement - Web APIs
erits properties from its parent interface, svgelement.
SVGMarkerElement - Web APIs
svg_markerunits_userspaceonuse 1 attribute markerunits is 'userspaceonuse'.
SVGMaskElement - Web APIs
<mask> element.
SVGPatternElement - Web APIs
methods, but inherits methods from its parent interface, svgelement and implements the ones from svgfittoviewbox and svgurireference.
SVGPolygonElement - Web APIs
ints.
SVGPolylineElement - Web APIs
nts.
SVGRectElement - Web APIs
5); var b = math.floor(math.random() * 255); myrect.style.fill = 'rgb(' + r + ', ' + g + ' , ' + b + ')'; } click the rect.
SVGSVGElement - Web APIs
null.
SVGScriptElement - Web APIs
te of the given <script> element.
SVGSwitchElement - Web APIs
but inherits methods from its parent interface, svggraphicselement.
SVGSymbolElement - Web APIs
nt interface, svggraphicselement, and implements methods from svgfittoviewbox.
SVGTextContentElement - Web APIs
bstring() selects text within the element.
SVGViewElement - Web APIs
nding element using the getelementbyid() method call.
SecurityPolicyViolationEvent.disposition - Web APIs
the disposition read-only property of the securitypolicyviolationevent interface indicates how the violated policy is configured to be treated by the user agent.
ServiceWorkerGlobalScope: message event - Web APIs
ata}`); }); navigator.serviceworker.ready.then( registration => { registration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client sent me a message: ${event.data}`); event.source.postmessage("hi client"); }); specifications specification status service workersthe definition of 'message' in that specification.
ServiceWorkerGlobalScope - Web APIs
serviceworkerglobalscope.skipwaiting() allows the current service worker registration to progress from waiting to active state while service worker clients are using it.
ServiceWorkerMessageEvent.lastEventId - Web APIs
important: in modern browsers, this property has been deprecated.
SpeechSynthesisUtterance - Web APIs
"mark" tag.
StaticRange - Web APIs
nly returns the dom node which contains the starting point of the range (which is in turn identified by startoffset.
SubtleCrypto.decrypt() - Web APIs
the corresponding encrypt() call.
SubtleCrypto.encrypt() - Web APIs
parameters algorithm is an object specifying the algorithm to be used and any extra parameters if required: to use rsa-oaep, pass an rsaoaepparams object.
TextEncoder - Web APIs
t.defineproperty(textencoder.prototype,"encoding",{ get:function(){if(textencoder.prototype.isprototypeof(this)) return"utf-8"; else throw typeerror("illegal invocation");} }); } catch(e) { /*ie6-8 fallback*/ textencoder.prototype.encoding = "utf-8"; } if(typeof symbol!=="undefined")textencoder.prototype[symbol.tostringtag]="textencoder"; } source: https://github.com/anonyco/fastestsmallesttextencoderdecoder specifications specification status comment encodingthe definition of 'textencoder' in that specification.
TextTrack.mode - Web APIs
Web › API › TextTrack › mode
ck's kind.
TextTrackList.onaddtrack - Web APIs
dicates in its track property which video track has been added to the media.
Supporting both TouchEvent and MouseEvent - Web APIs
down mouseup click if the touchstart, touchmove or touchend event is canceled during an interaction, no mouse or click events will be fired, and the resulting sequence of events would just be: touchstart zero or more touchmove events, depending on movement of the finger(s) touchend community touch events community group mail list w3c #touchevents irc channel related topics and resources touch events overview using touch events touch and mouse (together again for the first time) ...
Using Touch Events - Web APIs
include example code: touch events overview implement custom gestures introduction to touch events in javascript add touch screen support to your website (the easy way) touch event demonstrations: paint program (by rick byers) touch/pointer tests and demos (by patrick h.
TrackDefault.kinds - Web APIs
the kinds read-only property of the trackdefault interface returns default kinds for an associated sourcebuffer to use when an initialization segment does not contain label information for a new track.
TrackDefault.label - Web APIs
the label read-only property of the trackdefault interface returns the default label for an associated sourcebuffer to use when an initialization segment does not contain label information for a new track.
TrackDefault.language - Web APIs
the language read-only property of the trackdefault interface returns a default language for an associated sourcebuffer to use when an initialization segment does not contain language information for a new track.
TrackDefault.type - Web APIs
Web › API › TrackDefault › type
the type read-only property of the trackdefault interface returns the type of track that this sourcebuffer's media segment data relates to (i.e.
URL API - Web APIs
Web › API › URL API
the url api is a component of the url standard, which defines what constitutes a valid uniform resource locator and the api that accesses and manipulates urls.
UserDataHandler - Web APIs
dler will be called.
Using the User Timing API - Web APIs
tion but they are placed between two marks thus they are effectively a midpoint between two marks.
VideoTrackList.onaddtrack - Web APIs
icates in its track property which video track has been added to the media.
WebGL2RenderingContext.blitFramebuffer() - Web APIs
the webgl2renderingcontext.blitframebuffer() method of the webgl 2 api transfers a block of pixels from the read framebuffer to the draw framebuffer.
WebGL2RenderingContext.framebufferTextureLayer() - Web APIs
the attachment point.
WebGL2RenderingContext.invalidateFramebuffer() - Web APIs
the contents of attachments in a framebuffer.
WebGL2RenderingContext.invalidateSubFramebuffer() - Web APIs
nts in a framebuffer.
WebGL2RenderingContext.readBuffer() - Web APIs
the webgl2renderingcontext.readbuffer() method of the webgl 2 api selects a color buffer as the source for pixels for subsequent calls to copyteximage2d, copytexsubimage2d, copytexsubimage3d or readpixels.
WebGL2RenderingContext.texSubImage3D() - Web APIs
_5_5_5_1: 5 red bits, 5 green bits, 5 blue bits, 1 alpha bit.
WebGLRenderbuffer - Web APIs
the webglrenderbuffer interface is part of the webgl api and represents a buffer that can contain an image, or can be source or target of an rendering operation.
WebGLRenderingContext.bindFramebuffer() - Web APIs
target).
WebGLRenderingContext.blendColor() - Web APIs
the webglrenderingcontext.blendcolor() method of the webgl api is used to set the source and destination blending factors.
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
target).
WebGLRenderingContext.createRenderbuffer() - Web APIs
the webglrenderingcontext.createrenderbuffer() method of the webgl api creates and initializes a webglrenderbuffer object.
WebGLRenderingContext.createShader() - Web APIs
the webglrenderingcontext method createshader() of the webgl api creates a webglshader that can then be configured further using webglrenderingcontext.shadersource() and webglrenderingcontext.compileshader().
WebGLRenderingContext.framebufferRenderbuffer() - Web APIs
ebuffer.
WebGLRenderingContext.framebufferTexture2D() - Web APIs
target).
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
target).
WebGLRenderingContext.pixelStorei() - Web APIs
ters parameter name (for pname) description type default value allowed values (for param) specified in gl.pack_alignment packing of pixel data into memory glint 4 1, 2, 4, 8 opengl es 2.0 gl.unpack_alignment unpacking of pixel data from memory.
Basic scissoring - Web APIs
y not support webgl."; return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); // enable scissoring operation and define the position and // size of the scissoring area.
Boilerplate 1 - Web APIs
anvas.getcontext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } the source code of this example is also available on github.
Canvas size and WebGL - Web APIs
document.queryselector("p").innerhtml = "failed to get webgl context.
Clearing by clicking - Web APIs
// set the clear color to the random color.
Clearing with colors - Web APIs
n; } paragraph.innerhtml = "congratulations!
Color masking - Web APIs
rhtml="on"; else evt.target.innerhtml="off"; gl.colormask(mask[0], mask[1], mask[2], true); drawanimation(); }; function drawanimation () { var color = getrandomcolor(); gl.clearcolor(color[0], color[1], color[2], 1.0); gl.clear(gl.color_buffer_bit); } function getrandomcolor() { return [math.random(), math.random(), math.random()]; } }, false); the source code of this example is also available on github.
Detect WebGL - Web APIs
canvas.getcontext("webgl") || canvas.getcontext("experimental-webgl"); // report the result.
Raining rectangles - Web APIs
ntext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } })(); the source code of this example is also available on github.
Scissor animation - Web APIs
ntext("experimental-webgl"); if (!gl) { var paragraph = document.queryselector("p"); paragraph.innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return null; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); gl.clearcolor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.color_buffer_bit); return gl; } })(); the source code of this example is also available on github.
Simple color animation - Web APIs
var color = getrandomcolor(); // set the webglrenderingcontext clear color to the // random color.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
about where these deficiencies are compensated for, if they are at all.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
pc.addtrack(track, stream); } selfvideo.srcobject = stream; } catch(err) { console.error(err); } } this isn't appreciably different from older webrtc connection establishment code.
Introduction to WebRTC protocols - Web APIs
an equals sign ("="), followed by structured text comprising a value or description, whose format depends on the type.
A simple RTCDataChannel sample - Web APIs
einputbox.disabled = true; } this starts by closing each peer's rtcdatachannel, then, similarly, each rtcpeerconnection.
The WebSocket API (WebSockets) - Web APIs
node.js (uwebsockets v0.14 fork) socket.io: a long polling/websocket based third party transfer protocol for node.js.
Geometry and reference spaces in WebXR - Web APIs
interactive, at least until and unless the user is able to approach it, bringing it into the mid-distance or foreground range.
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
requestanimationframe().
Web Animations API - Web APIs
: the timing model and the animation model.
Web Audio API best practices - Web APIs
ontrol if you use a buffer node.
Using the Web Storage API - Web APIs
ou leave the page and load it again, later on, your choices are remembered.
Using Web Workers - Web APIs
s the parent page.
Window.applicationCache - Web APIs
is deprecated as of firefox 44, and is no longer available in insecure contexts from firefox 60 onwards (bug 1354175, currently nightly/beta only).
Window: beforeunload event - Web APIs
the beforeunload event is fired when the window, the document and its resources are about to be unloaded.
Window: error event - Web APIs
the error event is fired on a window object when a resource failed to load or couldn't be used — for example if a script has an execution error.
Window.ondragdrop - Web APIs
Web › API › Window › ondragdrop
gdrop", funcref, usecapturing); funcref the event handler function to be registered.
Window.performance - Web APIs
the window interface's performance property returns a performance object, which can be used to gather performance information about the current document.
Window.screenX - Web APIs
Web › API › Window › screenX
lias of screenx was implemented across modern browsers in more recent times — window.screenleft.
Window.stop() - Web APIs
Web › API › Window › stop
the window.stop() stops further resource loading in the current browsing context, equivalent to the stop button in the browser.
WindowClient - Web APIs
the windowclient interface of the serviceworker api represents the scope of a service worker client that is a document in a browsing context, controlled by an active worker.
WindowEventHandlers.onbeforeunload - Web APIs
the onbeforeunload property of the windoweventhandlers mixin is the eventhandler for processing beforeunload events.
WritableStream - Web APIs
ing strategy (line 35), sets the maximum amount of data that the writablestream instance will handle in a single write() operation.
Using XMLHttpRequest - Web APIs
...
XMLHttpRequest() - Web APIs
to true effectively resembles the anonxmlhttprequest() constructor described in older versions of the xmlhttprequest specification.
XMLHttpRequest - Web APIs
ce" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">xmlhttprequest</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} despite its name, xmlhttprequest can be used to retrieve any type of data, not just xml.
XRPose - Web APIs
Web › API › XRPose
ce space which has been adjusted to position and orient the node to provide the desired viewing position and angle: viewerpose = xrframe.getviewerpose(adjreferencespace); here, adjreferencespace is a reference space which has been updated using the base frame of reference for the frame and any adjustments needed to position the viewer based on movement or rotation which is being supplied from a source other than the xr device, such as keyboard or mouse inputs.
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
transform({x: 0, y: 0, z: 0}, {x: inverseorientation[0], y: inverseorientation[1], z: inverseorientation[2], w: inverseorientation[3]}); return refspace.getoffsetreferencespace(newtransform); } this function creates an inverse orientation matrix—used to orient the viewer—from the current pitch and yaw values, then uses that matrix as the source of the orientation when calling new xrrigidtransform().
XRReferenceSpaceEvent.referenceSpace - Web APIs
the read-only xrreferencespaceevent property referencespace specifies the reference space which is the originator of the event.
XRReferenceSpaceEventInit.referenceSpace - Web APIs
the xrreferencespaceeventinit property referencespace is used to establish the value of a newly-constructed xrreferencespaceevent object when calling the xrreferencespaceevent() constructor.
XRSession.updateRenderState() - Web APIs
y to be used.
XRSession.visibilityState - Web APIs
session's requestanimationframe() callbacks are being processed at the xr device's native refresh rate and input controllers are being processed as normal.
XRView - Web APIs
Web › API › XRView
y the inverse of the view transform matrix, like this: mat4.multiply(modelviewmatrix, view.transform.inverse.matrix, objectmatrix); normal matrix the model view's normal matrix is used when lighting the scene, in order to transform each surface's normal vectors to ensure that the light is reflected in the correct direction given the orientation and position of the surface relative to the light source or sources.
XRViewerPose - Web APIs
dicating which eye that view represents.
XRVisibilityState - Web APIs
session's requestanimationframe() callbacks are being processed at the xr device's native refresh rate and input controllers are being processed as normal.
XRWebGLLayer() - Web APIs
exceptions invalidstateerror the new xrwebgllayer could not be created due to one of a number of possible state errors: the xrsession specified by session has already been stopped.
XRWebGLLayer - Web APIs
ession) and a webgl context used to render the scene for display on the device.
XRWebGLLayerInit.depth - Web APIs
e depth property is false will request that the new layer be created without a depth buffer.
XRWebGLLayerInit - Web APIs
true, requests that the new layer include a stencil buffer.
XSLT Basic Example - Web APIs
basic example this first example demonstrates the basics of setting up an xslt transformation in a browser.
ARIA Technique Template - Accessibility
sistive technology note: opinions may differ on how assistive technology should handle this technique.
Using the alertdialog role - Accessibility
</h2> <p id="dialog1desc">to extend your session, click the ok button</p> <button>ok</button> </div> </div> working examples: tbd notes aria attributes used alertdialog aria-labelledby aria-describedby related aria techniques using the dialog role using the alert role compatibility tbd: add support information for common ua and at product combinations additional resources ...
Using the aria-activedescendant attribute - Accessibility
ment object model.
Using the aria-invalid attribute - Accessibility
e to validation.
Using the aria-label attribute - Accessibility
common accessibility api mapping for a label is the accessible name property.
Using the aria-labelledby attribute - Accessibility
as ...</div> ...
Using the aria-orientation attribute - Accessibility
ion="vertical" aria-valuemin="0" aria-valuemax="17" aria-valuenow="14" > <span>11</span> </a> working examples: slider example notes used with aria roles scrollbar listbox combobox menu tree separator slider tablist toolbar related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the aria-orientation attribute ...
Using the aria-relevant attribute - Accessibility
added to the accessibility tree within the live region; should be considered relevant.
Using the aria-required attribute - Accessibility
<input id="streetaddress" type="text" /> </form> working examples: tooltip example (includes the use of the aria-required attribute) notes used in aria roles combobox gridcell listbox radiogroup spinbutton textbox tree related aria techniques using the aria-invalid attribute compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for aria-required wai-aria authoring practices for forms constraint validation in html5 ...
Using the aria-valuemax attribute - Accessibility
e="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemin aria-valuenow aria-valuetext compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the aria-valuemax attribute ...
Using the aria-valuemin attribute - Accessibility
e="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemax aria-valuenow aria-valuetext compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the aria-valuemin attribute ...
Using the aria-valuenow attribute - Accessibility
e="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemax aria-valuemin aria-valuetext compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the aria-valuenow attribute ...
Using the aria-valuetext attribute - Accessibility
ically update aria-valuetext depending on aria-valuenow.
Using the article role - Accessibility
n class="comments"> <div class="comment" role="article"> <p>meaningful comment</p> </div> <div class="comment" role="article"> <p>positive comment</p> </div> </section> </article> notes aria attributes used related aria techniques aria techniques - list of roles compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the article role ...
Using the presentation role - Accessibility
<li role="presentation"> <a role="tab" href="#">tab 1</a> </li> <li role="presentation"> <a role="tab" href="#">tab 2</a> </li> <li role="presentation"> <a role="tab" href="#">tab 3</a> </li> </ul> working examples: notes aria attributes used related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources using aria - 2.9 use of role=presentation or role=none: https://www.w3.org/tr/using-aria/#presentation ...
Using the progressbar role - Accessibility
r" aria-valuenow="20" aria-valuemin="0" aria-valuetext="step 2: copying files...
Using the radio role - Accessibility
se"> <img role="presentation" src="radio-unchecked.gif" /> subway </li> <li id="r3" tabindex="0" role="radio" aria-checked="true"> <img role="presentation" src="radio-checked.gif" /> radio maria </li> </ul> working examples: notes aria attributes used related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources ...
Using the slider role - Accessibility
tattribute("aria-valuenow", newvalue.tostring()); handle.setattribute("aria-valuetext", daynames[newvalue]); }; working examples: slider example notes aria attributes used aria-valuemin aria-valuemax aria-valuenow aria-valuetext aria-orientation related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for the slider role ...
Using the toolbar role - Accessibility
note: opinons may differ on how assistive technology should handle this technique.
x-ms-aria-flowfrom - Accessibility
s track.
ARIA: switch role - Accessibility
splay: none or aria-hidden="true".
ARIA: button role - Accessibility
tomization.
ARIA: listbox role - Accessibility
ou require already built in, instead of re-purposing an element and adding an aria role, state or property to make it accessible, then do so.
overview - Accessibility
warning: needs updating introduction here's a look at working examples and best practices in building accessible javascript widgets.
ARIA - Accessibility
live regions are also supported by nvda with firefox, and voiceover with safari.
Cognitive accessibility - Accessibility
ractices.
Community - Accessibility
this document provides links to mailing lists, newsgroups, forums, and other communities related to accessbility.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
ey need to sell a lot of copies of their software to make up the work they put in to support your app.
Accessibility documentation index - Accessibility
ent this technique demonstrates how to use the toolbar role and describes the effect it has on browsers and assistive technology.
Web accessibility for seizures and physical reactions - Accessibility
near infinite both; } @media (prefers-reduced-motion: reduce) { button { animation: none; } } prefers-color-scheme this can be useful if the ambient light api is not available.
Robust - Accessibility
user agents, including assistive technologies.
Text labels and names - Accessibility
nd and operate it correctly.
-webkit-mask-box-image - CSS: Cascading Style Sheets
s to: all elements inherited: no media: visual computed value: as specified syntax -webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>] where: <mask-box-image> <uri> | <gradient> | none <top> <right> <bottom> <left> <length> | <percentage> <x-repeat> <y-repeat> repeat | stretch | round | space values <uri> the location of the image resource to be used as a mask image.
:any-link - CSS: Cascading Style Sheets
Web › CSS › :any-link
the :any-link css pseudo-class selector represents an element that acts as the source anchor of a hyperlink, independent of whether it has been visited.
:read-only - CSS: Cascading Style Sheets
aphs.the :read-write pseudo-class on the other hand is used to provide some nicer styling to the editable <textarea>.
:read-write - CSS: Cascading Style Sheets
aphs.the :read-write pseudo-class on the other hand is used to provide some nicer styling to the editable <textarea>.
CSS Backgrounds and Borders - CSS: Cascading Style Sheets
ackground-image background-origin background-position background-position-x background-position-y background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width box-shadow tools using multiple backgrounds explains how to set one o...
Box alignment in grid layout - CSS: Cascading Style Sheets
versions to ensure full compatibility.
Box alignment in Flexbox - CSS: Cascading Style Sheets
s axis the row-gap property will create spacing between adjacent flex lines, therefore flex-wrap must also be set to wrap for this to have any effect.
CSS Box Alignment - CSS: Cascading Style Sheets
ace-content justify-items align-items place-items justify-self align-self place-self row-gap column-gap gap glossary entries cross axis main axis alignment container alignment subject fallback alignment guides css flexbox guide: basic concepts of flexbox css flexbox guide: aligning items in a flex container css grid guide: box alignment in css grid layouts external resources box alignment cheatsheet css grid, flexbox and box alignment thoughts on partial implementations of box alignment ...
CSS Containment - CSS: Cascading Style Sheets
t, so you would not be at risk of a box ending up zero-sized due to a reliance on the size of its children.
In Flow and Out of Flow - CSS: Cascading Style Sheets
ragraph which contains a strong element.
Variable fonts guide - CSS: Cascading Style Sheets
ure your css.
CSS Fonts - CSS: Cascading Style Sheets
Web › CSS › CSS Fonts
css fonts is a module of css that defines font-related properties and how font resources are loaded.
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
les for our items.
Basic Concepts of grid layout - CSS: Cascading Style Sheets
id-column-start: 1; grid-row-start: 2; grid-row-end: 4; } * {box-sizing: border-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .box { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } the item box2 is now overlapping box1, it displays on top as it comes later in the source order.
CSS Grid Layout - CSS: Cascading Style Sheets
id layout relationship of grid layout to other layout methods layout using line-based placement grid template areas layout using named grid lines auto-placement in css grid layout box alignment in css grid layout css grid, logical values and writing modes css grid layout and accessibility css grid and progressive enhancement realising common layouts using css grid subgrid external resources css grid and ie11 (polyfill) examples from jen simmons grid by example - a collection of usage examples and video tutorials codrops grid reference firefox devtools css grid inspector css grid playground grid garden - a game for learning css grid specifications specification status comment css grid layout module level 2 working draft added subgrids.
CSS Masking - CSS: Cascading Style Sheets
css masking is a css module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
CSS Overflow - CSS: Cascading Style Sheets
described as scrollable overflow.
Using z-index - CSS: Cascading Style Sheets
s are rendered on the default rendering layer 0 (zero).
Stacking with floated blocks - CSS: Cascading Style Sheets
n order of appearance in the html note: if an opacity value is applied to the non-positioned block (div #4), then something strange happens: the background and border of that block pops up above the floating blocks and the positioned blocks.
Stacking context example 2 - CSS: Cascading Style Sheets
ion, this is the stacking context hierarchy: root stacking context div #2 (z-index 2) div #3 (z-index 1) div #4 (z-index 10) note: it is worth remembering that in general the html hierarchy is different from the stacking context hierarchy.
Stacking without the z-index property - CSS: Cascading Style Sheets
order of appearance in the html keep in mind, when the order property alters rendering from the "order of appearance in the html" within flex containers, it similarly affects the order for stacking context.
CSS selectors - CSS: Cascading Style Sheets
en visited by the user.
Basic Shapes - CSS: Cascading Style Sheets
ese values are co-ordinates drawn with reference to the reference box.
Shapes From Images - CSS: Cascading Style Sheets
you are previewing your file locally without using a local web server, your shape will not work.
Questions about CSS - CSS: Cascading Style Sheets
Web › CSS › FAQ
cascading style sheets (css) is a rule-based language allowing developers to define styles to apply to html elements (or other markup structures).
Recipe: Media objects - CSS: Cascading Style Sheets
he floats.
Sticky footers - CSS: Cascading Style Sheets
n-height of 100vh on the <body> and then using it as your grid container.
Using media queries - CSS: Cascading Style Sheets
media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs.
Viewport concepts - CSS: Cascading Style Sheets
relative to that container, not the browser.
Visual formatting model - CSS: Cascading Style Sheets
nt's elements.
WebKit CSS extensions - CSS: Cascading Style Sheets
before -webkit-margin-bottom-collapse -webkit-margin-collapse -webkit-margin-end** -webkit-margin-start** -webkit-margin-top-collapse -webkit-marquee-direction -webkit-marquee-increment -webkit-marquee-repetition -webkit-marquee-speed -webkit-marquee-style -webkit-marquee -webkit-mask-box-image-outset -webkit-mask-box-image-repeat -webkit-mask-box-image-slice -webkit-mask-box-image-source -webkit-mask-box-image-width -webkit-mask-box-image -webkit-mask-repeat-x -webkit-mask-repeat-y -webkit-mask-source-type -webkit-max-logical-height -webkit-max-logical-width -webkit-min-logical-height -webkit-min-logical-width n -webkit-nbsp-mode p -webkit-padding-after** -webkit-padding-before** -webkit-padding-end** -webkit-padding-start** -webkit-perspective-origin-x -w...
align-content - CSS: Cascading Style Sheets
the css align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
align-items - CSS: Cascading Style Sheets
the css align-items property sets the align-self value on all direct children as a group.
align-self - CSS: Cascading Style Sheets
the align-self css property overrides a grid or flex item's align-items value.
all - CSS: Cascading Style Sheets
Web › CSS › all
the all shorthand css property resets all of an element's properties except unicode-bidi, direction, and css custom properties.
<angle> - CSS: Cascading Style Sheets
Web › CSS › angle
the <angle> css data type represents an angle value expressed in degrees, gradians, radians, or turns.
animation-delay - CSS: Cascading Style Sheets
the animation-delay css property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation.
animation-direction - CSS: Cascading Style Sheets
the animation-direction css property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.
animation-duration - CSS: Cascading Style Sheets
the animation-duration css property sets the length of time that an animation takes to complete one cycle.
animation-fill-mode - CSS: Cascading Style Sheets
the animation-fill-mode css property sets how a css animation applies styles to its target before and after its execution.
animation-iteration-count - CSS: Cascading Style Sheets
the animation-iteration-count css property sets the number of times an animation sequence should be played before stopping.
animation-name - CSS: Cascading Style Sheets
the animation-name css property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element.
animation-play-state - CSS: Cascading Style Sheets
the animation-play-state css property sets whether an animation is running or paused.
animation-timing-function - CSS: Cascading Style Sheets
the animation-timing-function css property sets how an animation progresses through the duration of each cycle.
animation - CSS: Cascading Style Sheets
Web › CSS › animation
the animation shorthand css property applies an animation between styles.
appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
tform-native styling, based on the operating system's theme.
backface-visibility - CSS: Cascading Style Sheets
the backface-visibility css property sets whether the back face of an element is visible when turned towards the user.
background-attachment - CSS: Cascading Style Sheets
the background-attachment css property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.
background-blend-mode - CSS: Cascading Style Sheets
the background-blend-mode css property sets how an element's background images should blend with each other and with the element's background color.
background-clip - CSS: Cascading Style Sheets
the background-clip css property sets whether an element's background extends underneath its border box, padding box, or content box.
background-color - CSS: Cascading Style Sheets
the background-color css property sets the background color of an element.
background-image - CSS: Cascading Style Sheets
the background-image css property sets one or more background images on an element.
background-origin - CSS: Cascading Style Sheets
the background-origin css property sets the background's origin: from the border start, inside the border, or inside the padding.
background-position-x - CSS: Cascading Style Sheets
the background-position-x css property sets the initial horizontal position for each background image.
background-position-y - CSS: Cascading Style Sheets
the background-position-y css property sets the initial vertical position for each background image.
background-position - CSS: Cascading Style Sheets
the background-position css property sets the initial position for each background image.
background-repeat - CSS: Cascading Style Sheets
the background-repeat css property sets how background images are repeated.
background-size - CSS: Cascading Style Sheets
the background-size css property sets the size of the element's background image.
background - CSS: Cascading Style Sheets
the background shorthand css property sets all background style properties at once, such as color, image, origin and size, or repeat method.
<basic-shape> - CSS: Cascading Style Sheets
the <basic-shape> css data type represents a shape used in the clip-path, shape-outside, and offset-path properties.
block-size - CSS: Cascading Style Sheets
the block-size css property defines the horizontal or vertical size of an element's block, depending on its writing mode.
border-block-end-color - CSS: Cascading Style Sheets
lor css property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation.
border-block-end-style - CSS: Cascading Style Sheets
yle css property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation.
border-block-end-width - CSS: Cascading Style Sheets
dth css property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation.
border-block-end - CSS: Cascading Style Sheets
the border-block-end css property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.
border-block-start-color - CSS: Cascading Style Sheets
r css property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation.
border-block-start-style - CSS: Cascading Style Sheets
e css property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation.
border-block-start-width - CSS: Cascading Style Sheets
h css property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation.
border-block-start - CSS: Cascading Style Sheets
the border-block-start css property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
border-bottom-color - CSS: Cascading Style Sheets
the border-bottom-color css property sets the color of an element's bottom border.
border-bottom-left-radius - CSS: Cascading Style Sheets
the border-bottom-left-radius css property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
border-bottom-right-radius - CSS: Cascading Style Sheets
the border-bottom-right-radius css property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
border-bottom-style - CSS: Cascading Style Sheets
the border-bottom-style css property sets the line style of an element's bottom border.
border-bottom-width - CSS: Cascading Style Sheets
the border-bottom-width css property sets the width of the bottom border of an element.
border-bottom - CSS: Cascading Style Sheets
the border-bottom shorthand css property sets an element's bottom border.
border-collapse - CSS: Cascading Style Sheets
the border-collapse css property sets whether cells inside a <table> have shared or separate borders.
border-color - CSS: Cascading Style Sheets
the border-color shorthand css property sets the color of an element's border.
border-image-outset - CSS: Cascading Style Sheets
the border-image-outset css property sets the distance by which an element's border image is set out from its border box.
border-inline-end-color - CSS: Cascading Style Sheets
or css property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation.
border-inline-end-style - CSS: Cascading Style Sheets
le css property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation.
border-inline-end-width - CSS: Cascading Style Sheets
th css property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation.
border-inline-end - CSS: Cascading Style Sheets
the border-inline-end css property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.
border-inline-start-color - CSS: Cascading Style Sheets
css property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation.
border-inline-start-style - CSS: Cascading Style Sheets
css property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation.
border-inline-start-width - CSS: Cascading Style Sheets
css property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation.
border-inline-start - CSS: Cascading Style Sheets
the border-inline-start css property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
border-left-color - CSS: Cascading Style Sheets
the border-left-color css property sets the color of an element's left border.
border-left-style - CSS: Cascading Style Sheets
the border-left-style css property sets the line style of an element's left border.
border-left-width - CSS: Cascading Style Sheets
the border-left-width css property sets the width of the left border of an element.
border-left - CSS: Cascading Style Sheets
the border-left shorthand css property set an element's left border.
border-radius - CSS: Cascading Style Sheets
the border-radius css property rounds the corners of an element's outer border edge.
border-right-color - CSS: Cascading Style Sheets
the border-right-color css property sets the color of an element's right border.
border-right-style - CSS: Cascading Style Sheets
the border-right-style css property sets the line style of an element's right border.
border-right-width - CSS: Cascading Style Sheets
the border-right-width css property sets the width of the right border of an element.
border-right - CSS: Cascading Style Sheets
the border-right shorthand css property sets the properties of an element's right border.
border-spacing - CSS: Cascading Style Sheets
the border-spacing css property sets the distance between the borders of adjacent <table> cells.
border-style - CSS: Cascading Style Sheets
the border-style shorthand css property sets the line style for all four sides of an element's border.
border-top-color - CSS: Cascading Style Sheets
the border-top-color css property sets the color of an element's top border.
border-top-left-radius - CSS: Cascading Style Sheets
the border-top-left-radius css property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
border-top-right-radius - CSS: Cascading Style Sheets
the border-top-right-radius css property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
border-top-style - CSS: Cascading Style Sheets
the border-top-style css property sets the line style of an element's top border.
border-top-width - CSS: Cascading Style Sheets
the border-top-width css property sets the width of the top border of an element.
border-top - CSS: Cascading Style Sheets
the border-top shorthand css property sets all the properties of an element's top border.
border-width - CSS: Cascading Style Sheets
the border-width shorthand css property sets the width of an element's border.
border - CSS: Cascading Style Sheets
Web › CSS › border
the border shorthand css property sets an element's border.
bottom - CSS: Cascading Style Sheets
Web › CSS › bottom
the bottom css property participates in setting the vertical position of a positioned element.
box-decoration-break - CSS: Cascading Style Sheets
the box-decoration-break css property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
box-ordinal-group - CSS: Cascading Style Sheets
rty to control the order in which the direct children of a box appear.
box-shadow - CSS: Cascading Style Sheets
the box-shadow css property adds shadow effects around an element's frame.
box-sizing - CSS: Cascading Style Sheets
the box-sizing css property sets how the total width and height of an element is calculated.
calc() - CSS: Cascading Style Sheets
Web › CSS › calc
the calc() css function lets you perform calculations when specifying css property values.
caption-side - CSS: Cascading Style Sheets
the caption-side css property puts the content of a table's <caption> on the specified side.
caret-color - CSS: Cascading Style Sheets
ertion caret, the visible marker where the next character typed will be inserted.
clamp() - CSS: Cascading Style Sheets
Web › CSS › clamp
.
clear - CSS: Cascading Style Sheets
Web › CSS › clear
the clear css property sets whether an element must be moved below (cleared) floating elements that precede it.
color - CSS: Cascading Style Sheets
Web › CSS › color
the color css property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.
column-count - CSS: Cascading Style Sheets
the column-count css property breaks an element's content into the specified number of columns.
column-fill - CSS: Cascading Style Sheets
the column-fill css property controls how an element's contents are balanced when broken into columns.
column-gap (grid-column-gap) - CSS: Cascading Style Sheets
the column-gap css property sets the size of the gap (gutter) between an element's columns.
column-rule-color - CSS: Cascading Style Sheets
the column-rule-color css property sets the color of the line drawn between columns in a multi-column layout.
column-rule-style - CSS: Cascading Style Sheets
the column-rule-style css property sets the style of the line drawn between columns in a multi-column layout.
column-rule-width - CSS: Cascading Style Sheets
the column-rule-width css property sets the width of the line drawn between columns in a multi-column layout.
column-rule - CSS: Cascading Style Sheets
the column-rule shorthand css property sets the width, style, and color of the line drawn between columns in a multi-column layout.
column-width - CSS: Cascading Style Sheets
the column-width css property sets the ideal column width in a multi-column layout.
columns - CSS: Cascading Style Sheets
Web › CSS › columns
the columns css shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
conic-gradient() - CSS: Cascading Style Sheets
the conic-gradient() css function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center).
counter-increment - CSS: Cascading Style Sheets
the counter-increment css property increases or decreases the value of a css counter by a given value.
counter-reset - CSS: Cascading Style Sheets
the counter-reset css property resets a css counter to a given value.
cursor - CSS: Cascading Style Sheets
Web › CSS › cursor
the cursor css property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
direction - CSS: Cascading Style Sheets
Web › CSS › direction
the direction css property sets the direction of text, table columns, and horizontal overflow.
empty-cells - CSS: Cascading Style Sheets
the empty-cells css property sets whether borders and backgrounds appear around <table> cells that have no visible content.
blur() - CSS: Cascading Style Sheets
the blur() css function applies a gaussian blur to the input image.
brightness() - CSS: Cascading Style Sheets
the brightness() css function applies a linear multiplier to the input image, making it appear brighter or darker.
contrast() - CSS: Cascading Style Sheets
the contrast() css function adjusts the contrast of the input image.
drop-shadow() - CSS: Cascading Style Sheets
the drop-shadow() css function applies a drop shadow effect to the input image.
grayscale() - CSS: Cascading Style Sheets
the grayscale() css function converts the input image to grayscale.
hue-rotate() - CSS: Cascading Style Sheets
the hue-rotate() css function rotates the hue of an element and its contents.
invert() - CSS: Cascading Style Sheets
the invert() css function inverts the color samples in the input image.
opacity() - CSS: Cascading Style Sheets
the opacity() css function applies transparency to the samples in the input image.
saturate() - CSS: Cascading Style Sheets
the saturate() css function super-saturates or desaturates the input image.
sepia() - CSS: Cascading Style Sheets
the sepia() css function converts the input image to sepia, giving it a warmer, more yellow/brown appearance.
fit-content() - CSS: Cascading Style Sheets
the fit-content() css function clamps a given size to an available size according to the formula min(maximum size, max(minimum size, argument)).
flex-basis - CSS: Cascading Style Sheets
the flex-basis css property sets the initial main size of a flex item.
flex-flow - CSS: Cascading Style Sheets
Web › CSS › flex-flow
the flex-flow css shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
flex-grow - CSS: Cascading Style Sheets
Web › CSS › flex-grow
the flex-grow css property sets the flex grow factor of a flex item main size.
flex-shrink - CSS: Cascading Style Sheets
the flex-shrink css property sets the flex shrink factor of a flex item.
flex-wrap - CSS: Cascading Style Sheets
Web › CSS › flex-wrap
the flex-wrap css property sets whether flex items are forced onto one line or can wrap onto multiple lines.
flex - CSS: Cascading Style Sheets
Web › CSS › flex
the flex css shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
float - CSS: Cascading Style Sheets
Web › CSS › float
the float css property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.
font-family - CSS: Cascading Style Sheets
the font-family css property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
font-feature-settings - CSS: Cascading Style Sheets
the font-feature-settings css property controls advanced typographic features in opentype fonts.
font-kerning - CSS: Cascading Style Sheets
the font-kerning css property sets the use of the kerning information stored in a font.
font-optical-sizing - CSS: Cascading Style Sheets
the font-optical-sizing css property sets whether text rendering is optimized for viewing at different sizes.
font-size - CSS: Cascading Style Sheets
Web › CSS › font-size
the font-size css property sets the size of the font.
font-style - CSS: Cascading Style Sheets
the font-style css property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.
font-synthesis - CSS: Cascading Style Sheets
the font-synthesis css property controls which missing typefaces, bold or italic, may be synthesized by the browser.
font-variant-caps - CSS: Cascading Style Sheets
the font-variant-caps css property controls the use of alternate glyphs for capital letters.
font-variant-ligatures - CSS: Cascading Style Sheets
the font-variant-ligatures css property controls which ligatures and contextual forms are used in textual content of the elements it applies to.
font-variant - CSS: Cascading Style Sheets
the font-variant css shorthand property allows you to set all the font variants for a font.
font-variation-settings - CSS: Cascading Style Sheets
the font-variation-settings css property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.
font-weight - CSS: Cascading Style Sheets
the font-weight css property sets the weight (or boldness) of the font.
font - CSS: Cascading Style Sheets
Web › CSS › font
the font css shorthand property sets all the different properties of an element's font.
gap (grid-gap) - CSS: Cascading Style Sheets
Web › CSS › gap
the gap css property sets the gaps (gutters) between rows and columns.
<gradient> - CSS: Cascading Style Sheets
Web › CSS › gradient
the <gradient> css data type is a special type of <image> that consists of a progressive transition between two or more colors.
grid-area - CSS: Cascading Style Sheets
Web › CSS › grid-area
the grid-area css shorthand property specifies a grid item’s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
grid-auto-columns - CSS: Cascading Style Sheets
the grid-auto-columns css property specifies the size of an implicitly-created grid column track or pattern of tracks.
grid-auto-flow - CSS: Cascading Style Sheets
the grid-auto-flow css property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
grid-auto-rows - CSS: Cascading Style Sheets
the grid-auto-rows css property specifies the size of an implicitly-created grid row track or pattern of tracks.
grid-column-end - CSS: Cascading Style Sheets
the grid-column-end css property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
grid-column-start - CSS: Cascading Style Sheets
the grid-column-start css property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement.
grid-row-end - CSS: Cascading Style Sheets
the grid-row-end css property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
grid-row-start - CSS: Cascading Style Sheets
the grid-row-start css property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
grid-template-areas - CSS: Cascading Style Sheets
the grid-template-areas css property specifies named grid areas, establishing the cells in the grid and assigning them names.
grid-template-columns - CSS: Cascading Style Sheets
the grid-template-columns css property defines the line names and track sizing functions of the grid columns.
grid-template-rows - CSS: Cascading Style Sheets
the grid-template-rows css property defines the line names and track sizing functions of the grid rows.
grid-template - CSS: Cascading Style Sheets
the grid-template css property is a shorthand property for defining grid columns, rows, and areas.
grid - CSS: Cascading Style Sheets
Web › CSS › grid
the grid css property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.
height - CSS: Cascading Style Sheets
Web › CSS › height
the height css property specifies the height of an element.
hyphens - CSS: Cascading Style Sheets
Web › CSS › hyphens
the hyphens css property specifies how words should be hyphenated when text wraps across multiple lines.
image-rendering - CSS: Cascading Style Sheets
3.0), gecko uses bilinear resampling (high quality).
inline-size - CSS: Cascading Style Sheets
the inline-size css property defines the horizontal or vertical size of an element's block, depending on its writing mode.
isolation - CSS: Cascading Style Sheets
Web › CSS › isolation
the isolation css property determines whether an element must create a new stacking context.
justify-content - CSS: Cascading Style Sheets
the css justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
justify-items - CSS: Cascading Style Sheets
the css justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
justify-self - CSS: Cascading Style Sheets
the css justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
left - CSS: Cascading Style Sheets
Web › CSS › left
the left css property participates in specifying the horizontal position of a positioned element.
letter-spacing - CSS: Cascading Style Sheets
the letter-spacing css property sets the horizontal spacing behavior between text characters.
line-height - CSS: Cascading Style Sheets
the line-height css property sets the height of a line box.
linear-gradient() - CSS: Cascading Style Sheets
the linear-gradient() css function creates an image consisting of a progressive transition between two or more colors along a straight line.
list-style-image - CSS: Cascading Style Sheets
the list-style-image css property sets an image to be used as the list item marker.
list-style-position - CSS: Cascading Style Sheets
the list-style-position css property sets the position of the ::marker relative to a list item.
list-style-type - CSS: Cascading Style Sheets
the list-style-type css property sets the marker (such as a disc, character, or custom counter style) of a list item element.
list-style - CSS: Cascading Style Sheets
the list-style css shorthand property allows you set all the list style properties at once.
margin-block-end - CSS: Cascading Style Sheets
the margin-block-end css property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
margin-block-start - CSS: Cascading Style Sheets
the margin-block-start css property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
margin-bottom - CSS: Cascading Style Sheets
the margin-bottom css property sets the margin area on the bottom of an element.
margin-inline-end - CSS: Cascading Style Sheets
the margin-inline-end css property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
margin-inline-start - CSS: Cascading Style Sheets
the margin-inline-start css property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
margin-left - CSS: Cascading Style Sheets
the margin-left css property sets the margin area on the left side of an element.
margin-right - CSS: Cascading Style Sheets
the margin-right css property sets the margin area on the right side of an element.
margin-top - CSS: Cascading Style Sheets
the margin-top css property sets the margin area on the top of an element.
margin - CSS: Cascading Style Sheets
Web › CSS › margin
the margin css property sets the margin area on all four sides of an element.
max-block-size - CSS: Cascading Style Sheets
y time you would normally use max-height or max-width, you should instead use max-block-size to set the maximum "height" of the content (even though this may not be a vertical value) and max-inline-size to set the maximum "width" of the content (although this may instead be vertical rather than horizontal).
max-height - CSS: Cascading Style Sheets
the max-height css property sets the maximum height of an element.
max-inline-size - CSS: Cascading Style Sheets
ending on its writing mode.
max-width - CSS: Cascading Style Sheets
Web › CSS › max-width
the max-width css property sets the maximum width of an element.
max() - CSS: Cascading Style Sheets
Web › CSS › max
the max() css function lets you set the largest (most positive) value from a list of comma-separated expressions as the value of a css property value.
min-block-size - CSS: Cascading Style Sheets
the min-block-size css property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode.
min-height - CSS: Cascading Style Sheets
the min-height css property sets the minimum height of an element.
min-inline-size - CSS: Cascading Style Sheets
the min-inline-size css property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode.
min-width - CSS: Cascading Style Sheets
Web › CSS › min-width
the min-width css property sets the minimum width of an element.
min() - CSS: Cascading Style Sheets
Web › CSS › min
the min() css function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a css property value.
minmax() - CSS: Cascading Style Sheets
Web › CSS › minmax
the minmax() css function defines a size range greater than or equal to min and less than or equal to max.
mix-blend-mode - CSS: Cascading Style Sheets
the mix-blend-mode css property sets how an element's content should blend with the content of the element's parent and the element's background.
object-fit - CSS: Cascading Style Sheets
the object-fit css property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.
object-position - CSS: Cascading Style Sheets
position css property specifies the alignment of the selected replaced element's contents within the element's box.
opacity - CSS: Cascading Style Sheets
Web › CSS › opacity
the opacity css property sets the opacity of an element.
outline-color - CSS: Cascading Style Sheets
the outline-color css property sets the color of an element's outline.
outline-offset - CSS: Cascading Style Sheets
the outline-offset css property sets the amount of space between an outline and the edge or border of an element.
outline-style - CSS: Cascading Style Sheets
the outline-style css property sets the style of an element's outline.
outline-width - CSS: Cascading Style Sheets
the css outline-width property sets the thickness of an element's outline.
outline - CSS: Cascading Style Sheets
Web › CSS › outline
the outline css shorthand property set all the outline properties in a single declaration.
overflow-wrap - CSS: Cascading Style Sheets
the overflow-wrap css property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
overflow-x - CSS: Cascading Style Sheets
the overflow-x css property sets what shows when content overflows a block-level element's left and right edges.
overflow-y - CSS: Cascading Style Sheets
the overflow-y css property sets what shows when content overflows a block-level element's top and bottom edges.
overflow - CSS: Cascading Style Sheets
Web › CSS › overflow
the overflow css shorthand property sets the desired behavior for an element's overflow — i.e.
overscroll-behavior-x - CSS: Cascading Style Sheets
g areas, and default scroll overflow behavior is prevented.
overscroll-behavior - CSS: Cascading Style Sheets
g scrolling areas, and default scroll overflow behavior is prevented.
padding-block-end - CSS: Cascading Style Sheets
the padding-block-end css property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
padding-block-start - CSS: Cascading Style Sheets
the padding-block-start css property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
padding-bottom - CSS: Cascading Style Sheets
the padding-bottom css property sets the height of the padding area on the bottom of an element.
padding-inline-end - CSS: Cascading Style Sheets
the padding-inline-end css property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
padding-inline-start - CSS: Cascading Style Sheets
the padding-inline-start css property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
padding-left - CSS: Cascading Style Sheets
the padding-left css property sets the width of the padding area to the left of an element.
padding-right - CSS: Cascading Style Sheets
the padding-right css property sets the width of the padding area on the right of an element.
padding-top - CSS: Cascading Style Sheets
the padding-top css property sets the height of the padding area on the top of an element.
padding - CSS: Cascading Style Sheets
Web › CSS › padding
the padding css shorthand property sets the padding area on all four sides of an element at once.
perspective-origin - CSS: Cascading Style Sheets
the perspective-origin css property determines the position at which the viewer is looking.
perspective - CSS: Cascading Style Sheets
the perspective css property determines the distance between the z=0 plane and the user in order to give a 3d-positioned element some perspective.
place-content - CSS: Cascading Style Sheets
the place-content css shorthand property allows you to align content along both the block and inline directions at once (i.e.
place-items - CSS: Cascading Style Sheets
the css place-items shorthand property allows you to align items along both the block and inline directions at once (i.e.
place-self - CSS: Cascading Style Sheets
the place-self css shorthand property allows you to align an individual item in both the block and inline directions at once (i.e.
pointer-events - CSS: Cascading Style Sheets
the pointer-events css property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
position - CSS: Cascading Style Sheets
Web › CSS › position
the position css property sets how an element is positioned in a document.
quotes - CSS: Cascading Style Sheets
Web › CSS › quotes
the quotes css property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the css content property.
radial-gradient() - CSS: Cascading Style Sheets
the radial-gradient() css function creates an image consisting of a progressive transition between two or more colors that radiate from an origin.
repeating-conic-gradient() - CSS: Cascading Style Sheets
the repeating-conic-gradient() css function creates an image consisting of a repeating gradient (rather than a single gradient) with color transitions rotated around a center point (rather than radiating from the center).
repeating-linear-gradient() - CSS: Cascading Style Sheets
the repeating-linear-gradient() css function creates an image consisting of repeating linear gradients.
repeating-radial-gradient() - CSS: Cascading Style Sheets
function creates an image consisting of repeating gradients that radiate from an origin.
resize - CSS: Cascading Style Sheets
Web › CSS › resize
the resize css property sets whether an element is resizable, and if so, in which directions.
right - CSS: Cascading Style Sheets
Web › CSS › right
the right css property participates in specifying the horizontal position of a positioned element.
row-gap (grid-row-gap) - CSS: Cascading Style Sheets
Web › CSS › row-gap
the row-gap css property sets the size of the gap (gutter) between an element's grid rows.
scroll-behavior - CSS: Cascading Style Sheets
the scroll-behavior css property sets the behavior for a scrolling box when scrolling is triggered by the navigation or cssom scrolling apis.
scroll-margin-block-end - CSS: Cascading Style Sheets
the scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport.
scroll-margin-block-start - CSS: Cascading Style Sheets
the scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport.
scroll-margin-block - CSS: Cascading Style Sheets
the scroll-margin-block shorthand property sets the scroll margins of an element in the block dimension.
scroll-margin-bottom - CSS: Cascading Style Sheets
the scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport.
scroll-margin-inline-end - CSS: Cascading Style Sheets
the scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport.
scroll-margin-inline-start - CSS: Cascading Style Sheets
the scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport.
scroll-margin-left - CSS: Cascading Style Sheets
the scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport.
scroll-margin-right - CSS: Cascading Style Sheets
the scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport.
scroll-margin-top - CSS: Cascading Style Sheets
the scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport.
scroll-margin - CSS: Cascading Style Sheets
the scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element.
scroll-padding-block-end - CSS: Cascading Style Sheets
ge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-block-start - CSS: Cascading Style Sheets
ge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-block - CSS: Cascading Style Sheets
the scroll-padding-block shorthand property sets the scroll padding of an element in the block dimension.
scroll-padding-bottom - CSS: Cascading Style Sheets
es offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline-end - CSS: Cascading Style Sheets
e in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline-start - CSS: Cascading Style Sheets
e in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline - CSS: Cascading Style Sheets
the scroll-padding-inline shorthand property sets the scroll padding of an element in the inline dimension.
scroll-padding-left - CSS: Cascading Style Sheets
ines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-right - CSS: Cascading Style Sheets
nes offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-top - CSS: Cascading Style Sheets
fines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding - CSS: Cascading Style Sheets
the scroll-padding shorthand property sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element.
scroll-snap-type - CSS: Cascading Style Sheets
the scroll-snap-type css property sets how strictly snap points are enforced on the scroll container in case there is one.
shape-image-threshold - CSS: Cascading Style Sheets
the shape-image-threshold css property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside.
shape-margin - CSS: Cascading Style Sheets
the shape-margin css property sets a margin for a css shape created using shape-outside.
table-layout - CSS: Cascading Style Sheets
the table-layout css property sets the algorithm used to lay out <table> cells, rows, and columns.
text-align-last - CSS: Cascading Style Sheets
the text-align-last css property sets how the last line of a block or a line, right before a forced line break, is aligned.
text-align - CSS: Cascading Style Sheets
the text-align css property sets the horizontal alignment of a block element or table-cell box.
text-decoration-color - CSS: Cascading Style Sheets
the text-decoration-color css property sets the color of decorations added to text by text-decoration-line.
text-decoration-line - CSS: Cascading Style Sheets
the text-decoration-line css property sets the kind of decoration that is used on text in an element, such as an underline or overline.
text-decoration-skip-ink - CSS: Cascading Style Sheets
the text-decoration-skip-ink css property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
text-decoration-style - CSS: Cascading Style Sheets
the text-decoration-style css property sets the style of the lines specified by text-decoration-line.
text-decoration - CSS: Cascading Style Sheets
the text-decoration shorthand css property sets the appearance of decorative lines on text.
text-emphasis - CSS: Cascading Style Sheets
the text-emphasis css property applies emphasis marks to text (except spaces and control characters).
text-indent - CSS: Cascading Style Sheets
the text-indent css property sets the length of empty space (indentation) that is put before lines of text in a block.
text-orientation - CSS: Cascading Style Sheets
the text-orientation css property sets the orientation of the text characters in a line.
text-overflow - CSS: Cascading Style Sheets
the text-overflow css property sets how hidden overflow content is signaled to users.
text-shadow - CSS: Cascading Style Sheets
the text-shadow css property adds shadows to text.
text-transform - CSS: Cascading Style Sheets
the text-transform css property specifies how to capitalize an element's text.
text-underline-position - CSS: Cascading Style Sheets
the text-underline-position css property specifies the position of the underline which is set using the text-decoration property's underline value.
top - CSS: Cascading Style Sheets
Web › CSS › top
the top css property participates in specifying the vertical position of a positioned element.
perspective() - CSS: Cascading Style Sheets
the perspective() css function defines a transformation that sets the distance between the user and the z=0 plane, the perspective from which the viewer would be if the 2-dimensional interface were 3-dimensional.
rotate3d() - CSS: Cascading Style Sheets
the rotate3d() css function defines a transformation that rotates an element around a fixed axis in 3d space, without deforming it.
rotateX() - CSS: Cascading Style Sheets
the rotatex() css function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it.
rotateY() - CSS: Cascading Style Sheets
the rotatey() css function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it.
rotateZ() - CSS: Cascading Style Sheets
the rotatez() css function defines a transformation that rotates an element around the z-axis without deforming it.
scale3d() - CSS: Cascading Style Sheets
the scale3d() css function defines a transformation that resizes an element in 3d space.
scaleZ() - CSS: Cascading Style Sheets
the scalez() css function defines a transformation that resizes an element along the z-axis.
skew() - CSS: Cascading Style Sheets
the skew() css function defines a transformation that skews an element on the 2d plane.
skewX() - CSS: Cascading Style Sheets
the skewx() css function defines a transformation that skews an element in the horizontal direction on the 2d plane.
skewY() - CSS: Cascading Style Sheets
the skewy() css function defines a transformation that skews an element in the vertical direction on the 2d plane.
translate3d() - CSS: Cascading Style Sheets
the translate3d() css function repositions an element in 3d space.
translateZ() - CSS: Cascading Style Sheets
the translatez() css function repositions an element along the z-axis in 3d space, i.e., closer to or farther away from the viewer.
transform-origin - CSS: Cascading Style Sheets
the transform-origin css property sets the origin for an element's transformations.
transform-style - CSS: Cascading Style Sheets
the transform-style css property sets whether children of an element are positioned in the 3d space or are flattened in the plane of the element.
transform - CSS: Cascading Style Sheets
Web › CSS › transform
the transform css property lets you rotate, scale, skew, or translate an element.
transition-delay - CSS: Cascading Style Sheets
the transition-delay css property specifies the duration to wait before starting a property's transition effect when its value changes.
transition-duration - CSS: Cascading Style Sheets
the transition-duration css property sets the length of time a transition animation should take to complete.
transition-property - CSS: Cascading Style Sheets
the transition-property css property sets the css properties to which a transition effect should be applied.
transition-timing-function - CSS: Cascading Style Sheets
the transition-timing-function css property sets how intermediate values are calculated for css properties being affected by a transition effect.
transition - CSS: Cascading Style Sheets
the transition css property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
var() - CSS: Cascading Style Sheets
Web › CSS › var
the var() css function can be used to insert the value of a custom property (sometimes called a "css variable") instead of any part of a value of another property.
vertical-align - CSS: Cascading Style Sheets
the vertical-align css property sets vertical alignment of an inline, inline-block or table-cell box.
visibility - CSS: Cascading Style Sheets
the visibility css property shows or hides an element without changing the layout of a document.
width - CSS: Cascading Style Sheets
Web › CSS › width
the width css property sets an element's width.
word-break - CSS: Cascading Style Sheets
the word-break css property sets whether line breaks appear wherever the text would otherwise overflow its content box.
word-spacing - CSS: Cascading Style Sheets
the word-spacing css property sets the length of space between words and between tags.
writing-mode - CSS: Cascading Style Sheets
the writing-mode css property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.
z-index - CSS: Cascading Style Sheets
Web › CSS › z-index
the z-index css property sets the z-order of a positioned element and its descendants or flex items.
Community - Developer guides
Web › Guide › AJAX › Community
if you know of useful mailing lists, newsgroups, forums, or other communities related to ajax, please link to them here.
Guide to Web APIs - Developer guides
Web › Guide › API
i cssomcanvas apichannel messaging apiconsole apicredential management apiddomeencoding apiencrypted media extensionsffetch apifile system api frame timing apifullscreen apiggamepad api geolocation apihhtml drag and drop apihigh resolution timehistory apiiimage capture apiindexeddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork information api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb anim...
DOM onevent handlers - Developer guides
ead set event handlers on their parent window object.
Event developer guide - Developer guides
Web › Guide › Events
in structure or content might trigger some events, as explained in the mutation events page, but the use of these events has been deprecated in favour of the lighter mutation observer approach.
Content categories - Developer guides
ondition is fulfilled: <a>, if it contains only phrasing content <area>, if it is a descendant of a <map> element <del>, if it contains only phrasing content <ins>, if it contains only phrasing content <link>, if the itemprop attribute is present <map>, if it contains only phrasing content <meta>, if the itemprop attribute is present embedded content embedded content imports another resource or inserts content from another mark-up language or namespace into the document.
Using HTML sections and outlines - Developer guides
voice assistants.
A hybrid approach - Developer guides
gh to extend comfortably to tablets as well.
Parsing and serializing XML - Developer guides
in a string into a dom tree using a domparser: var smystring = '<a id="a"><b id="b">hey!</b></a>'; var oparser = new domparser(); var odom = oparser.parsefromstring(smystring, "application/xml"); // print the name of the root element or error message console.log(odom.documentelement.nodename == "parsererror" ?
Optimization and performance - Developer guides
rform well.
User input and controls - Developer guides
for the dragstart event and set the drag data within this listener note: you can find more information in the mdn drag & drop documentation.
HTML attribute: accept - HTML: Hypertext Markup Language
*,.pdf"> using file inputs a basic example <form method="post" enctype="multipart/form-data"> <div> <label for="file">choose file to upload</label> <input type="file" id="file" name="file" multiple> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } this produces the following output: note: you can find this example on github too — see the source code, and also see it running live.
The HTML autocomplete attribute - HTML: Hypertext Markup Language
ocomplete attribute is available on <input> elements that take a text or numeric value as input, <textarea> elements, <select> elements, and <form> elements.
<h1>–<h6>: The HTML Section Heading elements - HTML: Hypertext Markup Language
the html <h1>–<h6> elements represent six levels of section headings.
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
Web › HTML › Element › abbr
the html abbreviation element (<abbr>) represents an abbreviation or acronym; the optional title attribute can provide an expansion or description for the abbreviation.
<address>: The Contact Address element - HTML: Hypertext Markup Language
Web › HTML › Element › address
the html <address> element indicates that the enclosed html provides contact information for a person or people, or for an organization.
<article>: The Article Contents element - HTML: Hypertext Markup Language
Web › HTML › Element › article
the html <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
<aside>: The Aside element - HTML: Hypertext Markup Language
Web › HTML › Element › aside
the html <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
<b>: The Bring Attention To element - HTML: Hypertext Markup Language
Web › HTML › Element › b
r's attention to the element's contents, which are not otherwise granted special importance.
<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
Web › HTML › Element › bdi
the html bidirectional isolate element (<bdi>) tells the browser's bidirectional algorithm to treat the text it contains in isolation from its surrounding text.
<bdo>: The Bidirectional Text Override element - HTML: Hypertext Markup Language
Web › HTML › Element › bdo
the html bidirectional text override element (<bdo>) overrides the current directionality of text, so that the text within is rendered in a different direction.
<br>: The Line Break element - HTML: Hypertext Markup Language
Web › HTML › Element › br
the html <br> element produces a line break in text (carriage-return).
<button>: The Button element - HTML: Hypertext Markup Language
Web › HTML › Element › button
the html <button> element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality.
<canvas>: The Graphics Canvas element - HTML: Hypertext Markup Language
Web › HTML › Element › canvas
dering end up being distorted.
<caption>: The Table Caption element - HTML: Hypertext Markup Language
Web › HTML › Element › caption
the html <caption> element specifies the caption (or title) of a table.
<code>: The Inline Code element - HTML: Hypertext Markup Language
Web › HTML › Element › code
the html <code> element displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code.
<col> - HTML: Hypertext Markup Language
Web › HTML › Element › col
the html <col> element defines a column within a table and is used for defining common semantics on all common cells.
<colgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › colgroup
the html <colgroup> element defines a group of columns within a table.
<data> - HTML: Hypertext Markup Language
Web › HTML › Element › data
the html <data> element links a given piece of content with a machine-readable translation.
<datalist>: The HTML Data List element - HTML: Hypertext Markup Language
Web › HTML › Element › datalist
the html <datalist> element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.
<dd>: The Description Details element - HTML: Hypertext Markup Language
Web › HTML › Element › dd
the html <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
<details>: The Details disclosure element - HTML: Hypertext Markup Language
Web › HTML › Element › details
open" state.
<dfn>: The Definition element - HTML: Hypertext Markup Language
Web › HTML › Element › dfn
the html definition element (<dfn>) is used to indicate the term being defined within the context of a definition phrase or sentence.
<div>: The Content Division element - HTML: Hypertext Markup Language
Web › HTML › Element › div
the html content division element (<div>) is the generic container for flow content.
<dt>: The Description Term element - HTML: Hypertext Markup Language
Web › HTML › Element › dt
in a description or definition list, and as such must be used inside a <dl> element.
<em>: The Emphasis element - HTML: Hypertext Markup Language
Web › HTML › Element › em
the html <em> element marks text that has stress emphasis.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
Web › HTML › Element › fieldset
the html <fieldset> element is used to group several controls as well as labels (<label>) within a web form.
<figcaption>: The Figure Caption element - HTML: Hypertext Markup Language
the html <figcaption> or figure caption element represents a caption or legend describing the rest of the contents of its parent <figure> element.
<figure>: The Figure with Optional Caption element - HTML: Hypertext Markup Language
Web › HTML › Element › figure
the html <figure> (figure with optional caption) element represents self-contained content, potentially with an optional caption, which is specified using the (<figcaption>) element.
<footer> - HTML: Hypertext Markup Language
Web › HTML › Element › footer
the html <footer> element represents a footer for its nearest sectioning content or sectioning root element.
<form> - HTML: Hypertext Markup Language
Web › HTML › Element › form
the html <form> element represents a document section containing interactive controls for submitting information.
<header> - HTML: Hypertext Markup Language
Web › HTML › Element › header
the html <header> element represents introductory content, typically a group of introductory or navigational aids.
<hgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › hgroup
the html <hgroup> element represents a multi-level heading for a section of a document.
<hr>: The Thematic Break (Horizontal Rule) element - HTML: Hypertext Markup Language
Web › HTML › Element › hr
the html <hr> element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
<input> elements of type button are rendered as simple push buttons, which can be programmed to control custom functionality anywhere on a webpage as required when assigned an event handler function (typically for the click event).
<input type="checkbox"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › checkbox
type checkbox are rendered by default as boxes that are checked (ticked) when activated, like you might see in an official government paper form.
<input type="color"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › color
olor names, functional notations and a hexadecimal format with an alpha channel.
<input type="date"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › date
<input> elements of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface.
<input type="datetime-local"> - HTML: Hypertext Markup Language
<input> elements of type datetime-local create input controls that let the user easily enter both a date and a time, including the year, month, and day as well as the time in hours and minutes.
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
<input> elements of type email are used to let the user enter and edit an e-mail address, or, if the multiple attribute is specified, a list of e-mail addresses.
<input type="image"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › image
<input> elements of type image are used to create graphical submit buttons, i.e.
<input type="month"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › month
<input> elements of type month create input fields that let the user enter a month and year allowing a month and year to be easily entered.
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
<input> elements of type number are used to let the user enter a number.
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
<input> elements of type password provide a way for the user to securely enter a password.
<input type="radio"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › radio
<input> elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options.
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
numeric value which must be no less than a given value, and no more than another given value.
<input type="reset"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › reset
<input> elements of type "reset" are rendered as buttons, with a default click event handler that resets all of the inputs in the form to their initial values.
<input type="search"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › search
<input> elements of type search are text fields designed for the user to enter search queries into.
<input type="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
<input> elements of type tel are used to let the user enter and edit a telephone number.
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
<input> elements of type text create basic single-line text fields.
<input type="time"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › time
pe time create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
<input> elements of type url are used to let the user enter and edit a url.
<input type="week"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › week
<input> elements of type week create input fields allowing easy entry of a year plus the iso 8601 week number during that year (i.e., week 1 to 52 or 53).
<kbd>: The Keyboard Input element - HTML: Hypertext Markup Language
Web › HTML › Element › kbd
the html keyboard input element (<kbd>) represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device.
<label> - HTML: Hypertext Markup Language
Web › HTML › Element › label
the html <label> element represents a caption for an item in a user interface.
<legend> - HTML: Hypertext Markup Language
Web › HTML › Element › legend
the html <legend> element represents a caption for the content of its parent <fieldset>.
<li> - HTML: Hypertext Markup Language
Web › HTML › Element › li
the html <li> element is used to represent an item in a list.
<main> - HTML: Hypertext Markup Language
Web › HTML › Element › main
the html <main> element represents the dominant content of the <body> of a document.
<map> - HTML: Hypertext Markup Language
Web › HTML › Element › map
the html <map> element is used with <area> elements to define an image map (a clickable link area).
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
Web › HTML › Element › meter
the html <meter> element represents either a scalar value within a known range or a fractional value.
<nav>: The Navigation Section element - HTML: Hypertext Markup Language
Web › HTML › Element › nav
the html <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
<ol>: The Ordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ol
the html <ol> element represents an ordered list of items — typically rendered as a numbered list.
<optgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › optgroup
the html <optgroup> element creates a grouping of options within a <select> element.
<option>: The HTML Option element - HTML: Hypertext Markup Language
Web › HTML › Element › option
the html <option> element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element.
<p>: The Paragraph element - HTML: Hypertext Markup Language
Web › HTML › Element › p
nted in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but html paragraphs can be any structural grouping of related content, such as images or form fields.
<param>: The Object Parameter element - HTML: Hypertext Markup Language
Web › HTML › Element › param
alue specifies the value of the parameter.
<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › pre
the html <pre> element represents preformatted text which is to be presented exactly as written in the html file.
<progress>: The Progress Indicator element - HTML: Hypertext Markup Language
Web › HTML › Element › progress
the html <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
<rp>: The Ruby Fallback Parenthesis element - HTML: Hypertext Markup Language
Web › HTML › Element › rp
the html ruby fallback parenthesis (<rp>) element is used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby> element.
<rt>: The Ruby Text element - HTML: Hypertext Markup Language
Web › HTML › Element › rt
the html ruby text (<rt>) element specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for east asian typography.
<rtc>: The Ruby Text Container element - HTML: Hypertext Markup Language
Web › HTML › Element › rtc
the html ruby text container (<rtc>) element embraces semantic annotations of characters presented in a ruby of <rb> elements used inside of <ruby> element.
<ruby> - HTML: Hypertext Markup Language
Web › HTML › Element › ruby
the html <ruby> element represents a ruby annotation.
<s> - HTML: Hypertext Markup Language
Web › HTML › Element › s
the html <s> element renders text with a strikethrough, or a line through it.
<samp>: The Sample Output element - HTML: Hypertext Markup Language
Web › HTML › Element › samp
the html sample element (<samp>) is used to enclose inline text which represents sample (or quoted) output from a computer program.
<section>: The Generic Section element - HTML: Hypertext Markup Language
Web › HTML › Element › section
the html <section> element represents a standalone section — which doesn't have a more specific semantic element to represent it — contained within an html document.
<select>: The HTML Select element - HTML: Hypertext Markup Language
Web › HTML › Element › select
the html <select> element represents a control that provides a menu of options: the source for this interactive example is stored in a github repository.
<small>: the side comment element - HTML: Hypertext Markup Language
Web › HTML › Element › small
the html <small> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation.
<span> - HTML: Hypertext Markup Language
Web › HTML › Element › span
hrasing content, which does not inherently represent anything.
<sub>: The Subscript element - HTML: Hypertext Markup Language
Web › HTML › Element › sub
the html subscript element (<sub>) specifies inline text which should be displayed as subscript for solely typographical reasons.
<summary>: The Disclosure Summary element - HTML: Hypertext Markup Language
Web › HTML › Element › summary
the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box.
<sup>: The Superscript element - HTML: Hypertext Markup Language
Web › HTML › Element › sup
the html superscript element (<sup>) specifies inline text which is to be displayed as superscript for solely typographical reasons.
<table>: The Table element - HTML: Hypertext Markup Language
Web › HTML › Element › table
the html <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
<tbody>: The Table Body element - HTML: Hypertext Markup Language
Web › HTML › Element › tbody
the html table body element (<tbody>) encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of the table (<table>).
<td>: The Table Data Cell element - HTML: Hypertext Markup Language
Web › HTML › Element › td
the html <td> element defines a cell of a table that contains data.
<textarea> - HTML: Hypertext Markup Language
Web › HTML › Element › textarea
the html <textarea> element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
<tfoot>: The Table Foot element - HTML: Hypertext Markup Language
Web › HTML › Element › tfoot
the html <tfoot> element defines a set of rows summarizing the columns of the table.
<th> - HTML: Hypertext Markup Language
Web › HTML › Element › th
the html <th> element defines a cell as header of a group of table cells.
<thead>: The Table Head element - HTML: Hypertext Markup Language
Web › HTML › Element › thead
the html <thead> element defines a set of rows defining the head of the columns of the table.
<time> - HTML: Hypertext Markup Language
Web › HTML › Element › time
ent represents a specific period in time.
<tr>: The Table Row element - HTML: Hypertext Markup Language
Web › HTML › Element › tr
the html <tr> element defines a row of cells in a table.
<u>: The Unarticulated Annotation (Underline) element - HTML: Hypertext Markup Language
Web › HTML › Element › u
a way that indicates that it has a non-textual annotation.
<ul>: The Unordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ul
the html <ul> element represents an unordered list of items, typically rendered as a bulleted list.
<var>: The Variable element - HTML: Hypertext Markup Language
Web › HTML › Element › var
the html variable element (<var>) represents the name of a variable in a mathematical expression or a programming context.
<wbr> - HTML: Hypertext Markup Language
Web › HTML › Element › wbr
the html <wbr> element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.
accesskey - HTML: Hypertext Markup Language
the accesskey global attribute provides a hint for generating a keyboard shortcut for the current element.
class - HTML: Hypertext Markup Language
the class global attribute is a space-separated list of the case-sensitive classes of the element.
contenteditable - HTML: Hypertext Markup Language
the contenteditable global attribute is an enumerated attribute indicating if the element should be editable by the user.
data-* - HTML: Hypertext Markup Language
the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary information to be exchanged between the html and its dom representation by scripts.
dir - HTML: Hypertext Markup Language
the dir global attribute is an enumerated attribute that indicates the directionality of the element's text.
hidden - HTML: Hypertext Markup Language
the hidden global attribute is a boolean attribute indicating that the element is not yet, or is no longer, relevant.
id - HTML: Hypertext Markup Language
the id global attribute defines an identifier (id) which must be unique in the whole document.
lang - HTML: Hypertext Markup Language
of an element: the language that non-editable elements are written in, or the language that the editable elements should be written in by the user.
spellcheck - HTML: Hypertext Markup Language
the spellcheck global attribute is an enumerated attribute defines whether the element may be checked for spelling errors.
style - HTML: Hypertext Markup Language
the style global attribute contains css styling declarations to be applied to the element.
title - HTML: Hypertext Markup Language
the title global attribute contains text representing advisory information related to the element it belongs to.
Link types: dns-prefetch - HTML: Hypertext Markup Language
the dns-prefetch keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need resources from the target resource's origin, and therefore the browser can likely improve the user experience by preemptively performing dns resolution for that origin.
Link types: manifest - HTML: Hypertext Markup Language
the manifest keyword for the rel attribute of the <link> element indicates that the target resource is a web app manifest.
Link types: noopener - HTML: Hypertext Markup Language
the noopener keyword for the rel attribute of the <a>, <area>, and <form> elements instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it — by not setting the window.opener property on the opened window (it returns null).
Link types: noreferrer - HTML: Hypertext Markup Language
the noreferrer keyword for the rel attribute of the <a>, <area>, and <form> elements instructs the browser, when navigating to the target resource, to omit the referer header and otherwise leak no referrer information — and additionally to behave as if the noopener keyword were also specified.
Link types: preconnect - HTML: Hypertext Markup Language
the preconnect keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need resources from the target resource's origin, and therefore the browser can likely improve the user experience by preemptively initiating a connection to that origin.
Link types: prefetch - HTML: Hypertext Markup Language
the prefetch keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need the target resource for future navigations, and therefore the browser can likely improve the user experience by preemptively fetching and caching the resource.
Link types: preload - HTML: Hypertext Markup Language
the preload keyword for the rel attribute of the <link> element indicates the user is highly likely to require the target resource for the current navigation, and therefore the browser must preemptively fetch and cache the resource.
Link types: prerender - HTML: Hypertext Markup Language
the prerender keyword for the rel attribute of the <link> element is a hint to browsers that the user might need the target resource for the next navigation, and therefore the browser can likely improve the user experience by preemptively fetching and processing the resource — for example, by fetching its subresources or performing some rendering in the background offscreen.
HTML: Hypertext Markup Language
Web › HTML
ttings attributes some html elements that provide support for cors, such as <img> or <video>, have a crossorigin attribute (crossorigin property), which lets you configure the cors requests for the element's fetched data.
Reason: expected ‘true’ in CORS header ‘Access-Control-Allow-Credentials’ - HTTP
at the server permit the use of credentials, but the server's access-control-allow-credentials header's value isn't set to true to enable their use.
Reason: Credential is not supported if the CORS header ‘Access-Control-Allow-Origin’ is ‘*’ - HTTP
ng the wildcard ("*") as the value of access-control-allow-origin, which doesn't allow the use of credentials.
Accept-Charset - HTTP
the accept-charset request http header advertises which character encodings the client understands.
Accept-Patch - HTTP
the accept-patch response http header advertises which media-type the server is able to understand.
Access-Control-Allow-Headers - HTTP
y.
Access-Control-Allow-Methods - HTTP
the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
Access-Control-Expose-Headers - HTTP
them using the access-control-expose-headers header.
Alt-Svc - HTTP
Web › HTTP › Headers › Alt-Svc
the alt-svc http response header is used to advertise alternative services through which the same resource can be reached.
Content-Encoding - HTTP
the content-encoding entity header is used to compress the media-type.
Content-Language - HTTP
sed.
CSP: block-all-mixed-content - HTTP
the http content-security-policy (csp) block-all-mixed-content directive prevents loading any assets over http when the page uses https.
CSP: referrer - HTTP
/page.html will send the referrer https://example.com/.
CSP: require-sri-for - HTTP
the http content-security-policy require-sri-for directive instructs the client to require the use of subresource integrity for scripts or styles on the page.
Early-Data - HTTP
ata header is set by an intermediary to indicate that the request has been conveyed in tls early data, and also indicates that the intermediary understands the 425 (too early) status code.
Expires - HTTP
Web › HTTP › Headers › Expires
the expires header contains the date/time after which the response is considered stale.
If-Modified-Since - HTTP
the if-modified-since request http header makes the request conditional: the server will send back the requested resource, with a 200 status, only if it has been last modified after the given date.
Proxy-Authenticate - HTTP
the http proxy-authenticate response header defines the authentication method that should be used to gain access to a resource behind a proxy server.
Referer - HTTP
Web › HTTP › Headers › Referer
le.
Save-Data - HTTP
olean which, in requests, indicates the client's preference for reduced data usage.
Sec-Fetch-Site - HTTP
the sec-fetch-site fetch metadata header indicates the relationship between a request initiator's origin and the origin of the resource.
Tk - HTTP
Web › HTTP › Headers › Tk
ently de-identify within 48 hours any dnt:1 data received for which such consent has not been received.
Transfer-Encoding - HTTP
the transfer-encoding header specifies the form of encoding used to safely transfer the payload body to the user.
Vary - HTTP
Web › HTTP › Headers › Vary
the vary http response header determines how to match future request headers to decide whether a cached response can be used rather than requesting a fresh one from the origin server.
WWW-Authenticate - HTTP
the http www-authenticate response header defines the authentication method that should be used to gain access to a resource.
CONNECT - HTTP
Web › HTTP › Methods › CONNECT
the http connect method starts two-way communications with the requested resource.
DELETE - HTTP
Web › HTTP › Methods › DELETE
the http delete request method deletes the specified resource.
GET - HTTP
Web › HTTP › Methods › GET
the http get method requests a representation of the specified resource.
POST - HTTP
Web › HTTP › Methods › POST
iter ("boundary") separating each part.
TRACE - HTTP
Web › HTTP › Methods › TRACE
the http trace method performs a message loop-back test along the path to the target resource, providing a useful debugging mechanism.
Proxy Auto-Configuration (PAC) file - HTTP
ory and implementation proxy auto-config was introduced into netscape navigator 2.0 in the late 1990s, at the same time when javascript was introduced.
Proxy servers and tunneling - HTTP
in the request headers and the response headers.
103 Early Hints - HTTP
Web › HTTP › Status › 103
the http 103 early hints information response status code is primarily intended to be used with the link header to allow the user agent to start preloading resources while the server is still preparing a response.
303 See Other - HTTP
Web › HTTP › Status › 303
the hypertext transfer protocol (http) 303 see other redirect status response code indicates that the redirects don't link to the newly uploaded resources, but to another page (such as a confirmation page or an upload progress page).
401 Unauthorized - HTTP
Web › HTTP › Status › 401
the http 401 unauthorized client error status response code indicates that the request has not been applied because it lacks valid authentication credentials for the target resource.
403 Forbidden - HTTP
Web › HTTP › Status › 403
the http 403 forbidden client error status response code indicates that the server understood the request but refuses to authorize it.
406 Not Acceptable - HTTP
Web › HTTP › Status › 406
nding using this error code, which would be cryptic for the end user and difficult to fix, servers ignore the relevant header and serve an actual page to the user.
407 Proxy Authentication Required - HTTP
Web › HTTP › Status › 407
the http 407 proxy authentication required client error status response code indicates that the request has not been applied because it lacks valid authentication credentials for a proxy server that is between the browser and the server that can access the requested resource.
410 Gone - HTTP
Web › HTTP › Status › 410
the hypertext transfer protocol (http) 410 gone client error response code indicates that access to the target resource is no longer available at the origin server and that this condition is likely to be permanent.
416 Range Not Satisfiable - HTTP
Web › HTTP › Status › 416
not satisfiable error response code indicates that a server cannot serve the requested ranges.
501 Not Implemented - HTTP
Web › HTTP › Status › 501
implemented server error response code means that the server does not support the functionality required to fulfill the request.
506 Variant Also Negotiates - HTTP
Web › HTTP › Status › 506
the hypertext transfer protocol (http) 506 variant also negotiates response status code may be given in the context of transparent content negotiation (see rfc 2295).
Closures - JavaScript
d notice that the alert() statement within the displayname() function successfully displays the value of the name variable, which is declared in its parent function.
Grammar and types - JavaScript
separated by semicolons.
JavaScript modules - JavaScript
, position, and color.
Text formatting - JavaScript
rals allowing embedded expressions.
Using Promises - JavaScript
t) has as members a promise property indicating the promise that was rejected, and a reason property that provides the reason given for the promise to be rejected.
constructor - JavaScript
the constructor method is a special method of a class for creating and initializing an object of that class.
static - JavaScript
the static keyword defines a static method for a class.
Deprecated and obsolete features - JavaScript
rty description global whether or not to test the regular expression against all possible matches in a string, or only against the first.
SyntaxError: Malformed formal parameter - JavaScript
the javascript exception "malformed formal parameter" occurs when the argument list of a function() constructor call is invalid somehow.
Default parameters - JavaScript
default function parameters allow named parameters to be initialized with default values if no value or undefined is passed.
Method definitions - JavaScript
starting with ecmascript 2015, a shorter syntax for method definitions on objects initializers is introduced.
The arguments object - JavaScript
arguments is an array-like object accessible inside functions that contains the values of the arguments passed to that function.
getter - JavaScript
the get syntax binds an object property to a function that will be called when that property is looked up.
Rest parameters - JavaScript
the rest parameter syntax allows us to represent an indefinite number of arguments as an array.
setter - JavaScript
the set syntax binds an object property to a function to be called when there is an attempt to set that property.
Array.prototype.reduceRight() - JavaScript
the reduceright() method applies a function against an accumulator and each value of the array (from right-to-left) to reduce it to a single value.
Array.prototype.concat() - JavaScript
the concat() method is used to merge two or more arrays.
Array.prototype.copyWithin() - JavaScript
the copywithin() method shallow copies part of an array to another location in the same array and returns it without modifying its length.
Array.prototype.entries() - JavaScript
the entries() method returns a new array iterator object that contains the key/value pairs for each index in the array.
Array.prototype.every() - JavaScript
the every() method tests whether all elements in the array pass the test implemented by the provided function.
Array.prototype.fill() - JavaScript
the fill() method changes all elements in an array to a static value, from a start index (default 0) to an end index (default array.length).
Array.prototype.filter() - JavaScript
the filter() method creates a new array with all elements that pass the test implemented by the provided function.
Array.prototype.find() - JavaScript
the find() method returns the value of the first element in the provided array that satisfies the provided testing function.
Array.prototype.findIndex() - JavaScript
the findindex() method returns the index of the first element in the array that satisfies the provided testing function.
Array.prototype.flat() - JavaScript
the flat() method creates a new array with all sub-array elements concatenated into it recursively up to the specified depth.
Array.prototype.flatMap() - JavaScript
the flatmap() method first maps each element using a mapping function, then flattens the result into a new array.
Array.prototype.forEach() - JavaScript
the foreach() method executes a provided function once for each array element.
Array.from() - JavaScript
the array.from() static method creates a new, shallow-copied array instance from an array-like or iterable object.
Array.prototype.includes() - JavaScript
the includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.
Array.prototype.indexOf() - JavaScript
the indexof() method returns the first index at which a given element can be found in the array, or -1 if it is not present.
Array.prototype.join() - JavaScript
the join() method creates and returns a new string by concatenating all of the elements in an array (or an array-like object), separated by commas or a specified separator string.
Array.prototype.keys() - JavaScript
the keys() method returns a new array iterator object that contains the keys for each index in the array.
Array.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the last index at which a given element can be found in the array, or -1 if it is not present.
Array.prototype.length - JavaScript
the length property of an object which is an instance of type array sets or returns the number of elements in that array.
Array.prototype.pop() - JavaScript
the pop() method removes the last element from an array and returns that element.
Array.prototype.push() - JavaScript
the push() method adds one or more elements to the end of an array and returns the new length of the array.
Array.prototype.reverse() - JavaScript
the reverse() method reverses an array in place.
Array.prototype.shift() - JavaScript
the shift() method removes the first element from an array and returns that removed element.
Array.prototype.slice() - JavaScript
the slice() method returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array.
Array.prototype.some() - JavaScript
the some() method tests whether at least one element in the array passes the test implemented by the provided function.
Array.prototype.splice() - JavaScript
the splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place.
ArrayBuffer() constructor - JavaScript
the arraybuffer() constructor is used to create arraybuffer objects.
ArrayBuffer.prototype.byteLength - JavaScript
the bytelength accessor property represents the length of an arraybuffer in bytes.
ArrayBuffer.isView() - JavaScript
the arraybuffer.isview() method determines whether the passed value is one of the arraybuffer views, such as typed array objects or a dataview.
ArrayBuffer.prototype.slice() - JavaScript
the slice() method returns a new arraybuffer whose contents are a copy of this arraybuffer's bytes from begin, inclusive, up to end, exclusive.
Atomics.add() - JavaScript
the static atomics.add() method adds a given value at a given position in the array and returns the old value at that position.
Atomics.and() - JavaScript
the static atomics.and() method computes a bitwise and with a given value at a given position in the array, and returns the old value at that position.
Atomics.compareExchange() - JavaScript
the static atomics.compareexchange() method exchanges a given replacement value at a given position in the array, if a given expected value equals the old value.
Atomics.exchange() - JavaScript
the static atomics.exchange() method stores a given value at a given position in the array and returns the old value at that position.
Atomics.isLockFree() - JavaScript
the static atomics.islockfree() method is used to determine whether to use locks or atomic operations.
Atomics.load() - JavaScript
the static atomics.load() method returns a value at a given position in the array.
Atomics.or() - JavaScript
the static atomics.or() method computes a bitwise or with a given value at a given position in the array, and returns the old value at that position.
Atomics.store() - JavaScript
the static atomics.store() method stores a given value at the given position in the array and returns that value.
Atomics.sub() - JavaScript
the static atomics.sub() method substracts a given value at a given position in the array and returns the old value at that position.
Atomics.xor() - JavaScript
the static atomics.xor() method computes a bitwise xor with a given value at a given position in the array, and returns the old value at that position.
BigInt.asIntN() - JavaScript
the bigint.asintn static method is used to wrap a bigint value to a signed integer between -2width-1 and 2width-1-1.
BigInt.asUintN() - JavaScript
the bigint.asuintn static method is used to wrap a bigint value to an unsigned integer between 0 and 2width-1.
BigInt.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string with a language-sensitive representation of this bigint.
BigInt.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified bigint object.
BigInt.prototype.valueOf() - JavaScript
the valueof() method returns the wrapped primitive value of a bigint object.
Boolean() constructor - JavaScript
the boolean() constructor is used to create boolean objects.
Boolean.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified boolean object.
Boolean.prototype.valueOf() - JavaScript
the valueof() method returns the primitive value of a boolean object.
DataView() constructor - JavaScript
the dataview() constructor is used to create dataview objects.
DataView.prototype.buffer - JavaScript
the buffer accessor property represents the arraybuffer or sharedarraybuffer referenced by the dataview at construction time.
DataView.prototype.byteLength - JavaScript
the bytelength accessor property represents the length (in bytes) of this view from the start of its arraybuffer or sharedarraybuffer.
DataView.prototype.byteOffset - JavaScript
the byteoffset accessor property represents the offset (in bytes) of this view from the start of its arraybuffer or sharedarraybuffer.
DataView.prototype.getBigInt64() - JavaScript
the getbigint64() method gets a signed 64-bit integer (long long) at the specified byte offset from the start of the dataview.
DataView.prototype.getBigUint64() - JavaScript
the getbiguint64() method gets an unsigned 64-bit integer (unsigned long long) at the specified byte offset from the start of the dataview.
DataView.prototype.getFloat32() - JavaScript
the getfloat32() method gets a signed 32-bit float (float) at the specified byte offset from the start of the dataview.
DataView.prototype.getFloat64() - JavaScript
the getfloat64() method gets a signed 64-bit float (double) at the specified byte offset from the start of the dataview.
DataView.prototype.getInt16() - JavaScript
the getint16() method gets a signed 16-bit integer (short) at the specified byte offset from the start of the dataview.
DataView.prototype.getInt32() - JavaScript
the getint32() method gets a signed 32-bit integer (long) at the specified byte offset from the start of the dataview.
DataView.prototype.getInt8() - JavaScript
the getint8() method gets a signed 8-bit integer (byte) at the specified byte offset from the start of the dataview.
DataView.prototype.getUint16() - JavaScript
the getuint16() method gets an unsigned 16-bit integer (unsigned short) at the specified byte offset from the start of the dataview.
DataView.prototype.getUint32() - JavaScript
the getuint32() method gets an unsigned 32-bit integer (unsigned long) at the specified byte offset from the start of the dataview.
DataView.prototype.getUint8() - JavaScript
the getuint8() method gets an unsigned 8-bit integer (unsigned byte) at the specified byte offset from the start of the dataview.
DataView.prototype.setBigInt64() - JavaScript
the setbigint64() method stores a signed 64-bit integer (long long) value at the specified byte offset from the start of the dataview.
DataView.prototype.setBigUint64() - JavaScript
the setbiguint64() method stores an unsigned 64-bit integer (unsigned long long) value at the specified byte offset from the start of the dataview.
DataView.prototype.setFloat32() - JavaScript
the setfloat32() method stores a signed 32-bit float (float) value at the specified byte offset from the start of the dataview.
DataView.prototype.setFloat64() - JavaScript
the setfloat64() method stores a signed 64-bit float (double) value at the specified byte offset from the start of the dataview.
DataView.prototype.setInt16() - JavaScript
the setint16() method stores a signed 16-bit integer (short) value at the specified byte offset from the start of the dataview.
DataView.prototype.setInt32() - JavaScript
the setint32() method stores a signed 32-bit integer (long) value at the specified byte offset from the start of the dataview.
DataView.prototype.setInt8() - JavaScript
the setint8() method stores a signed 8-bit integer (byte) value at the specified byte offset from the start of the dataview.
DataView.prototype.setUint16() - JavaScript
the setuint16() method stores an unsigned 16-bit integer (unsigned short) value at the specified byte offset from the start of the dataview.
DataView.prototype.setUint32() - JavaScript
the setuint32() method stores an unsigned 32-bit integer (unsigned long) value at the specified byte offset from the start of the dataview.
DataView.prototype.setUint8() - JavaScript
the setuint8() method stores an unsigned 8-bit integer (byte) value at the specified byte offset from the start of the dataview.
Date() constructor - JavaScript
creates a javascript date instance that represents a single moment in time in a platform-independent format.
Date.UTC() - JavaScript
the date.utc() method accepts parameters similar to the date constructor, but treats them as utc.
Date.prototype.getDate() - JavaScript
the getdate() method returns the day of the month for the specified date according to local time.
Date.prototype.getDay() - JavaScript
the getday() method returns the day of the week for the specified date according to local time, where 0 represents sunday.
Date.prototype.getFullYear() - JavaScript
the getfullyear() method returns the year of the specified date according to local time.
Date.prototype.getHours() - JavaScript
the gethours() method returns the hour for the specified date, according to local time.
Date.prototype.getMilliseconds() - JavaScript
the getmilliseconds() method returns the milliseconds in the specified date according to local time.
Date.prototype.getMonth() - JavaScript
the getmonth() method returns the month in the specified date according to local time, as a zero-based value (where zero indicates the first month of the year).
Date.prototype.getSeconds() - JavaScript
the getseconds() method returns the seconds in the specified date according to local time.
Date.prototype.getTime() - JavaScript
uses milliseconds as the unit of measurement, whereas unix time is in seconds.
Date.prototype.getTimezoneOffset() - JavaScript
the gettimezoneoffset() method returns the time zone difference, in minutes, from current locale (host system settings) to utc.
Date.prototype.getUTCDay() - JavaScript
the getutcday() method returns the day of the week in the specified date according to universal time, where 0 represents sunday.
Date.prototype.getUTCFullYear() - JavaScript
the getutcfullyear() method returns the year in the specified date according to universal time.
Date.prototype.getUTCHours() - JavaScript
the getutchours() method returns the hours in the specified date according to universal time.
Date.prototype.getUTCMonth() - JavaScript
the getutcmonth() returns the month of the specified date according to universal time, as a zero-based value (where zero indicates the first month of the year).
Date.parse() - JavaScript
is unrecognized or, in some cases, contains illegal date values (e.g.
Date.prototype.setDate() - JavaScript
the setdate() method sets the day of the date object relative to the beginning of the currently set month.
Date.prototype.setFullYear() - JavaScript
the setfullyear() method sets the full year for a specified date according to local time.
Date.prototype.setHours() - JavaScript
the sethours() method sets the hours for a specified date according to local time, and returns the number of milliseconds since january 1, 1970 00:00:00 utc until the time represented by the updated date instance.
Date.prototype.setMilliseconds() - JavaScript
the setmilliseconds() method sets the milliseconds for a specified date according to local time.
Date.prototype.setMinutes() - JavaScript
the setminutes() method sets the minutes for a specified date according to local time.
Date.prototype.setSeconds() - JavaScript
the setseconds() method sets the seconds for a specified date according to local time.
Date.prototype.setTime() - JavaScript
the settime() method sets the date object to the time represented by a number of milliseconds since january 1, 1970, 00:00:00 utc.
Date.prototype.setUTCDate() - JavaScript
the setutcdate() method sets the day of the month for a specified date according to universal time.
Date.prototype.setUTCFullYear() - JavaScript
the setutcfullyear() method sets the full year for a specified date according to universal time.
Date.prototype.setUTCHours() - JavaScript
the setutchours() method sets the hour for a specified date according to universal time, and returns the number of milliseconds since january 1, 1970 00:00:00 utc until the time represented by the updated date instance.
Date.prototype.setUTCMilliseconds() - JavaScript
the setutcmilliseconds() method sets the milliseconds for a specified date according to universal time.
Date.prototype.setUTCMinutes() - JavaScript
the setutcminutes() method sets the minutes for a specified date according to universal time.
Date.prototype.setUTCMonth() - JavaScript
the setutcmonth() method sets the month for a specified date according to universal time.
Date.prototype.setUTCSeconds() - JavaScript
the setutcseconds() method sets the seconds for a specified date according to universal time.
Date.prototype.toDateString() - JavaScript
the todatestring() method returns the date portion of a date object in english in the following format separated by spaces: first three letters of the week day name first three letters of the month name two digit day of the month, padded on the left a zero if necessary four digit year (at least), padded on the left with zeros if necessary e.g.
Date.prototype.toISOString() - JavaScript
the toisostring() method returns a string in simplified extended iso format (iso 8601), which is always 24 or 27 characters long (yyyy-mm-ddthh:mm:ss.sssz or ±yyyyyy-mm-ddthh:mm:ss.sssz, respectively).
Date.prototype.toJSON() - JavaScript
the tojson() method returns a string representation of the date object.
Date.prototype.toLocaleDateString() - JavaScript
itive representation of the date portion of this date.
Date.prototype.toLocaleString() - JavaScript
string with a language sensitive representation of this date.
Date.prototype.toLocaleTimeString() - JavaScript
uage sensitive representation of the time portion of this date.
Date.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified date object.
Date.prototype.toTimeString() - JavaScript
the totimestring() method returns the time portion of a date object in human readable form in american english.
Date.prototype.toUTCString() - JavaScript
the toutcstring() method converts a date to a string, using the utc time zone.
FinalizationRegistry - JavaScript
hat the authors of the weakref proposal that finalizationregistry is part of included in its explainer document: garbage collectors are complicated.
Function() constructor - JavaScript
the function constructor creates a new function object.
Function.prototype.apply() - JavaScript
the apply() method calls a function with a given this value, and arguments provided as an array (or an array-like object).
Function.prototype.bind() - JavaScript
the bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.
Function.prototype.call() - JavaScript
the call() method calls a function with a given this value and arguments provided individually.
Function.length - JavaScript
the length property indicates the number of parameters expected by the function.
Function - JavaScript
which, when called, has its this set to the provided thisarg.
Infinity - JavaScript
the global property infinity is a numeric value representing infinity.
Intl.Collator() constructor - JavaScript
the intl.collator object is a constructor for collators, objects that enable language sensitive string comparison.
Intl.Collator.prototype.compare() - JavaScript
the intl.collator.prototype.compare() method compares two strings according to the sort order of this collator object.
Intl.Collator.prototype.resolvedOptions() - JavaScript
the intl.collator.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and collation options computed during initialization of this collator object.
Intl.Collator.supportedLocalesOf() - JavaScript
the intl.collator.supportedlocalesof() method returns an array containing those of the provided locales that are supported in collation without having to fall back to the runtime's default locale.
Intl.Collator - JavaScript
the intl.collator objects enable language sensitive string comparison.
Intl.DateTimeFormat() constructor - JavaScript
the intl.datetimeformat() constructor for objects that enable language-sensitive date and time formatting.
Intl.DateTimeFormat.prototype.format() - JavaScript
the intl.datetimeformat.prototype.format() method formats a date according to the locale and formatting options of this intl.datetimeformat object.
Intl.DateTimeFormat.prototype.formatRange() - JavaScript
the intl.datetimeformat.prototype.formatrange() formats a date range in the most concise way based on the locale and options provided when instantiating intl.datetimeformat object.
Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.datetimeformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and date and time formatting options computed during initialization of this datetimeformat object.
Intl.DateTimeFormat.supportedLocalesOf() - JavaScript
the intl.datetimeformat.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.DateTimeFormat - JavaScript
the intl.datetimeformat object is a constructor for objects that enable language-sensitive date and time formatting.
Intl.DisplayNames() constructor - JavaScript
the intl.displaynames() constructor creates objects that enables the consistent translation of language, region and script display names.
Intl.DisplayNames.prototype.of() - JavaScript
the of() method receives a code and returns a string based on the locale and options provided when instantiating intl.displaynames.
Intl.DisplayNames - JavaScript
the intl.displaynames object is a constructor for objects that enables the consistent translation of language, region and script display names.
Intl.ListFormat() constructor - JavaScript
the intl.listformat() constructor creates objects that enable language-sensitive list formatting.
Intl.ListFormat - JavaScript
the intl.listformat object is a constructor for objects that enable language-sensitive list formatting.
Intl.Locale.prototype.maximize() - JavaScript
the intl.locale.prototype.maximize() method gets the most likely values for the language, script, and region of the locale based on existing values.
Intl.Locale.prototype.minimize() - JavaScript
the intl.locale.prototype.minimize() method attempts to remove information about the locale that would be added by calling locale.maximize().
Intl.Locale.prototype.toString() - JavaScript
the intl.locale.prototype.tostring() returns the locale's full locale identifier string.
Intl.NumberFormat() constructor - JavaScript
the intl.numberformat() constructor creates objects that enable language sensitive number formatting.
Intl.NumberFormat.prototype.format() - JavaScript
the intl.numberformat.prototype.format() method formats a number according to the locale and formatting options of this numberformat object.
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
the intl.numberformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and number formatting options computed during initialization of this numberformat object.
Intl.NumberFormat.supportedLocalesOf() - JavaScript
the intl.numberformat.supportedlocalesof() method returns an array containing those of the provided locales that are supported in number formatting without having to fall back to the runtime's default locale.
Intl.NumberFormat - JavaScript
the intl.numberformat object is a constructor for objects that enable language sensitive number formatting.
Intl.RelativeTimeFormat.prototype.format() - JavaScript
the intl.relativetimeformat.prototype.format() method formats a value and unit according to the locale and formatting options of this relativetimeformat object.
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
the intl.relativetimeformat.prototype.formattoparts() method returns an array of objects representing the relative time format in parts that can be used for custom locale-aware formatting.
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.relativetimeformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and relative time formatting options computed during initialization of this relativetimeformat object.
Intl.RelativeTimeFormat.supportedLocalesOf() - JavaScript
the intl.relativetimeformat.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.RelativeTimeFormat - JavaScript
the intl.relativetimeformat object enables language-sensitive relative time formatting.
Intl.getCanonicalLocales() - JavaScript
the intl.getcanonicallocales() method returns an array containing the canonical locale names.
JSON.parse() - JavaScript
the json.parse() method parses a json string, constructing the javascript value or object described by the string.
JSON.stringify() - JavaScript
the json.stringify() method converts a javascript object or value to a json string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.
Map.prototype[@@iterator]() - JavaScript
the initial value of the @@iterator property is the same function object as the initial value of the entries method.
Map.prototype[@@toStringTag] - JavaScript
the map[@@tostringtag] property has an initial value of "map".
Map.prototype.clear() - JavaScript
the clear() method removes all elements from a map object.
Map.prototype.delete() - JavaScript
the delete() method removes the specified element from a map object by key.
Map.prototype.entries() - JavaScript
the entries() method returns a new iterator object that contains the [key, value] pairs for each element in the map object in insertion order.
Map.prototype.forEach() - JavaScript
the foreach() method executes a provided function once per each key/value pair in the map object, in insertion order.
Map.prototype.get() - JavaScript
the get() method returns a specified element from a map object.
Map.prototype.has() - JavaScript
the has() method returns a boolean indicating whether an element with the specified key exists or not.
Map.prototype.keys() - JavaScript
the keys() method returns a new iterator object that contains the keys for each element in the map object in insertion order.
Map.prototype.set() - JavaScript
the set() method adds or updates an element with a specified key and a value to a map object.
Map.prototype.size - JavaScript
the size accessor property returns the number of elements in a map object.
Map.prototype.values() - JavaScript
the values() method returns a new iterator object that contains the values for each element in the map object in insertion order.
Math.E - JavaScript
the math.e property represents the base of natural logarithms, e, approximately 2.718.
Math.LN10 - JavaScript
the math.ln10 property represents the natural logarithm of 10, approximately 2.302: math.ln10=ln(10)≈2.302\mathtt{\mi{math.ln10}} = \ln(10) \approx 2.302 the source for this interactive example is stored in a github repository.
Math.LN2 - JavaScript
the math.ln2 property represents the natural logarithm of 2, approximately 0.693: math.ln2=ln(2)≈0.693\mathtt{\mi{math.ln2}} = \ln(2) \approx 0.693 the source for this interactive example is stored in a github repository.
Math.LOG10E - JavaScript
the math.log10e property represents the base 10 logarithm of e, approximately 0.434: math.log10e=log10(e)≈0.434\mathtt{\mi{math.log10e}} = \log_10(e) \approx 0.434 the source for this interactive example is stored in a github repository.
Math.LOG2E - JavaScript
the math.log2e property represents the base 2 logarithm of e, approximately 1.442: math.log2e=log2(e)≈1.442\mathtt{\mi{math.log2e}} = \log_2(e) \approx 1.442 the source for this interactive example is stored in a github repository.
Math.PI - JavaScript
the math.pi property represents the ratio of the circumference of a circle to its diameter, approximately 3.14159: math.pi=π≈3.14159\mathtt{\mi{math.pi}} = \pi \approx 3.14159 the source for this interactive example is stored in a github repository.
Math.SQRT1_2 - JavaScript
the math.sqrt1_2 property represents the square root of 1/2 which is approximately 0.707: math.sqrt1_2=12=12≈0.707\mathtt{\mi{math.sqrt1_2}} = \sqrt{\frac{1}{2}} = \frac{1}{\sqrt{2}} \approx 0.707 the source for this interactive example is stored in a github repository.
Math.SQRT2 - JavaScript
the math.sqrt2 property represents the square root of 2, approximately 1.414: math.sqrt2=2≈1.414\mathtt{\mi{math.sqrt2}} = \sqrt{2} \approx 1.414 the source for this interactive example is stored in a github repository.
Math.abs() - JavaScript
the math.abs() function returns the absolute value of a number, that is math.abs(x)=|x|={xifx>00ifx=0-xifx<0{\mathtt{\operatorname{math.abs}(z)}} = {|z|} = \begin{cases} x & \text{if} \quad x \geq 0 \\ x & \text{if} \quad x < 0 \end{cases} the source for this interactive example is stored in a github repository.
Math.acos() - JavaScript
the math.acos() function returns the arccosine (in radians) of a number, that is ∀x∊[-1;1],math.acos(x)=arccos(x)= the unique y∊[0;π]such thatcos(y)=x\forall x \in [{-1};1],\;\mathtt{\operatorname{math.acos}(x)} = \arccos(x) = \text{ the unique } \; y \in [0; \pi] \, \text{such that} \; \cos(y) = x the source for this interactive example is stored in a github repository.
Math.acosh() - JavaScript
the math.acosh() function returns the hyperbolic arc-cosine of a number, that is ∀x≥1,math.acosh(x)=arcosh(x)= the unique y≥0such thatcosh(y)=x\forall x \geq 1, \mathtt{\operatorname{math.acosh}(x)} = \operatorname{arcosh}(x) = \text{ the unique } \; y \geq 0 \; \text{such that} \; \cosh(y) = x the source for this interactive example is stored in a github repository.
Math.asin() - JavaScript
the math.asin() function returns the arcsine (in radians) of a number, that is ∀x∊[-1;1],math.asin(x)=arcsin(x)= the unique y∊[-π2;π2]such thatsin(y)=x\forall x \in [{-1};1],\;\mathtt{\operatorname{math.asin}(x)} = \arcsin(x) = \text{ the unique } \; y \in \left[-\frac{\pi}{2}; \frac{\pi}{2}\right] \, \text{such that} \; \sin(y) = x the source for this interactive example is stored in a github repository.
Math.asinh() - JavaScript
the math.asinh() function returns the hyperbolic arcsine of a number, that is math.asinh(x)=arsinh(x)= the unique ysuch thatsinh(y)=x\mathtt{\operatorname{math.asinh}(x)} = \operatorname{arsinh}(x) = \text{ the unique } \; y \; \text{such that} \; \sinh(y) = x the source for this interactive example is stored in a github repository.
Math.atan() - JavaScript
the math.atan() function returns the arctangent (in radians) of a number, that is math.atan(x)=arctan(x)= the unique y∊[-π2;π2]such thattan(y)=x\mathtt{\operatorname{math.atan}(x)} = \arctan(x) = \text{ the unique } \; y \in \left[-\frac{\pi}{2}; \frac{\pi}{2}\right] \, \text{such that} \; \tan(y) = x the source for this interactive example is stored in a github repository.
Math.atan2() - JavaScript
the math.atan2() function returns the angle in the plane (in radians) between the positive x-axis and the ray from (0,0) to the point (x,y), for math.atan2(y,x).
Math.atanh() - JavaScript
the math.atanh() function returns the hyperbolic arctangent of a number, that is ∀x∊(-1,1),math.atanh(x)=arctanh(x)= the unique ysuch thattanh(y)=x\forall x \in \left( -1, 1 \right), \mathtt{\operatorname{math.atanh}(x)} = \operatorname{arctanh}(x) = \text{ the unique } \; y \; \text{such that} \; \tanh(y) = x the source for this interactive example is stored in a github repository.
Math.cbrt() - JavaScript
the math.cbrt() function returns the cube root of a number, that is math.cbrt(x)=x3=the uniqueysuch thaty3=x\mathtt{math.cbrt(x)} = \sqrt[3]{x} = \text{the unique} \; y \; \text{such that} \; y^3 = x the source for this interactive example is stored in a github repository.
Math.ceil() - JavaScript
the math.ceil() function always rounds a number up to the next largest integer.
Math.clz32() - JavaScript
the math.clz32() function returns the number of leading zero bits in the 32-bit binary representation of a number.
Math.cos() - JavaScript
the math.cos() static function returns the cosine of the specified angle, which must be specified in radians.
Math.cosh() - JavaScript
the math.cosh() function returns the hyperbolic cosine of a number, that can be expressed using the constant e: math.cosh(x)=ex+e-x2\mathtt{\operatorname{math.cosh(x)}} = \frac{e^x + e^{-x}}{2} the source for this interactive example is stored in a github repository.
Math.exp() - JavaScript
the math.exp() function returns ex, where x is the argument, and e is euler's number (also known as napier's constant), the base of the natural logarithms.
Math.expm1() - JavaScript
the math.expm1() function returns ex - 1, where x is the argument, and e the base of the natural logarithms.
Math.floor() - JavaScript
the math.floor() function returns the largest integer less than or equal to a given number.
Math.fround() - JavaScript
the math.fround() function returns the nearest 32-bit single precision float representation of a number.
Math.hypot() - JavaScript
the math.hypot() function returns the square root of the sum of squares of its arguments, that is: math.hypot(v1,v2,…,vn)=∑i=1nvi2=v12+v22+…+vn2\mathtt{\operatorname{math.hypot}(v_1, v_2, \dots, v_n)} = \sqrt{\sum_{i=1}^n v_i^2} = \sqrt{v_1^2 + v_2^2 + \dots + v_n^2} the source for this interactive example is stored in a github repository.
Math.imul() - JavaScript
the math.imul() function returns the result of the c-like 32-bit multiplication of the two parameters.
Math.log() - JavaScript
the math.log() function returns the natural logarithm (base e) of a number, that is ∀x>0,math.log(x)=ln(x)=the uniqueysuch thatey=x\forall x > 0, \mathtt{\operatorname{math.log}(x)} = \ln(x) = \text{the unique} \; y \; \text{such that} \; e^y = x the javascript math.log() function is equivalent to ln(x) in mathematics.
Math.log10() - JavaScript
the math.log10() function returns the base 10 logarithm of a number, that is ∀x>0,math.log10(x)=log10(x)=the uniqueysuch that10y=x\forall x > 0, \mathtt{\operatorname{math.log10}(x)} = \log_10(x) = \text{the unique} \; y \; \text{such that} \; 10^y = x the source for this interactive example is stored in a github repository.
Math.log1p() - JavaScript
the math.log1p() function returns the natural logarithm (base e) of 1 + a number, that is ∀x>-1,math.log1p(x)=ln(1+x)\forall x > -1, \mathtt{\operatorname{math.log1p}(x)} = \ln(1 + x) the source for this interactive example is stored in a github repository.
Math.log2() - JavaScript
the math.log2() function returns the base 2 logarithm of a number, that is ∀x>0,math.log2(x)=log2(x)=the uniqueysuch that2y=x\forall x > 0, \mathtt{\operatorname{math.log2}(x)} = \log_2(x) = \text{the unique} \; y \; \text{such that} \; 2^y = x the source for this interactive example is stored in a github repository.
Math.max() - JavaScript
the math.max() function returns the largest of the zero or more numbers given as input parameters.
Math.min() - JavaScript
the static function math.min() returns the lowest-valued number passed into it, or nan if any parameter isn't a number and can't be converted into one.
Math.pow() - JavaScript
the math.pow() function returns the base to the exponent power, that is, baseexponent.
Math.round() - JavaScript
the math.round() function returns the value of a number rounded to the nearest integer.
Math.sign() - JavaScript
the math.sign() function returns either a positive or negative +/- 1, indicating the sign of a number passed into the argument.
Math.sin() - JavaScript
the math.sin() function returns the sine of a number.
Math.sinh() - JavaScript
the math.sinh() function returns the hyperbolic sine of a number, that can be expressed using the constant e: math.sinh(x)=ex-e-x2\mathtt{\operatorname{math.sinh(x)}} = \frac{e^x - e^{-x}}{2} the source for this interactive example is stored in a github repository.
Math.sqrt() - JavaScript
the math.sqrt() function returns the square root of a number, that is ∀x≥0,math.sqrt(x)=x=the uniquey≥0such thaty2=x\forall x \geq 0, \mathtt{math.sqrt(x)} = \sqrt{x} = \text{the unique} \; y \geq 0 \; \text{such that} \; y^2 = x the source for this interactive example is stored in a github repository.
Math.tan() - JavaScript
the math.tan() function returns the tangent of a number.
Math.trunc() - JavaScript
the math.trunc() function returns the integer part of a number by removing any fractional digits.
NaN - JavaScript
the global nan property is a value representing not-a-number.
Number.EPSILON - JavaScript
the number.epsilon property represents the difference between 1 and the smallest floating point number greater than 1.
Number.MAX_SAFE_INTEGER - JavaScript
the number.max_safe_integer constant represents the maximum safe integer in javascript (253 - 1).
Number.MAX_VALUE - JavaScript
the number.max_value property represents the maximum numeric value representable in javascript.
Number.MIN_SAFE_INTEGER - JavaScript
the number.min_safe_integer constant represents the minimum safe integer in javascript (-(253 - 1)).
Number.MIN_VALUE - JavaScript
the number.min_value property represents the smallest positive numeric value representable in javascript.
Number.NEGATIVE_INFINITY - JavaScript
the number.negative_infinity property represents the negative infinity value.
Number.POSITIVE_INFINITY - JavaScript
the number.positive_infinity property represents the positive infinity value.
Number.isFinite() - JavaScript
the number.isfinite() method determines whether the passed value is a finite number.
Number.isInteger() - JavaScript
the number.isinteger() method determines whether the passed value is an integer.
Number.isNaN() - JavaScript
the number.isnan() method determines whether the passed value is nan and its type is number.
Number.isSafeInteger() - JavaScript
the number.issafeinteger() method determines whether the provided value is a number that is a safe integer.
Number.parseFloat() - JavaScript
the number.parsefloat() method parses an argument and returns a floating point number.
Number.parseInt() - JavaScript
the number.parseint() method parses a string argument and returns an integer of the specified radix or base.
Number.prototype.toExponential() - JavaScript
the toexponential() method returns a string representing the number object in exponential notation.
Number.prototype.toFixed() - JavaScript
the tofixed() method formats a number using fixed-point notation.
Number.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string with a language-sensitive representation of this number.
Number.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified number object.
Number.prototype.valueOf() - JavaScript
the valueof() method returns the wrapped primitive value of a number object.
Object.create() - JavaScript
the object.create() method creates a new object, using an existing object as the prototype of the newly created object.
Object.defineProperties() - JavaScript
the object.defineproperties() method defines new or modifies existing properties directly on an object, returning the object.
Object.defineProperty() - JavaScript
the static method object.defineproperty() defines a new property directly on an object, or modifies an existing property on an object, and returns the object.
Object.entries() - JavaScript
s that provided by a for...in loop.
Object.freeze() - JavaScript
g an object prevents new properties from being added to it, existing properties from being removed, prevents changing the enumerability, configurability, or writability of existing properties, and prevents the values of existing properties from being changed.
Object.fromEntries() - JavaScript
the object.fromentries() method transforms a list of key-value pairs into an object.
Object.getOwnPropertyDescriptor() - JavaScript
the object.getownpropertydescriptor() method returns an object describing the configuration of a specific property on a given object (that is, one directly present on an object and not in the object's prototype chain).
Object.getOwnPropertyDescriptors() - JavaScript
configurable true if and only if the type of this property descriptor may be changed and if the property may be deleted from the corresponding object.
Object.getOwnPropertySymbols() - JavaScript
the object.getownpropertysymbols() method returns an array of all symbol properties found directly upon a given object.
Object.getPrototypeOf() - JavaScript
the object.getprototypeof() method returns the prototype (i.e.
Object.prototype.hasOwnProperty() - JavaScript
the hasownproperty() method returns a boolean indicating whether the object has the specified property as its own property (as opposed to inheriting it).
Object.isExtensible() - JavaScript
the object.isextensible() method determines if an object is extensible (whether it can have new properties added to it).
Object.isFrozen() - JavaScript
the object.isfrozen() determines if an object is frozen.
Object.prototype.isPrototypeOf() - JavaScript
the isprototypeof() method checks if an object exists in another object's prototype chain.
Object.isSealed() - JavaScript
the object.issealed() method determines if an object is sealed.
Object.keys() - JavaScript
the object.keys() method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would.
Object.preventExtensions() - JavaScript
the object.preventextensions() method prevents new properties from ever being added to an object (i.e.
Object.prototype.propertyIsEnumerable() - JavaScript
the propertyisenumerable() method returns a boolean indicating whether the specified property is enumerable and is the object's own property.
Object.seal() - JavaScript
the object.seal() method seals an object, preventing new properties from being added to it and marking all existing properties as non-configurable.
Object.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string representing the object.
Object.prototype.toString() - JavaScript
the tostring() method returns a string representing the object.
Object.prototype.valueOf() - JavaScript
the valueof() method returns the primitive value of the specified object.
Object.values() - JavaScript
the object.values() method returns an array of a given object's own enumerable property values, in the same order as that provided by a for...in loop.
Object - JavaScript
literal syntax.
Promise() constructor - JavaScript
the promise constructor is primarily used to wrap functions that do not already support promises.
Promise.all() - JavaScript
s an input, and returns a single promise that resolves to an array of the results of the input promises.
Promise.prototype.catch() - JavaScript
he catch() method returns a promise and deals with rejected cases only.
Promise.race() - JavaScript
the promise.race() method returns a promise that fulfills or rejects as soon as one of the promises in an iterable fulfills or rejects, with the value or reason from that promise.
Promise.reject() - JavaScript
the promise.reject() method returns a promise object that is rejected with a given reason.
Promise.prototype.then() - JavaScript
the then() method returns a promise.
handler.apply() - JavaScript
the handler.apply() method is a trap for a function call.
handler.construct() - JavaScript
the handler.construct() method is a trap for the new operator.
handler.defineProperty() - JavaScript
the handler.defineproperty() method is a trap for object.defineproperty().
handler.deleteProperty() - JavaScript
the handler.deleteproperty() method is a trap for the delete operator.
handler.get() - JavaScript
the handler.get() method is a trap for getting a property value.
handler.getOwnPropertyDescriptor() - JavaScript
the handler.getownpropertydescriptor() method is a trap for object.getownpropertydescriptor().
handler.getPrototypeOf() - JavaScript
the handler.getprototypeof() method is a trap for the [[getprototypeof]] internal method.
handler.has() - JavaScript
the handler.has() method is a trap for the in operator.
handler.isExtensible() - JavaScript
the handler.isextensible() method is a trap for object.isextensible().
handler.ownKeys() - JavaScript
the handler.ownkeys() method is a trap for reflect.ownkeys().
handler.preventExtensions() - JavaScript
the handler.preventextensions() method is a trap for object.preventextensions().
handler.set() - JavaScript
the handler.set() method is a trap for setting a property value.
handler.setPrototypeOf() - JavaScript
the handler.setprototypeof() method is a trap for object.setprototypeof().
Reflect.apply() - JavaScript
the static reflect.apply() method calls a target function with arguments as specified.
Reflect.construct() - JavaScript
the static reflect.construct() method acts like the new operator, but as a function.
Reflect.defineProperty() - JavaScript
the static reflect.defineproperty() method is like object.defineproperty() but returns a boolean.
Reflect.deleteProperty() - JavaScript
the static reflect.deleteproperty() method allows to delete properties.
Reflect.get() - JavaScript
the static reflect.get() method works like getting a property from an object (target[propertykey]) as a function.
Reflect.getOwnPropertyDescriptor() - JavaScript
the static reflect.getownpropertydescriptor() method is similar to object.getownpropertydescriptor().
Reflect.getPrototypeOf() - JavaScript
the static reflect.getprototypeof() method is almost the same method as object.getprototypeof().
Reflect.has() - JavaScript
the static reflect.has() method works like the in operator as a function.
Reflect.isExtensible() - JavaScript
the static reflect.isextensible() method determines if an object is extensible (whether it can have new properties added to it).
Reflect.ownKeys() - JavaScript
the static reflect.ownkeys() method returns an array of the target object's own property keys.
Reflect.preventExtensions() - JavaScript
the static reflect.preventextensions() method prevents new properties from ever being added to an object (i.e., prevents future extensions to the object).
Reflect.set() - JavaScript
the static reflect.set() method works like setting a property on an object.
Reflect.setPrototypeOf() - JavaScript
the static reflect.setprototypeof() method is the same method as object.setprototypeof(), except for its return type.
RegExp.prototype[@@match]() - JavaScript
the [@@match]() method retrieves the matches when matching a string against a regular expression.
RegExp.prototype[@@matchAll]() - JavaScript
the [@@matchall] method returns all matches of the regular expression against a string.
RegExp.prototype[@@replace]() - JavaScript
the [@@replace]() method replaces some or all matches of a this pattern in a string by a replacement, and returns the result of the replacement as a new string.
RegExp.prototype[@@search]() - JavaScript
the [@@search]() method executes a search for a match between a this regular expression and a string.
get RegExp[@@species] - JavaScript
the regexp[@@species] accessor property returns the regexp constructor.
RegExp.prototype[@@split]() - JavaScript
the [@@split]() method splits a string object into an array of strings by separating the string into substrings.
RegExp.prototype.flags - JavaScript
the flags property returns a string consisting of the flags of the current regular expression object.
RegExp.prototype.global - JavaScript
the global property indicates whether or not the "g" flag is used with the regular expression.
RegExp.prototype.ignoreCase - JavaScript
the ignorecase property indicates whether or not the "i" flag is used with the regular expression.
RegExp.prototype.multiline - JavaScript
the multiline property indicates whether or not the "m" flag is used with the regular expression.
RegExp.prototype.sticky - JavaScript
the sticky property reflects whether or not the search is sticky (searches in strings only from the index indicated by the lastindex property of this regular expression).
RegExp.prototype.toString() - JavaScript
the tostring() method returns a string representing the regular expression.
RegExp.prototype.unicode - JavaScript
the unicode property indicates whether or not the "u" flag is used with a regular expression.
Set.prototype[@@iterator]() - JavaScript
the initial value of the @@iterator property is the same function object as the initial value of the values property.
Set() constructor - JavaScript
the set constructor lets you create set objects that store unique values of any type, whether primitive values or object references.
Set.prototype.add() - JavaScript
the add() method appends a new element with a specified value to the end of a set object.
Set.prototype.clear() - JavaScript
the clear() method removes all elements from a set object.
Set.prototype.delete() - JavaScript
the delete() method removes the specified element from a set object.
Set.prototype.entries() - JavaScript
the entries() method returns a new iterator object that contains an array of [value, value] for each element in the set object, in insertion order.
Set.prototype.forEach() - JavaScript
the foreach() method executes a provided function once for each value in the set object, in insertion order.
Set.prototype.has() - JavaScript
the has() method returns a boolean indicating whether an element with the specified value exists in a set object or not.
Set.prototype.size - JavaScript
the size accessor property returns the number of (unique) elements in a set object.
Set.prototype.values() - JavaScript
the values() method returns a new iterator object that contains the values for each element in the set object in insertion order.
SharedArrayBuffer() constructor - JavaScript
ed by default in all major browsers on 5 january, 2018 in response to spectre.
SharedArrayBuffer.prototype.byteLength - JavaScript
the bytelength accessor property represents the length of an sharedarraybuffer in bytes.
SharedArrayBuffer.prototype.slice() - JavaScript
the sharedarraybuffer.prototype.slice() method returns a new sharedarraybuffer whose contents are a copy of this sharedarraybuffer's bytes from begin, inclusive, up to end, exclusive.
String.prototype[@@iterator]() - JavaScript
the [@@iterator]() method returns a new iterator object that iterates over the code points of a string value, returning each code point as a string value.
String.prototype.charAt() - JavaScript
the string object's charat() method returns a new string consisting of the single utf-16 code unit located at the specified offset into the string.
String.prototype.charCodeAt() - JavaScript
the charcodeat() method returns an integer between 0 and 65535 representing the utf-16 code unit at the given index.
String.prototype.codePointAt() - JavaScript
the codepointat() method returns a non-negative integer that is the unicode code point value.
String.prototype.concat() - JavaScript
the concat() method concatenates the string arguments to the calling string and returns a new string.
String.prototype.endsWith() - JavaScript
the endswith() method determines whether a string ends with the characters of a specified string, returning true or false as appropriate.
String.fromCharCode() - JavaScript
the static string.fromcharcode() method returns a string created from the specified sequence of utf-16 code units.
String.fromCodePoint() - JavaScript
the static string.fromcodepoint() method returns a string created by using the specified sequence of code points.
String.prototype.includes() - JavaScript
the includes() method determines whether one string may be found within another string, returning true or false as appropriate.
String.prototype.indexOf() - JavaScript
the indexof() method returns the index within the calling string object of the first occurrence of the specified value, starting the search at fromindex.
String.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the index within the calling string object of the last occurrence of the specified value, searching backwards from fromindex.
String.prototype.localeCompare() - JavaScript
the localecompare() method returns a number indicating whether a reference string comes before, or after, or is the same as the given string in sort order.
String.prototype.match() - JavaScript
the match() method retrieves the result of matching a string against a regular expression.
String.prototype.matchAll() - JavaScript
the matchall() method returns an iterator of all results matching a string against a regular expression, including capturing groups.
String.prototype.normalize() - JavaScript
the normalize() method returns the unicode normalization form of the string.
String.prototype.padEnd() - JavaScript
the padend() method pads the current string with a given string (repeated, if needed) so that the resulting string reaches a given length.
String.prototype.padStart() - JavaScript
the padstart() method pads the current string with another string (multiple times, if needed) until the resulting string reaches the given length.
String.prototype.repeat() - JavaScript
the repeat() method constructs and returns a new string which contains the specified number of copies of the string on which it was called, concatenated together.
String.prototype.replace() - JavaScript
the replace() method returns a new string with some or all matches of a pattern replaced by a replacement.
String.prototype.replaceAll() - JavaScript
as of august 2020 the replaceall() method is supported by firefox but not by chrome.
String.prototype.search() - JavaScript
the search() method executes a search for a match between a regular expression and this string object.
String.prototype.slice() - JavaScript
the slice() method extracts a section of a string and returns it as a new string, without modifying the original string.
String.prototype.split() - JavaScript
the split() method divides a string into an ordered list of substrings, puts these substrings into an array, and returns the array.
String.prototype.startsWith() - JavaScript
the startswith() method determines whether a string begins with the characters of a specified string, returning true or false as appropriate.
String.prototype.substr() - JavaScript
the substr() method returns a portion of the string, starting at the specified index and extending for a given number of characters afterwards.
String.prototype.substring() - JavaScript
the substring() method returns the part of the string between the start and end indexes, or to the end of the string.
String.prototype.toLocaleLowerCase() - JavaScript
the tolocalelowercase() method returns the calling string value converted to lower case, according to any locale-specific case mappings.
String.prototype.toLocaleUpperCase() - JavaScript
the tolocaleuppercase() method returns the calling string value converted to upper case, according to any locale-specific case mappings.
String.prototype.toLowerCase() - JavaScript
the tolowercase() method returns the calling string value converted to lower case.
String.prototype.toUpperCase() - JavaScript
the touppercase() method returns the calling string value converted to uppercase (the value will be converted to a string if it isn't one).
String.prototype.trim() - JavaScript
the trim() method removes whitespace from both ends of a string.
String.prototype.trimEnd() - JavaScript
the trimend() method removes whitespace from the end of a string.
String.prototype.trimStart() - JavaScript
the trimstart() method removes whitespace from the beginning of a string.
Symbol() constructor - JavaScript
the symbol() constructor returns a value of type symbol, but is incomplete as a constructor because it does not support the syntax "new symbol()" and it is not intended to be subclassed.
Symbol.asyncIterator - JavaScript
the symbol.asynciterator well-known symbol specifies the default asynciterator for an object.
Symbol.prototype.description - JavaScript
the read-only description property is a string returning the optional description of symbol objects.
Symbol.for() - JavaScript
the symbol.for(key) method searches for existing symbols in a runtime-wide symbol registry with the given key and returns it if found.
Symbol.hasInstance - JavaScript
the symbol.hasinstance well-known symbol is used to determine if a constructor object recognizes an object as its instance.
Symbol.isConcatSpreadable - JavaScript
the symbol.isconcatspreadable well-known symbol is used to configure if an object should be flattened to its array elements when using the array.prototype.concat() method.
Symbol.iterator - JavaScript
the well-known symbol.iterator symbol specifies the default iterator for an object.
Symbol.keyFor() - JavaScript
the symbol.keyfor(sym) method retrieves a shared symbol key from the global symbol registry for the given symbol.
Symbol.match - JavaScript
the symbol.match well-known symbol specifies the matching of a regular expression against a string.
Symbol.matchAll - JavaScript
the symbol.matchall well-known symbol returns an iterator, that yields matches of the regular expression against a string.
Symbol.replace - JavaScript
the symbol.replace well-known symbol specifies the method that replaces matched substrings of a string.
Symbol.search - JavaScript
the symbol.search well-known symbol specifies the method that returns the index within a string that matches the regular expression.
Symbol.species - JavaScript
the well-known symbol symbol.species specifies a function-valued property that the constructor function uses to create derived objects.
Symbol.split - JavaScript
the symbol.split well-known symbol specifies the method that splits a string at the indices that match a regular expression.
Symbol.toPrimitive - JavaScript
the symbol.toprimitive is a symbol that specifies a function valued property that is called to convert an object to a corresponding primitive value.
Symbol.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified symbol object.
Symbol.toStringTag - JavaScript
the symbol.tostringtag well-known symbol is a string valued property that is used in the creation of the default string description of an object.
Symbol.unscopables - JavaScript
the symbol.unscopables well-known symbol is used to specify an object value of whose own and inherited property names are excluded from the with environment bindings of the associated object.
TypedArray.BYTES_PER_ELEMENT - JavaScript
the typedarray.bytes_per_element property represents the size in bytes of each element in an typed array.
TypedArray.prototype.buffer - JavaScript
the buffer accessor property represents the arraybuffer referenced by a typedarray at construction time.
TypedArray.prototype.byteLength - JavaScript
the bytelength accessor property represents the length (in bytes) of a typed array.
TypedArray.prototype.entries() - JavaScript
the entries() method returns a new array iterator object that contains the key/value pairs for each index in the array.
TypedArray.prototype.every() - JavaScript
the every() method tests whether all elements in the typed array pass the test implemented by the provided function.
TypedArray.prototype.fill() - JavaScript
the fill() method fills all the elements of a typed array from a start index to an end index with a static value.
TypedArray.prototype.filter() - JavaScript
the filter() method creates a new typed array with all elements that pass the test implemented by the provided function.
TypedArray.prototype.find() - JavaScript
the find() method returns a value in the typed array, if an element satisfies the provided testing function.
TypedArray.prototype.findIndex() - JavaScript
the findindex() method returns an index in the typed array, if an element in the typed array satisfies the provided testing function.
TypedArray.prototype.includes() - JavaScript
the includes() method determines whether a typed array includes a certain element, returning true or false as appropriate.
TypedArray.prototype.indexOf() - JavaScript
the indexof() method returns the first index at which a given element can be found in the typed array, or -1 if it is not present.
TypedArray.prototype.join() - JavaScript
the join() method joins all elements of an array into a string.
TypedArray.prototype.keys() - JavaScript
the keys() method returns a new array iterator object that contains the keys for each index in the array.
TypedArray.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the last index at which a given element can be found in the typed array, or -1 if it is not present.
TypedArray.prototype.length - JavaScript
the length accessor property represents the length (in elements) of a typed array.
TypedArray.prototype.map() - JavaScript
the map() method creates a new typed array with the results of calling a provided function on every element in this typed array.
TypedArray.name - JavaScript
the typedarray.name property represents a string value of the typed array constructor name.
TypedArray.of() - JavaScript
the typedarray.of() method creates a new typed array from a variable number of arguments.
TypedArray.prototype.reduce() - JavaScript
the reduce() method applies a function against an accumulator and each value of the typed array (from left-to-right) has to reduce it to a single value.
TypedArray.prototype.reverse() - JavaScript
the reverse() method reverses a typed array in place.
TypedArray.prototype.slice() - JavaScript
the slice() method returns a shallow copy of a portion of a typed array into a new typed array object.
TypedArray.prototype.some() - JavaScript
the some() method tests whether some element in the typed array passes the test implemented by the provided function.
TypedArray.prototype.sort() - JavaScript
the sort() method sorts the elements of a typed array numerically in place and returns the typed array.
TypedArray.prototype.subarray() - JavaScript
the subarray() method returns a new typedarray on the same arraybuffer store and with the same element types as for this typedarray object.
TypedArray.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified array and its elements.
TypedArray.prototype.values() - JavaScript
the values() method returns a new array iterator object that contains the values for each index in the array.
TypedArray - JavaScript
buffer.
WeakMap.prototype.delete() - JavaScript
the delete() method removes the specified element from a weakmap object.
WeakMap.prototype.get() - JavaScript
the get() method returns a specified element from a weakmap object.
WeakMap.prototype.has() - JavaScript
the has() method returns a boolean indicating whether an element with the specified key exists in the weakmap object or not.
WeakMap.prototype.set() - JavaScript
the set() method adds a new element with a specified key and value to a weakmap object.
WeakRef - JavaScript
eir solutions to.
WeakSet.prototype.add() - JavaScript
the add() method appends a new object to the end of a weakset object.
WeakSet.prototype.delete() - JavaScript
the delete() method removes the specified element from a weakset object.
WeakSet.prototype.has() - JavaScript
the has() method returns a boolean indicating whether an object exists in a weakset or not.
WebAssembly.CompileError - JavaScript
s error.
WebAssembly.Global() constructor - JavaScript
al } }) .then(({instance}) => { asserteq("getting initial value from wasm", instance.exports.getglobal(), 0); global.value = 42; asserteq("getting js-updated value from wasm", instance.exports.getglobal(), 42); instance.exports.incglobal(); asserteq("getting wasm-updated value from js", global.value, 43); }); note: you can see the example running live on github; see also the source code.
WebAssembly.Global - JavaScript
al } }) .then(({instance}) => { asserteq("getting initial value from wasm", instance.exports.getglobal(), 0); global.value = 42; asserteq("getting js-updated value from wasm", instance.exports.getglobal(), 42); instance.exports.incglobal(); asserteq("getting wasm-updated value from js", global.value, 43); }); note: you can see the example running live on github; see also the source code.
WebAssembly.LinkError - JavaScript
t raised this error.
WebAssembly.Module.customSections() - JavaScript
to your wasm during conversion from text format over to .wasm.
WebAssembly.Module.imports() - JavaScript
ll the declared imports of the given module.
WebAssembly.RuntimeError - JavaScript
s error.
WebAssembly.Table() constructor - JavaScript
number of elements of the webassembly table.
WebAssembly.Table.prototype.set() - JavaScript
o mutate the reference to.
WebAssembly.Table - JavaScript
of elements.
encodeURI() - JavaScript
the encodeuri() function encodes a uri by replacing each instance of certain characters by one, two, three, or four escape sequences representing the utf-8 encoding of the character (will only be four escape sequences for characters composed of two "surrogate" characters).
encodeURIComponent() - JavaScript
the encodeuricomponent() function encodes a uri by replacing each instance of certain characters by one, two, three, or four escape sequences representing the utf-8 encoding of the character (will only be four escape sequences for characters composed of two "surrogate" characters).
eval() - JavaScript
warning: executing javascript from a string is an enormous security risk.
globalThis - JavaScript
the global globalthis property contains the global this value, which is akin to the global object.
isFinite() - JavaScript
the global isfinite() function determines whether the passed value is a finite number.
null - JavaScript
the value null represents the intentional absence of any object value.
parseFloat() - JavaScript
the parsefloat() function parses an argument (converting it to a string first if needed) and returns a floating point number.
parseInt() - JavaScript
the parseint() function parses a string argument and returns an integer of the specified radix (the base in mathematical numeral systems).
undefined - JavaScript
the global undefined property represents the primitive value undefined.
Addition (+) - JavaScript
the addition operator (+) produces the sum of numeric operands or string concatenation.
Addition assignment (+=) - JavaScript
the addition assignment operator (+=) adds the value of the right operand to a variable and assigns the result to the variable.
Assignment (=) - JavaScript
the simple assignment operator (=) is used to assign a value to a variable.
Bitwise AND (&) - JavaScript
the bitwise and operator (&) returns a 1 in each bit position for which the corresponding bits of both operands are 1s.
Bitwise AND assignment (&=) - JavaScript
the bitwise and assignment operator (&=) uses the binary representation of both operands, does a bitwise and operation on them and assigns the result to the variable.
Bitwise NOT (~) - JavaScript
the bitwise not operator (~) inverts the bits of its operand.
Bitwise OR (|) - JavaScript
the bitwise or operator (|) returns a 1 in each bit position for which the corresponding bits of either or both operands are 1s.
Bitwise OR assignment (|=) - JavaScript
the bitwise or assignment operator (|=) uses the binary representation of both operands, does a bitwise or operation on them and assigns the result to the variable.
Bitwise XOR (^) - JavaScript
the bitwise xor operator (^) returns a 1 in each bit position for which the corresponding bits of either but not both operands are 1s.
Bitwise XOR assignment (^=) - JavaScript
the bitwise xor assignment operator (^=) uses the binary representation of both operands, does a bitwise xor operation on them and assigns the result to the variable.
Comma operator (,) - JavaScript
the comma operator (,) evaluates each of its operands (from left to right) and returns the value of the last operand.
Conditional (ternary) operator - JavaScript
the conditional (ternary) operator is the only javascript operator that takes three operands: a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally the expression to execute if the condition is falsy.
Decrement (--) - JavaScript
the decrement operator (--) decrements (subtracts one from) its operand and returns a value.
Division (/) - JavaScript
the division operator (/) produces the quotient of its operands where the left operand is the dividend and the right operand is the divisor.
Division assignment (/=) - JavaScript
the division assignment operator (/=) divides a variable by the value of the right operand and assigns the result to the variable.
Equality (==) - JavaScript
the equality operator (==) checks whether its two operands are equal, returning a boolean result.
Exponentiation (**) - JavaScript
the exponentiation operator (**) returns the result of raising the first operand to the power of the second operand.
Exponentiation assignment (**=) - JavaScript
the exponentiation assignment operator (**=) raises the value of a variable to the power of the right operand.
Greater than (>) - JavaScript
the greater than operator (>) returns true if the left operand is greater than the right operand, and false otherwise.
Greater than or equal (>=) - JavaScript
the greater than or equal operator (>=) returns true if the left operand is greater than or equal to the right operand, and false otherwise.
Grouping operator ( ) - JavaScript
the grouping operator ( ) controls the precedence of evaluation in expressions.
Increment (++) - JavaScript
the increment operator (++) increments (adds one to) its operand and returns a value.
Inequality (!=) - JavaScript
the inequality operator (!=) checks whether its two operands are not equal, returning a boolean result.
Left shift (<<) - JavaScript
the left shift operator (<<) shifts the first operand the specified number of bits to the left.
Left shift assignment (<<=) - JavaScript
the left shift assignment operator (<<=) moves the specified amount of bits to the left and assigns the result to the variable.
Less than (<) - JavaScript
the less than operator (<) returns true if the left operand is less than the right operand, and false otherwise.
Less than or equal (<=) - JavaScript
the less than or equal operator (<=) returns true if the left operand is less than or equal to the right operand, and false otherwise.
Logical AND (&&) - JavaScript
he logical and (&&) operator (logical conjunction) for a set of operands is true if and only if all of its operands are true.
Logical AND assignment (&&=) - JavaScript
the logical and assignment (x &&= y) operator only assigns if x is truthy.
Logical NOT (!) - JavaScript
the logical not (!) operator (logical complement, negation) takes truth to falsity and vice versa.
Logical OR (||) - JavaScript
ical or (||) operator (logical disjunction) for a set of operands is true if and only if one or more of its operands is true.
Logical OR assignment (||=) - JavaScript
the logical or assignment (x ||= y) operator only assigns if x is falsy.
Logical nullish assignment (??=) - JavaScript
the logical nullish assignment (x ??= y) operator only assigns if x is nullish (null or undefined).
Multiplication (*) - JavaScript
the multiplication operator (*) produces the product of the operands.
Multiplication assignment (*=) - JavaScript
the multiplication assignment operator (*=) multiplies a variable by the value of the right operand and assigns the result to the variable.
Nullish coalescing operator (??) - JavaScript
ed, and otherwise returns its left-hand side operand.
Object initializer - JavaScript
objects can be initialized using new object(), object.create(), or using the literal notation (initializer notation).
Operator precedence - JavaScript
operator precedence determines how operators are parsed concerning each other.
Optional chaining (?.) - JavaScript
eturn value of undefined.
Property accessors - JavaScript
property accessors provide access to an object's properties by using the dot notation or the bracket notation.
Remainder (%) - JavaScript
the remainder operator (%) returns the remainder left over when one operand is divided by a second operand.
Remainder assignment (%=) - JavaScript
the remainder assignment operator (%=) divides a variable by the value of the right operand and assigns the remainder to the variable.
Right shift (>>) - JavaScript
the right shift operator (>>) shifts the first operand the specified number of bits to the right.
Right shift assignment (>>=) - JavaScript
the right shift assignment operator (>>=) moves the specified amount of bits to the right and assigns the result to the variable.
Spread syntax (...) - JavaScript
spread syntax (...) allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object literals) are expected.
Strict equality (===) - JavaScript
the strict equality operator (===) checks whether its two operands are equal, returning a boolean result.
Strict inequality (!==) - JavaScript
the strict inequality operator (!==) checks whether its two operands are not equal, returning a boolean result.
Subtraction (-) - JavaScript
the subtraction operator (-) subtracts the two operands, producing their difference.
Subtraction assignment (-=) - JavaScript
the subtraction assignment operator (-=) subtracts the value of the right operand from a variable and assigns the result to the variable.
Unary negation (-) - JavaScript
the unary negation operator (-) precedes its operand and negates it.
Unary plus (+) - JavaScript
the unary plus operator (+) precedes its operand and evaluates to its operand but attempts to convert it into a number, if it isn't already.
Unsigned right shift (>>>) - JavaScript
the unsigned right shift operator (>>>) (zero-fill right shift) shifts the first operand the specified number of bits to the right.
Unsigned right shift assignment (>>>=) - JavaScript
the unsigned right shift assignment operator (>>>=) moves the specified amount of bits to the right and assigns the result to the variable.
class expression - JavaScript
the class expression is one way to define a class in ecmascript 2015.
delete operator - JavaScript
the javascript delete operator removes a property from an object; if no more references to the same property are held, it is eventually released automatically.
function* expression - JavaScript
the function* keyword can be used to define a generator function inside an expression.
Function expression - JavaScript
the function keyword can be used to define a function inside an expression.
in operator - JavaScript
the in operator returns true if the specified property is in the specified object or its prototype chain.
instanceof - JavaScript
the instanceof operator tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object.
new.target - JavaScript
the new.target pseudo-property lets you detect whether a function or constructor was called using the new operator.
this - JavaScript
w a function is called (runtime binding).
typeof - JavaScript
the typeof operator returns a string indicating the type of the unevaluated operand.
void operator - JavaScript
the void operator evaluates the given expression and then returns undefined.
yield* - JavaScript
the yield* expression is used to delegate to another generator or iterable object.
yield - JavaScript
the yield keyword is used to pause and resume a generator function (function* or legacy generator function).
empty - JavaScript
an empty statement is used to provide no statement, although the javascript syntax would expect one.
async function - JavaScript
async function is a function declared with the async keyword.
block - JavaScript
a block statement (or compound statement in other languages) is used to group zero or more statements.
break - JavaScript
the break statement terminates the current loop, switch, or label statement and transfers program control to the statement following the terminated statement.
class - JavaScript
the class declaration creates a new class with a given name using prototype-based inheritance.
const - JavaScript
constants are block-scoped, much like variables defined using the let keyword.
continue - JavaScript
the continue statement terminates execution of the statements in the current iteration of the current or labeled loop, and continues execution of the loop with the next iteration.
debugger - JavaScript
he debugger statement the following example shows code where a debugger statement has been inserted, to invoke a debugger (if one exists) when the function is called.
do...while - JavaScript
the do...while statement creates a loop that executes a specified statement until the test condition evaluates to false.
export - JavaScript
ssign something useful to myclass export myclass; // in parentmodule.js // only aggregating the exports from childmodule1 and childmodule2 // to re-export them export { myfunction, myvariable } from 'childmodule1.js'; export { myclass } from 'childmodule2.js'; // in top-level module // we can consume the exports from a single module since parentmodule // "collected"/"bundled" them in a single source import { myfunction, myvariable, myclass } from 'parentmodule.js' specifications specification ecmascript (ecma-262)the definition of 'exports' in that specification.
for await...of - JavaScript
mpare with for-of loop: for (let numorpromise of generator()) { console.log(numorpromise); } // 0 // 1 // promise { 2 } // promise { 3 } // 4 note: be aware of yielding rejected promises from sync generator.
for...in - JavaScript
the for...in statement iterates over all enumerable properties of an object that are keyed by strings (ignoring ones keyed by symbols), including inherited enumerable properties.
for...of - JavaScript
the for...of statement creates a loop iterating over iterable objects, including: built-in string, array, array-like objects (e.g., arguments or nodelist), typedarray, map, set, and user-defined iterables.
for - JavaScript
the for statement creates a loop that consists of three optional expressions, enclosed in parentheses and separated by semicolons, followed by a statement (usually a block statement) to be executed in the loop.
function* - JavaScript
the function* declaration (function keyword followed by an asterisk) defines a generator function, which returns a generator object.
function declaration - JavaScript
the function declaration (function statement) defines a function with the specified parameters.
if...else - JavaScript
the if statement executes a statement if a specified condition is truthy.
label - JavaScript
the labeled statement can be used with break or continue statements.
let - JavaScript
the let statement declares a block-scoped local variable, optionally initializing it to a value.
return - JavaScript
the return statement ends function execution and specifies a value to be returned to the function caller.
throw - JavaScript
the throw statement throws a user-defined exception.
var - JavaScript
the var statement declares a function-scoped or globally-scoped variable, optionally initializing it to a value.
while - JavaScript
the while statement creates a loop that executes a specified statement as long as the test condition evaluates to true.
with - JavaScript
use of the with statement is not recommended, as it may be the source of confusing bugs and compatibility issues.
Transitioning to strict mode - JavaScript
ecmascript 5 introduced strict mode which is now implemented in all major browsers (including ie10).
Template literals (Template strings) - JavaScript
pression preceding the template literal (tag here), this is called a tagged template.
Web app manifests
he web app manifest provides information about a web application in a json text file, necessary for the web app to be downloaded and be presented to the user similarly to a native app (e.g., be installed on the homescreen of a device, providing users with quicker access and a richer experience).
MathML attribute reference - MathML
whether the operator is a separator (such as commas).
<semantics> - MathML
notation> and <annotation-xml>: definitionurl the location of the annotation key symbol.
Digital video concepts - Web media technologies
ata are used in the decoded image.
Add to Home screen - Progressive web apps (PWAs)
wn window.
Installing and uninstalling web apps - Progressive web apps (PWAs)
rd, samsung internet from version 4 onward, and firefox for android version 58 and later.
PWA developer guide - Progressive web apps (PWAs)
velopment some description installing and uninstalling web apps an introductory guide to how a web app can be installed on the user's device...
How to make PWAs installable - Progressive web apps (PWAs)
ples/js13kpwa/index.html", "display": "fullscreen", "theme_color": "#b12a34", "background_color": "#b12a34" } most of the fields are self-explanatory, but to be certain we're on the same page: name: the full name of your web app.
Graphic design for responsive sites - Progressive web apps (PWAs)
ferent css rules dependant on viewport dimensions, and you should consider using mobile first media queries where possible.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
it performs image processing.
azimuth - SVG: Scalable Vector Graphics
Web › SVG › Attribute › azimuth
the azimuth attribute specifies the direction angle for the light source on the xy plane (clockwise), in degrees from the x axis.
baseFrequency - SVG: Scalable Vector Graphics
cal direction.
elevation - SVG: Scalable Vector Graphics
the elevation attribute specifies the direction angle for the light source from the xy plane towards the z-axis, in degrees.
format - SVG: Scalable Vector Graphics
Web › SVG › Attribute › format
ttribute: <altglyph> and <glyphref> context notes value <string> default value none animatable no <string> this value specifies the format of the given font.
limitingConeAngle - SVG: Scalable Vector Graphics
the limitingconeangle attribute represents the angle in degrees between the spot light axis (i.e.
local - SVG: Scalable Vector Graphics
Web › SVG › Attribute › local
the local attribute specifies the unique id for a locally stored color profile as specified by international color consortium.
numOctaves - SVG: Scalable Vector Graphics
default value 1 animatable yes <integer> defines the number of octaves.
result - SVG: Scalable Vector Graphics
Web › SVG › Attribute › result
aussianblur>, <feimage>, <femerge>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, and <feturbulence> html, body, svg { height: 100%; } <svg viewbox="0 0 220 220" xmlns="http://www.w3.org/2000/svg"> <filter id="displacementfilter"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> usage notes value <filter-primitive-reference> default value none animatable yes <filter-primitive-reference> this value is a <custom-ident> and defines the name for the fi...
seed - SVG: Scalable Vector Graphics
Web › SVG › Attribute › seed
: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes example <svg width="200" height="200" viewbox="0 0 220 220" xmlns="http://www.w3.org/2000/svg"> <filter id="displacementfilter"> <feturbulence basefrequency="0.05" seed="1000" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of 'seed' in that specification.
target - SVG: Scalable Vector Graphics
Web › SVG › Attribute › target
the target attribute should be used when there are multiple possible targets for the ending resource, such as when the parent document is embedded within an html or xhtml document, or is viewed with a tabbed browser.
xlink:type - SVG: Scalable Vector Graphics
, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage notes value simple default value simple animatable no simple this value specifies that the referred resource is a simple link.
zoomAndPan - SVG: Scalable Vector Graphics
esents a translation (i.e., a shift) transformation on an svg document fragment in response to a user interface action.
<animateColor> - SVG: Scalable Vector Graphics
e element, graphics element, shape elementpermitted contentany number of the following elements, in any order:descriptive elements attributes global attributes conditional processing attributes core attributes animation event attributes xlink attributes animation attribute target attributes animation timing attributes animation value attributes animation addition attributes externalresourcesrequired specific attributes by from to dom interface this element implements the svganimatecolorelement interface.
<animateTransform> - SVG: Scalable Vector Graphics
dur="10s" repeatcount="indefinite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes » animation timing attributes » animation value attributes » animation addition attributes » externalresourcesrequired specific attributes by from to type dom interface this element implements the svganimatetransformelement interface.
<cursor> - SVG: Scalable Vector Graphics
Web › SVG › Element › cursor
for those parts of the cursor which are not masked out.
<discard> - SVG: Scalable Vector Graphics
Web › SVG › Element › discard
the <discard> svg element allows authors to specify the time at which particular elements are to be discarded, thereby reducing the resources required by an svg user agent.
<feDisplacementMap> - SVG: Scalable Vector Graphics
annelselector ychannelselector dom interface this element implements the svgfedisplacementmapelement interface.
<feImage> - SVG: Scalable Vector Graphics
Web › SVG › Element › feImage
the <feimage> svg filter primitive fetches image data from an external source and provides the pixel data as output (meaning if the external source is an svg image, it is rasterized.) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <animatetransform>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes xlink attributes class style externalresourcesrequired specific attributes preserveaspectratio xlink:href dom interface this element implements the svgfeimageelement interface.
<feOffset> - SVG: Scalable Vector Graphics
Web › SVG › Element › feOffset
te>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes class style specific attributes in dx dy dom interface this element implements the svgfeoffsetelement interface.
<feTile> - SVG: Scalable Vector Graphics
Web › SVG › Element › feTile
re attributes presentation attributes filter primitive attributes class style specific attributes in dom interface this element implements the svgfetileelement interface.
<feTurbulence> - SVG: Scalable Vector Graphics
numoctaves seed stitchtiles type dom interface this element implements the svgfeturbulenceelement interface.
<filter> - SVG: Scalable Vector Graphics
Web › SVG › Element › filter
dered itself, but must be used by the filter attribute on svg elements, or the filter css property for svg/html elements.
<font> - SVG: Scalable Vector Graphics
Web › SVG › Element › font
the <font> svg element defines a font to be used for text layout.
<mpath> - SVG: Scalable Vector Graphics
Web › SVG › Element › mpath
the <mpath> sub-element for the <animatemotion> element provides the ability to reference an external <path> element as the definition of a motion path.
<switch> - SVG: Scalable Vector Graphics
Web › SVG › Element › switch
sing.
<tref> - SVG: Scalable Vector Graphics
Web › SVG › Element › tref
with a <tref> element.
<view> - SVG: Scalable Vector Graphics
Web › SVG › Element › view
a view is a defined way to view the image, like a zoom level or a detail view.
SVG element reference - SVG: Scalable Vector Graphics
Web › SVG › Element
etile>, <feturbulence> font elements <font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <hkern>, <vkern> gradient elements <lineargradient>, <meshgradient>, <radialgradient>, <stop> graphics elements <circle>, <ellipse>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <text>, <use> graphics referencing elements <mesh>, <use> light source elements <fedistantlight>, <fepointlight>, <fespotlight> never-rendered elements <clippath>, <defs>, <hatch>, <lineargradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialgradient>, <script>, <style>, <symbol>, <title> paint server elements <hatch>, <lineargradient>, <meshgradient>, <pattern>, <radialgradient>, <solidcolor> renderable elements <a>, <circle>, <ellipse>,...
Namespaces crash course - SVG: Scalable Vector Graphics
nique name.
SVG as an Image - SVG: Scalable Vector Graphics
c contexts additionally, gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) introduced support for using svg in these contexts: css list-style-image css content svg <image> element svg <feimage> element canvas drawimage function restrictions for security purposes, gecko places some restrictions on svg content when it's being used as an image: javascript is disabled.
Getting started - SVG: Scalable Vector Graphics
g elements.
SVG fonts - SVG: Scalable Vector Graphics
-family properties.
SVG Tutorial - SVG: Scalable Vector Graphics
Web › SVG › Tutorial
scalable vector graphics, svg, is a w3c xml dialect to mark up graphics.
SVG: Scalable Vector Graphics
Web › SVG
g dom interface reference details about the svg dom api, for interaction with javascript.
Certificate Transparency - Web security
ension) and providing a signedcertificatetimestamplist with one or more scts with the x.509 certificate extension, the included scts are decided by the issuing ca.
Transport Layer Security - Web security
web.
Types of attacks - Web security
ttacks succeed if the web app does not employ enough validation or encoding.
Using shadow DOM - Web Components
3 or 4 numbers on the back of your card."> internal versus external styles in the above example we apply style to the shadow dom using a <style> element, but it is perfectly possible to do it by referencing an external stylesheet from a <link> element instead.
following-sibling - XPath
the following-sibling axis indicates all the nodes that have the same parent as the context node and appear after the context node in the source document.
preceding-sibling - XPath
the preceding-sibling axis indicates all the nodes that have the same parent as the context node and appear before the context node in the source document.
unparsed-entity-url - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the unparsed-entity-url() function returns the uri of the unparsed entity with the given name.
Functions - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the following is an annotated list of core xpath functions and xslt-specific additions to xpath, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
Introduction to using XPath in JavaScript - XPath
on.
XPath snippets - XPath
tempitem2 = tempitem2.previoussibling; } xpath = "*[name()='"+el.nodename+"' and namespace-uri()='"+(el.namespaceuri===null?'':el.namespaceuri)+"']["+pos+']'+'/'+xpath; el = el.parentnode; } xpath = '/*'+"[name()='"+xml.documentelement.nodename+"' and namespace-uri()='"+(el.namespaceuri===null?'':el.namespaceuri)+"']"+'/'+xpath; xpath = xpath.replace(/\/$/, ''); return xpath; } resources xpath forum discussion on this topic see also introduction to using xpath in javascript ...
Common XSLT Errors - XSLT: Extensible Stylesheet Language Transformations
mime types your server needs to send both the source and the stylesheet with a xml mime type, text/xml or application/xml.
<xsl:preserve-space> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:preserve-space> element defines the elements in the source document for which whitespace should be preserved.
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
ctions appearing within its scope.
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element
ws: <xsl:variable name="image-dir">/images</xsl:variable> the expression to be evaluated is placed inside curly brackets: <img src="{$image-dir}/mygraphic.jpg"/> this would result in the following: <img src="/images/mygraphic.jpg"/> the element annotations that follow include a description, a syntax listing, a list of required and optional attributes, a description of type and position, its source in the w3c recommendation and an explanation of the degree of present gecko support.
An Overview - XSLT: Extensible Stylesheet Language Transformations
nt will include at least one namespace declaration and the mandatory version attribute.
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
« transforming xml with xslt print books xslt: programmer's reference, second edition author: michael h.
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
length() (supported) substring() (supported) substring-after() (supported) substring-before() (supported) sum() (supported) system-property() (supported) translate() (supported) true() (supported) unparsed-entity-url() (not supported) for further reading books online the world wide web consortium portals articles tutorials/examples mailing lists/newsgroups resources index original document information copyright information: copyright © 2001-2003 netscape.
The XSLT/JavaScript Interface in Gecko - XSLT: Extensible Stylesheet Language Transformations
introduction javascript/xslt bindings basic example setting parameters advanced example interface list resources ...
Caching compiled WebAssembly modules - WebAssembly
y wasm module is updated or moved to a different url.
Compiling from Rust to WebAssembly - WebAssembly
tion on shrinking .wasm size.
Understanding WebAssembly text format - WebAssembly
cript we can create a memory with 1 page and pass it in.