Search completed in 1.13 seconds.
JSExtendedClass
jsext
endedclass is an ext
ended version of jsclass with additional hooks.
... a c/c++ program can use a jsext
endedclass with the js_initclass and js_newobject apis to create objects that have custom methods and properties implemented in c/c++.
... syntax struct jsext
endedclass { jsclass base; jsequalityop equality; jsobjectop outerobject; jsobjectop innerobject; jsiteratorop iteratorobject;// added in spidermonkey 1.8 jsobjectop wrappedobject; // added in spidermonkey 1.8 ...and additional reserved fields.
...And 5 more matches
AudioScheduledSourceNode.onended - Web APIs
the on
ended event handler for the audioscheduledsourcenode interface specifies an eventhandler to be executed when the
ended event occurs on the node.
... the
ended event is only sent to a node configured to loop automatically when the node is stopped using its stop() method.
... syntax audioscheduledsourcenode.on
ended = eventhandler; value a function which is called by the browser when the
ended event occurs on the audioscheduledsourcenode.
...And 2 more matches
HTMLMediaElement: ended event - Web APIs
the
ended event is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available.
... this event occurs based upon htmlmediaelement (<audio> and <video>) fire
ended when playback of the media reaches the end of the media.
... bubbles no cancelable no interface event target element default action none event handler property globaleventhandlers.on
ended specification html5 media this event is also defined in media capture and streams and web audio api examples these examples add an event listener for the htmlmediaelement's
ended event, then post a message when that event handler has reacted to the event firing.
...And 2 more matches
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.
... bubbles no cancelable no interface event event handler property mediastreamtrack.on
ended usage notes
ended events fire when the media stream track's source permanently stops sending data on the stream.
... a remote peer has permanently stopped sending data; pausing media does not generate an
ended event.
...And 2 more matches
AudioScheduledSourceNode: ended event - Web APIs
the
ended event of the audioscheduledsourcenode interface is fired when the source node has stopped playing.
... bubbles no cancelable no interface event event handler property audioscheduledsourcenode.on
ended usage notes this event occurs when a audioscheduledsourcenode has stopped playing, either because it's reached a predetermined stop time, the full duration of the audio has been performed, or because the entire buffer has been played.
... examples in this simple example, an event listener for the
ended event is set up to enable a "start" button in the user interface when the node stops playing: node.addeventlistener('
ended', () => { document.getelementbyid("startbutton").disabled = false; }) you can also set up the event handler using the audioscheduledsourcenode.on
ended property: node.on
ended = function() { document.getelementbyid("startbutton").disabled = false; } for an example of the
ended event in use, see our audio-buffer example on github.
... specifications specification status comment web audio apithe definition of 'on
ended' in that specification.
GlobalEventHandlers.onended - Web APIs
the on
ended property of the globaleventhandlers mixin is the eventhandler for processing
ended events.
... the
ended event is fired when playback has stopped because the end of the media was reached.
... syntax element.on
ended = handlerfunction; var handlerfunction = element.on
ended; handlerfunction is either null or a javascript function specifying the handler for the event.
... specification specification status comment html living standardthe definition of 'on
ended' in that specification.
HTMLMediaElement.ended - Web APIs
the htmlmediaelement.
ended indicates whether the media element has
ended playback.
... syntax var is
ended = htmlmediaelement.
ended value a boolean which is true if the media contained in the element has finished playing.
... example var obj = document.createelement('video'); console.log(obj.
ended); // false specifications specification status comment html living standardthe definition of 'htmlmediaelement.
ended' in that specification.
... living standard html5the definition of 'htmlmediaelement.
ended' in that specification.
MediaStream.ended - Web APIs
the
ended read-only property of the mediastream interface returns a boolean value which is true if the stream has been completely read, or false if the end of the stream has not been reached.
... this value once the
ended event has been fired.
... this property has been removed from the specification; you should instead rely on the
ended event or check the value of mediastreamtrack.readystate to see if its value is "
ended" for the track or tracks you want to ensure have finished playing.
... syntax var has
ended = mediastream.
ended; value a boolean value that returns true if the end of the stream has been reached.
MediaStreamTrack.onended - Web APIs
the mediastreamtrack.on
ended event handler is used to specify a function which serves as an eventhandler to be called when the
ended event occurs on the track.
... syntax mediastreamtrack.on
ended = function; value a function to serve as an eventhandler for the
ended event.
... examples this example sets up an event handler for the
ended event which changes an on-screen icon to indicate that the track is no longer active.
... track.on
ended = function(event) { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/stopped-icon.png"; } specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.on
ended' in that specification.
OscillatorNode.onended - Web APIs
the on
ended property of the oscillatornode interface is used to set the event handler for the
ended event, which fires when the tone has stopped playing.
... syntax var oscillator = audioctx.createoscillator(); oscillator.on
ended = function() { ...
... oscillator.on
ended = function() { console.log('your tone has now stopped playing!'); } properties none.
... specifications specification status comment web audio apithe definition of 'on
ended' in that specification.
msExtendedCode - Web APIs
the element's error property will then contain an msext
endedcode read-only property with platform-specific error code information.
... msext
endedcode is a read-only proprietary property specific to internet explorer and microsoft edge.
... example var video1 = object.getelementbyid("video1"); video1.addeventlistener('error', function () { var error = video1.error.msext
endedcode; //...
JSExtendedClass.wrappedObject
description if a class has the jsclass_is_ext
ended bit set in its jsclass.flags and has a non-null jsext
endedclass.wrappedobject, then objects of that class may be wrappers.
...in these cases the engine calls the jsext
endedclass.wrappedobject callback to get the wrapped object.
510 Not Extended - HTTP
the hypertext transfer protocol (http) 510 not ext
ended response status code is sent in the context of the http extension framework, defined in rfc 2774.
... status 510 not ext
ended specifications specification title rfc 2774, section 7: 510 not ext
ended an http extension framework ...
Recommended Drag Types - Web APIs
it is recomm
ended to always add data of the text/plain type as a fallback for applications or drop targets that do not support other types, unless there is no logical text alternative.
Index - Web APIs
134 audiocontext.resume() api, audio, audiocontext, method, reference, web audio api, resume the resume() method of the audiocontext interface resumes the progression of time in an audio context that has previously been susp
ended.
...specifically, this interface defines the start() and stop() methods, as well as the on
ended event handler.
... 182 audioscheduledsourcenode.on
ended api, audio, audiobuffersourcenode, audioscheduledsourcenode, constantsourcenode, event handler, media, oscillatornode, property, web audio api, on
ended the on
ended event handler for the audioscheduledsourcenode interface specifies an eventhandler to be executed when the
ended event occurs on the node.
...And 46 more matches
WebIDL bindings
for each interface, a namespace whose name is the name of the interface with binding app
ended is created, and all the things pertaining to that interface's binding go in that namespace.
... note that using a 'headerfile' annotation is generally not recomm
ended.
...in addition to those, all methods that are allowed to throw will get an errorresult& argument app
ended to their argument list.
...And 35 more matches
Index - Archive of obsolete content
296 security best practices in extensions add-ons, best practices, extensions, guide, security this document is int
ended as a guide for developers to promote best practices in securing your extension.
... 363 autodial for windows nt necko, outdated_articles this document is int
ended to explain how the autodial helper feature implemented for bug 93002 works and why it works that way.
... 419 installing dehydra dehydra it is recomm
ended that you use spidermonkey revision aurora_base_20110705 when building dehydra.
...And 17 more matches
IAccessible2
1.0 66 introduced gecko 1.9 inherits from: iaccessible last changed in gecko 1.9 (firefox 3) method overview [propget] hresult attributes([out] bstr attributes ); [propget] hresult ext
endedrole([out] bstr ext
endedrole ); [propget] hresult ext
endedstates([in] long maxext
endedstates, [out, size_is(,maxext
endedstates), length_is(, next
endedstates)] bstr ext
endedstates, [out] long next
endedstates ); [propget] hresult groupposition([out] long grouplevel, [out] long similaritemsingroup, [out] long positioningroup ); [propget] hresult indexinparent([out] long indexinparent ); [propget] hresult locale([out] ia2locale locale ); [propget] hresult localizedext
endedrole([o...
...ut] bstr localizedext
endedrole ); [propget] hresult localizedext
endedstates([in] long maxlocalizedext
endedstates, [out, size_is(,maxlocalizedext
endedstates), length_is(, nlocalizedext
endedstates)] bstr localizedext
endedstates, [out] long nlocalizedext
endedstates ); [propget] hresult next
endedstates([out] long next
endedstates ); [propget] hresult nrelations([out] long nrelations ); [propget] hresult relation([in] long relationindex, [out] iaccessiblerelation relation ); [propget] hresult relations([in] long maxrelations, [out, size_is(maxrelations), length_is( nrelations)] iaccessiblerelation relations, [out] long nrelations ); hresult role([out] long role ); hresult scrollto([in] enum ia2scrolltype scrolltype ); hresult scrolltopoint([in] enum ia2coordinatetype coordinatetype, [...
...ext
endedrole() returns the ext
ended role.
...And 16 more matches
WebAssembly - JavaScript
androidfirefox for androidopera for androidsafari on iossamsung internetnode.jswebassemblychrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0compileerrorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 exten...
...ari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0globalchrome full support 69edg...
...And 14 more matches
WebAssembly
androidfirefox for androidopera for androidsafari on iossamsung internetnode.jswebassemblychrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0compileerrorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 exten...
...ari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0globalchrome full support 69edg...
...And 14 more matches
HTML documentation index - HTML: Hypertext Markup Language
note that it is recomm
ended for styles to be defined in a separate file or files.
... 61 <article>: the article contents element element, html, html sections, reference, web the html <article> element represents a self-contained composition in a document, page, application, or site, which is int
ended to be independently distributable or reusable (e.g., in syndication).
... 66 <basefont> element, fonts, html, layout, obsolete, reference, style, web, basefont the obsolete html base font element (<basefont>) sets a default font face, size, and color for the other elements which are desc
ended from its parent element.
...And 7 more matches
SourceBuffer - Web APIs
this is a timestamp range that can be used to filter what media data is app
ended to the sourcebuffer.
... coded media frames with timestamps within this range will be app
ended, whereas those outside the range will be filtered out.
... sourcebuffer.mode controls how the order of media segments in the sourcebuffer is handled, in terms of whether they can be app
ended in any order, or they have to be kept in a strict sequence.
...And 6 more matches
WebGLRenderingContext.bufferData() - Web APIs
usage a glenum specifying the int
ended usage pattern of the data store for optimization purposes.
... possible values: gl.static_draw: the contents are int
ended to be specified once by the application, and used many times as the source for webgl drawing and image specification commands.
... gl.dynamic_draw: the contents are int
ended to be respecified repeatedly by the application, and used many times as the source for webgl drawing and image specification commands.
...And 6 more matches
HTML elements reference - HTML: Hypertext Markup Language
<article> the html <article> element represents a self-contained composition in a document, page, application, or site, which is int
ended to be independently distributable or reusable (e.g., in syndication).
... element description <blockquote> the html <blockquote> element (or html block quotation element) indicates that the enclosed text is an ext
ended quotation.
... <code> the html <code> element displays its contents styled in a fashion int
ended to indicate that the text is a short fragment of computer code.
...And 6 more matches
WebAssembly.Table - JavaScript
me for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jstablechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0table() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 5...
...2 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
...And 6 more matches
Web audio codec guide - Web media technologies
supported bit rates arbitrary, up to 512 kbps variable bit rate (vbr) support yes supported sample formats 32-bit integer supported sample rates 8 khz - 96 khz recomm
ended minimum bit rate for stereo sound 96 kbps at 48 khz sample rate compression lossy maximum audio channels 48 (plus 16 low frequency enhancement channels) audio frequency bandwidth 0 hz - 96 khz (standard audio channels) 0 hz - 120 hz (lfe channels) latency 20 ms to 405 ms browser compatibility feature ...
... supported bit rates based on the sample format and sample rate, as well as the compression level variable bit rate (vbr) support no supported sample formats 16-bit, 20-bit, 24-bit, and 32-bit integer supported sample rates 1 hz to 384,000 hz recomm
ended minimum bit rate for stereo sound n/a compression lossless; up to 45-60% maximum audio channels 8 (up to 7.1 surround) audio frequency bandwidth ?
... supported bit rates half rate (hr) and full rate (fr): 1.8 kbps, 4.75 kbps, 5.15 kbpz, 5.9 kbps, 6.7 kbps, 7.4 kbps, 7.95 kbps full rate (fr) only: 10.2 kbps and 12.2 kbps variable bit rate (vbr) support no supported sample formats 13-bit integer supported sample rates 8 khz recomm
ended minimum bit rate for stereo sound n/a compression lossy maximum audio channels 1 audio frequency bandwidth 200 hz to 3,400 hz latency 25 ms browser compatibility feature chrome edge firefox internet explorer opera safari amr support no[1] ...
...And 6 more matches
Add-on Repository
the api also offers two ways to search for and retrieve an array of addon instances: retrieverecomm
endedaddons(), which returns a list of recomm
ended add-ons, and searchaddons(), which performs a search of the repository.
... to import the add-on repository code module, use: components.utils.import("resource://gre/modules/addonrepository.jsm"); method overview string getrecomm
endedurl() string getsearchurl(in string searchterms) void cancelsearch() void retrieverecomm
endedaddons(in integer maxresults, in searchcallback callback) void searchaddons(in string searchterms, in integer maxresults, in searchcallback callback) properties property type description homepageurl string the url of the repository s...
... methods getrecomm
endedurl() returns the url that can be visited to see recomm
ended add-ons.
...And 5 more matches
Index
it's worth mentioning the ext
ended validation (ev) principle, which is an effort by software vendors and cas to define a stricter set of rules for issuing certificates for web site certificates.
...changing the names of the certificate and key databases is not recomm
ended.
...changing the names of the certificate and key databases is not recomm
ended.
...And 5 more matches
Document - Web APIs
the document interface is ext
ended with the parentnode interface: parentnode.childelementcount read only returns the number of children of this parentnode which are elements.
... extensions for htmldocument the document interface for html documents inherits from the htmldocument interface or, since html5, is ext
ended for such documents.
... the document interface is ext
ended with the globaleventhandlers interface: globaleventhandlers.onabort is an eventhandler representing the code to be called when the abort event is raised.
...And 5 more matches
ARIA: listbox role - Accessibility
it is highly recomm
ended to use the html select element, or a group of radio buttons if only one item can be selected, or a group of checkboxes if multiple items can be selected, because there is a lot of keyboard interactivity to manage focus for all the descendants, and native html elements provide this functionality for you for free.
...it is recomm
ended that a checkbox, link or other method be used to select all items, and ctrl+a could be used as a shortcut key for this.
...supporting this key is strongly recomm
ended for lists with more than five options.
...And 5 more matches
Event reference
dragend a drag operation is being
ended (by releasing a mouse button or hitting the escape key).
...
ended playback has stopped because the end of the media was reached.
... suspend media data loading has been susp
ended.
...And 5 more matches
Debugging on Mac OS X
rather than disabling sip (which has security implications), it is recomm
ended to debug with try builds or local builds.
...to workaround this problem, remove the quarantine ext
ended attribute from the downloaded nightly: $ xattr -r -d com.apple.quarantine /path/to/nightly.app local builds local builds of mozilla-central do not enable hardened runtime and hence do not have debugging restrictions.
...note that disabling sip bypasses hardened runtime restrictions which can mask some bugs that only occur with hardened runtime so it is recomm
ended to test fixes with sip enabled.
...And 4 more matches
Interfacing with the Add-on Repository
this article provides some sample code that queries the recomm
ended add-ons list on amo and lets the user click a button to install an add-on from the list.
... enabling the recommendation feature in current builds of firefox 4, the recommendation api doesn't work because the preference for the url to query to get recomm
ended add-ons is not included by default; see bug 628785.
... to make the service work for the time being, you can use code like this when your extension starts up: var prefsservice = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); var prefbranch = prefsservice.getbranch("extensions."); var recurl = ""; try { recurl = prefbranch.getcharpref("getaddons.recomm
ended.url"); } catch(e) { recurl = ""; } if (recurl == "") { prefbranch.setcharpref("getaddons.recomm
ended.url", "https://services.addons.mozilla.org/%locale%/%app%/api/%api_version%/list/recomm
ended/all/%max_results%/%os%/%version%?src=firefox"); prefsservice.savepreffile(null); } this fetches the value of the extensions.getaddons.recomm
ended.url preference, and, if the preference doe...
...And 4 more matches
sslfnc.html
important: this nss function is not int
ended for use with ssl, which requires that the certificate and key database files be opened.
... keep the following in mind when deciding on the operating parameters you want to use with a particular socket: enabling the ssl_require_certificate option is not recomm
ended.
... the recomm
ended way of accessing the array is through the ssl_getimplementedciphers() and ssl_getnumimplementedciphers() accessors.
...And 4 more matches
Index
this page is int
ended to explain the changes that are happening, with a focus on how they will affect gecko code that uses jsapi.
... 101 jsext
endedclass jsapi reference, obsolete, spidermonkey to implement a custom class that uses any of the jsext
endedclass callbacks: 102 jsext
endedclass.outerobject jsapi reference, obsolete, spidermonkey see split objects.
... 103 jsext
endedclass.wrappedobject jsapi reference, obsolete, spidermonkey if a class has the jsclass_is_ext
ended bit set in its jsclass.flags and has a non-null jsext
endedclass.wrappedobject, then objects of that class may be wrappers.
...And 4 more matches
A Web PKI x509 certificate primer
ext
ended key usages this is another bitfield to constrain the usages of the key of the certificate.
...examples of ext
ended key usages are: serverauth, clientauth, and ocspsigning.
...write extensions file by creating a new file with name openssl.ss.cnf with the following contents: basicconstraints = ca:false subjectaltname =dns:www.example.com ext
endedkeyusage =serverauth 4.
...And 4 more matches
WebAssembly.Module - JavaScript
e for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsmodulechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0module() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox ...
...52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
...And 4 more matches
nss tech note3
the x.509v3 ext
ended key usage extension as oid { 2 5 29 37 } encoded in hex as 0x55, 0x1d, 0x25.
... that extension contains a sequence of oids, each of which signifies one or more cert types, depending on the presence or absence of of the true basic constraints extension; that is, the interpretation of the ext
ended key usage extension is controlled by whether the cert is a ca cert, or not.
... the following table shows the oids recognized in the ext
ended key usage extension, and how they map to cert types and key usages for ca and non-ca certs.
...And 3 more matches
nsISelectionController
this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is ext
ended is considered the "focus" point, or the last point adjusted by the selection.
...completemove() will move page view to the top or bottom of the document this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is ext
ended is considered the "focus" point, or the last point adjusted by the selection.
...this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is ext
ended is considered the "focus" point, or the last point adjusted by the selection.
...And 3 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
async function onxrbuttonclick(event) { if (!xrsession) { navigator.xr.requestsession(session_type) .then(sessionstarted); } else { await xrsession.end(); if (xrsession) { session
ended(); } } } this begins by looking at the value of xrsession to see if we already have a xrsession object representing an ongoing webxr session.
...if it is, we call session
ended(), the handler for the end event.
... function sessionstarted(session) { let refspacetype; xrsession = session; xrbutton.innertext = "exit webxr"; xrsession.addeventlistener("end", session
ended); let canvas = document.queryselector("canvas"); gl = canvas.getcontext("webgl", { xrcompatible: true }); if (allowmouserotation) { canvas.addeventlistener("pointermove", handlepointermove); canvas.addeventlistener("contextmenu", (event) => { event.preventdefault(); }); } if (allowkeyboardmotion) { document.addeventlistener("keydown", handlekeydown); } shaderprogram ...
...And 3 more matches
WebAssembly.Memory - JavaScript
e for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsmemorychrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0memory() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox ...
...52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
...And 3 more matches
edgeMode - SVG: Scalable Vector Graphics
value duplicate | wrap | none default value duplicate animatable yes duplicate this value indicates that the input image is ext
ended along each of its borders as necessary by duplicating the color values at the given edge of the input image.
... wrap this value indicates that the input image is ext
ended by taking the color values from the opposite edge of the image.
... none this value indicates that the input image is ext
ended with pixel values of zero for r, g, b and a.
...And 3 more matches
Install Manifests - Archive of obsolete content
examples <em:id>extensionname@example.org</em:id> <em:id>{daf44bf7-a45e-4450-979c-91cf07434c3d}</em:id> name the name of the add-on; int
ended for display in the ui.
... examples <em:contributor>john doe</em:contributor> <em:contributor>john doe</em:contributor> <em:contributor>jane doe</em:contributor> <em:contributor>elvis presley</em:contributor> creator the name of the creator/principal developer - int
ended for display in the user interface.
... examples <em:creator>john doe</em:creator> or <em:creator>coolextension team</em:creator> description a short description of the add-on - int
ended for display in the user interface.
...And 2 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
note: with attributes like hidden, collapsed, and disabled, which take boolean values, setting disabled="false" in xul can have unint
ended consequences.
...apart from having a different int
ended purpose than the window element, it is functionally no different.
...overlaydocument.xul gets read in at the same time as base.xul, resulting in what we see in figure 19, where overlaydocument.xul gets app
ended to the end of base.xul.
...And 2 more matches
Images, Tables, and Mysterious Gaps - Archive of obsolete content
the lack of a doctype will prevent validation, and so is not recomm
ended.
... the thin red line shows that the single-pixel spacer gif is now only making the cell one pixel tall, as the designer int
ended.
...this would be especially true if there are many single-pixel cells int
ended to create cool stacked lines, or something like that.
...And 2 more matches
Using XPInstall to Install Plugins - Archive of obsolete content
the recomm
ended installation process xpinstall provides a cohesive api to accomplish rapid installation and setup of plugin software for end-users.
...the recomm
ended install process addresses this issue, which is to install to a secondary location after installing to the current browser.
... a breakdown of the apis used the recomm
ended plugin installation process makes use of the xpinstall apis to install to the current browser's plugins directory, install to a secondary location, and to write to the windows system registry to disclose this secondary location.
...And 2 more matches
confirm - Archive of obsolete content
method of install object syntax int confirm( string atext ); int confirm( string atext, string adialogtitle, number abuttonflags, string abutton0title, string abutton1title, string abutton2title, string acheckmsg, object acheckstate ); parameters the second, ext
ended confirm() method is supported starting with gecko 1.8.
...previous gecko versions only support the first, one-parameter method and will throw an error on occuring the ext
ended form.
... firefox on linux mozilla application suite on win32 it is therefore recomm
ended to only use two buttons wherever possible, and to keep in mind that button 1 has the same return value as "window closed" (see below).
...And 2 more matches
Archived Mozilla and build documentation - Archive of obsolete content
autodial for windows nt this document is int
ended to explain how the autodial helper feature implemented for bug 93002 works and why it works that way.
... building transformiix standalone calicalendarview an object implementing calicalendarview is generally int
ended to serve as a way of manipulating a set of dom nodes corresonding to a visual representation of calievent and calitodo objects.
...note that this document is for your information only and is not int
ended as legal advice.
...And 2 more matches
RDF in Mozilla FAQ - Archive of obsolete content
make sure that your web server // dishes it up as text/xml (recomm
ended) or text/rdf!
...var remote = ds.queryinterface(components.interfaces.nsirdfremotedatasource); // be sure that your web server will deliver this as text/xml (recomm
ended) or text/rdf!
...the "simple" form, which is currently the most common form in the mozilla codebase, and the "ext
ended" form, which allows for sophisticated pattern matching against the rdf graph.
...And 2 more matches
CSS FAQ - Learn web development
modern browsers have two main rendering modes: quirks mode: also called backwards-compatibility mode, allows legacy webpages to be rendered as their authors int
ended, following the non-standard rendering rules used by older browsers.
...given that each modern browser uses an html5 parser, this is the recomm
ended doctype */ <!doctype html public "-//w3c//dtd html 4.0 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.
... it is generally recomm
ended to use classes as much as possible, and to use ids only when absolutely necessary for specific uses (like to connect label and form elements or for styling elements that must be semantically unique): using classes makes your styling extensible — even if you only have one element to style with a particular ruleset now, you might want to add more later.
...And 2 more matches
Sending form data - Learn web development
because the body is empty, if a form is sent using this method the data sent to the server is app
ended to the url.
... the data is app
ended to the url as a series of name/value pairs.
... after the url web address has
ended, we include a question mark (?) followed by the name/value pairs, each one separated by an ampersand (&).
...And 2 more matches
InstallListener
method overview void onnewinstall(in addoninstall install) void ondownloadstarted(in addoninstall install) void ondownloadprogress(in addoninstall install) void ondownload
ended(in addoninstall install) void ondownloadcancelled(in addoninstall install) void ondownloadfailed(in addoninstall install) void oninstallstarted(in addoninstall install) void oninstall
ended(in addoninstall install, in addon addon) void oninstallcancelled(in addoninstall install) void oninstallfailed(in addoninstall install) void onexte...
... void ondownloadprogress( in addoninstall install ) parameters install the addoninstall representing the install ondownload
ended() called when downloading completes successfully for an add-on install.
... void ondownload
ended( in addoninstall install ) parameters install the addoninstall representing the install ondownloadcancelled() called when downloading is cancelled.
...And 2 more matches
Index
794 nsinavhistoryquery developing mozilla, extensions, interfaces, places, xpcom, xpcom api reference the nsinavhistoryquery is not int
ended to be a super-general query mechanism.
...the information is int
ended to be displayed to the user in some meaningful way.
...it is recomm
ended that you use the methods of xul:stringbundle to access these functions unless necessary.
...And 2 more matches
Timing element visibility with the Intersection Observer API - Web APIs
then, for each of the ads that are being susp
ended, we call our updateadtimer() function, which handles updating the ad's total visible time counter, then we set their dataset.lastviewstarted property to 0, which indicates that the tab's timer isn't running.
...if you don't pass a value for replacebox, a new element is created to contain the ad; the ad is then app
ended to the page.
...for new ads being app
ended to the page, this is created using document.createelement().
...And 2 more matches
SourceBuffer.mode - Web APIs
the mode property of the sourcebuffer interface controls whether media segments can be app
ended to the sourcebuffer in any order, or in a strict sequence.
...the segments can be app
ended to the sourcebuffer in any order.
... sequence: the order in which the segments are app
ended to the sourcebuffer determines the order in which they are played.
...And 2 more matches
Accessibility documentation index - Accessibility
the following is int
ended to provide implementation guidance that respects screen readers developers' need to try different things.
... the intention is to strike a balance between providing useful guidance on how to use the markup's int
ended meaning while supporting live regions as an area for screen readers to innovate and compete.
... 12 how to file aria-related bugs aria, bugzilla the state of aria technology has always dep
ended on the community.
...And 2 more matches
negative - CSS: Cascading Style Sheets
when defining custom counter styles, the negative descriptor lets you alter the representations of negative counter values, by providing a way to specify symbols to be app
ended or prep
ended to the counter representation when the value is negative.
... syntax /* <symbol> values */ negative: "-"; /* prepends '-' if value is negative */ negative: "(" ")"; /* surrounds value by '(' and ')' if it is negative */ values first <symbol> this symbol will be prep
ended to the representation when the counter is negative.
... second <symbol> if present, this symbol will be app
ended to the representation when the counter is negative.
...And 2 more matches
<details>: The Details disclosure element - HTML: Hypertext Markup Language
an input device as well as some form of output device is recomm
ended.</p> </details> in this situation, the browser will use a default summary string (usually "details").
... an input device as well as some form of output device is recomm
ended.</p> </details> the result from this html is this: creating an open disclosure box to start the <details> box in its open state, add the boolean open attribute: <details open> <summary>system requirements</summary> <p>requires a computer running an operating system.
... an input device as well as some form of output device is recomm
ended.</p> </details> this results in: customizing the appearance now let's apply some css to customize the appearance of the disclosure box.
...And 2 more matches
HTTP response status codes - HTTP
103 early hints this status code is primarily int
ended to be used with the link header, letting the user agent start preloading resources while the server prepares a response.
...it is int
ended for cases where another process or server handles the request, or for batch processing.
...(there is no standardized way of choosing one of the responses, but html links to the possibilities are recomm
ended so the user can pick.) 301 moved permanently the url of the requested resource has been changed permanently.
...And 2 more matches
WebAssembly.Instance - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsinstancechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0instance() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefo...
...x 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
...And 2 more matches
The "codecs" parameter in common media types - Web media technologies
the list may also contain codecs not present in the file.= codec options by container the containers below support ext
ended codec options in their codecs parameters: 3gp av1 iso bmff mpeg-4 quicktime webm several of the links above go to the same section; that's because those media types are all based on iso base media file format (iso bmff), so they share the same syntax.
... 42 00 ext
ended profile (xp) designed for streaming video over the network, with high compression capability and further improvements to data robustness and stream switching.
... 44 00 scalable baseline profile int
ended for use with video conferencing as well as surveillance and mobile uses, the svc baseline profile is based on avc's constrained baseline profile.
...And 2 more matches
The Essentials of an Extension - Archive of obsolete content
testing your add-ons with every firefox version is always recomm
ended, though.
... for the classic menu, we added the hello world menu right in the "root" of the menu so that it would be very easy for you to spot it, but this is not a recomm
ended practice.
...if your menu item fits in the web developer section, it is recomm
ended that you add it there.
... one recomm
ended location for menus in the classic menu vase is under the tools menu, so the code should really look like this: <menupopup id="menu_toolspopup"> <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.hellomenu.accesskey;" insertbefore="devtoolsendseparator"> <menupopup> <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.helloitem.accesskey;" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> </menupopup> </menu> </menupopup> we're overlaying the menu that is deeper into the xul tree, but it doesn't matter because all we need is the id of the element we w...
User Notifications and Alerts - Archive of obsolete content
this kind on notification is very easy to implement, it doesn't interrupt the user and is easy to read and dismiss, so it is our recomm
ended way of displaying alerts and notifications.
...the image can have any size, but it is recomm
ended that you use a medium, fixed size.
... the bottom right corner of the browser is the recomm
ended location for an alert, because it normally doesn't block the part of the content where the user is reading, or the most important parts of page content, such as menus and titles.
... remember this is not a recomm
ended practice.
Menu - Archive of obsolete content
this method and set() are the recomm
ended methods of adding items to a menu.
...this method and add() are the recomm
ended methods of adding items to a menu.
...null is recomm
ended because it stands out.) function a menuitem that will update itself when its menu is shown.
...(ok, slightly less.) this is only a recomm
ended practice; developers are of course free to do as they wish.
Index - Archive of obsolete content
its int
ended audience is extension developers with a basic knowledge of xul and css.
...in order to do so it implements the following interfaces: 999 xul template primer - bindings outdated articles, outdated_articles, xul this document expands on the xul template primer by introducing the <bindings> element in the ext
ended xul template syntax.
...a dropmarker is not int
ended to be used as a separate element, but as part of another element.
...it is int
ended to be used when an application wants to be able to adjust the scroll position itself.
XULRunner 2.0 Release Notes - Archive of obsolete content
windows unpack the zip file to a new directory using an archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\2.0 .
...the following directory is recomm
ended: /opt/xulrunner/2.0 .
...the following directory is recomm
ended: /opt/xulrunner/2.0 .
HTML: A good basis for accessibility - Learn web development
this means using the correct html elements for their int
ended purpose as much as possible.
... <div> buttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0": <div data-message="this is from the first button" tabindex="0">click me!</div> <div data-message="this is from the second button" tabindex="0">click me too!</div> <div data-message="this is from the third button" tabindex="0">and me!</div> basically, the tabindex attribute is primarily int
ended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.
...for example, there is a longdesc attribute that is meant to point to a separate web document containing an ext
ended description of the image, for example: <img src="dinosaur.png" longdesc="dino-info.html"> this sounds like a good idea, especially for infographics like big charts with lots of information on them that could perhaps be represented as an accessible data table instead (see accessible data tables).
...in these cases, it is recomm
ended to use a <button> instead.
HTML: A good basis for accessibility - Learn web development
this means using the correct html elements for their int
ended purpose as much as possible.
... <div> buttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0": <div data-message="this is from the first button" tabindex="0">click me!</div> <div data-message="this is from the second button" tabindex="0">click me too!</div> <div data-message="this is from the third button" tabindex="0">and me!</div> basically, the tabindex attribute is primarily int
ended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.
...for example, there is a longdesc attribute that is meant to point to a separate web document containing an ext
ended description of the image, for example: <img src="dinosaur.png" longdesc="dino-info.html"> this sounds like a good idea, especially for infographics like big charts with lots of information on them that could perhaps be represented as an accessible data table instead (see accessible data tables).
...in these cases, it is recomm
ended to use a <button> instead.
Responsive design - Learn web development
these two approaches t
ended to result in a website that looked its best on the screen of the person designing the site!
... <meta name="viewport" content="width=device-width,initial-scale=1"> this meta tag tells mobile browsers that they should set the width of the viewport to the device width, and scale the document to 100% of its int
ended size, which shows the document at the mobile-optimized size that you int
ended.
... the trouble is that your responsive design with breakpoints and media queries won't work as int
ended on mobile browsers.
...by setting width=device-width you are overriding apple's default width=960px with the actual width of the device, so your media queries will work as int
ended.
Advanced text formatting - Learn web development
for example, the following markup is taken from the mdn <blockquote> element page: <p>the <strong>html <code><blockquote></code> element</strong> (or <em>html block quotation element</em>) indicates that the enclosed text is an ext
ended quotation.</p> to turn this into a block quote, we would just do this: <p>here below is a blockquote...</p> <blockquote cite="/docs/web/html/element/blockquote"> <p>the <strong>html <code><blockquote></code> element</strong> (or <em>html block quotation element</em>) indicates that the enclosed text is an ext
ended quotation.</p> </blockquote> browser default styling will render thi...
...for example, the below bit of markup contains a quotation from the mdn <q> page: <p>the quote element — <code><q></code> — is <q cite="/docs/web/html/element/q">int
ended for short quotations that don't require paragraph breaks.</q></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.
...why you couldn't link the text inside <cite> to the quote source in some way: <p>according to the <a href="/docs/web/html/element/blockquote"> <cite>mdn blockquote page</cite></a>: </p> <blockquote cite="/docs/web/html/element/blockquote"> <p>the <strong>html <code><blockquote></code> element</strong> (or <em>html block quotation element</em>) indicates that the enclosed text is an ext
ended quotation.</p> </blockquote> <p>the quote element — <code><q></code> — is <q cite="/docs/web/html/element/q">int
ended for short quotations that don't require paragraph breaks.</q> -- <a href="/docs/web/html/element/q"> <cite>mdn q page</cite></a>.</p> citations are styled in italic font by default.
...hypertext markup language">html</abbr> to structure our web documents.</p> <p>i think <abbr title="reverend">rev.</abbr> green did it in the kitchen with the chainsaw.</p> these will come out looking something like this (the expansion will appear in a tooltip when the term is hovered over): note: there is another element, <acronym>, which basically does the same thing as <abbr>, and was int
ended specifically for acronyms rather than abbreviations.
Introducing a complete toolchain - Learn web development
in addition, you should include tests before you deploy to your production server to ensure your software works as int
ended — this already sounds like a necessary toolchain.
...using both is recomm
ended: for projects you intend to share, you should always include eslint as a local dependency so that anyone making their own copy can follow the rules you've applied to the project.
... next up, we’ll configure eslint — create another file in the root of your will-it-miss directory called .eslintrc.json, and give it the following contents: { "env": { "es6": true, "browser": true }, "extends": "eslint:recomm
ended", "parseroptions": { "ecmaversion": 6, "sourcetype": "module" }, "rules": { "no-console": 0 } } the above eslint configuration says that we want to use the "recomm
ended" eslint settings, that we're going to allow usage of es6 features (such as map() or set()), that we can use module import statements, and that using console.log() is allowed.
... the final config file should look like this — add in the bolded parts and save it: { "env": { "es6": true, "browser": true }, "extends": ["eslint:recomm
ended", "plugin:react/recomm
ended"], "parseroptions": { "ecmaversion": 6, "sourcetype": "module", "ecmafeatures": { "jsx": true } }, "plugins": ["react"], "rules": { "semi": "error", "no-console": 0, "react/jsx-uses-vars": "error" } } as the configuration now uses a plugin called "react", this development dependency also needs to be installed, so that the ...
Accessibility API cross-reference
<h> is also available but its use is not recomm
ended because of lack of suitable tools - and the heading level is undefined click on this thing and then click on the item for tooltip style help helpballoon n/a n/a n/a editable field that allows user to assign a key combination hotkeyfield n/a n/a n/a graphic that indicates something, such as an arrow indicator...
... search a type of textbox int
ended for specifying search criteria.
... n/a n/a aria-atomic indicates whether inputting text could trigger display of one or more predictions of the user's int
ended value for an input and specifies how predictions would be presented if they are made.
... n/a n/a aria-describedby identifies the element that provides a detailed, ext
ended description for the object.
Configuring Build Options
(it is possible to manually call configure with command-line options, but this is not recomm
ended).
... setting the mozconfig path: export mozconfig=$home/mozilla/mozconfig-firefox calling the file .mozconfig (with a leading dot) is also supported, but this is not recomm
ended because it may make the file harder to find.
... there are many options recognized by the configure script which are special-purpose options int
ended for embedders or other special situations, and should not be used to build the full suite/xul applications.
...it is recomm
ended to use the default build options, and only change the properties from the list above as needed.
Storage access policy: Block cookies from trackers
these heuristics are int
ended to allow some third-party integrations that are common on the web to continue to function.
... they are int
ended to be temporary and will be removed in a future version of firefox.
...storage access is not ext
ended to other resources loaded on example.com (e.g.
... each time the heuristic is activated, or a success call to the storage access api is made, the pre-existing storage access expiration will be ext
ended by 30 days, counting from the time the previous access was granted.
CustomizableUI.jsm
if you want to use it from a jsm or another context without a window reference, you need to import it yourself: components.utils.import("resource:///modules/customizableui.jsm"); introduction the module is int
ended for two primary purposes: allow adding, moving and removing customizable widgets.
...when a customizable toolbar's xbl binding is constructed (generally, that is when a <toolbar customizable="true"/> node is app
ended to the document and isn't invisible), the binding will call into customizableui and register the toolbar's node as being one of the concrete instances of its area.
...int
ended for use from customizemode, not by other consumers.
...this is int
ended for use from customize mode.
Localizing with Koala
due to a bug in koala (bug 21930), it is recomm
ended that you don't choose a path that contains spaces (like c:\documents and settings\user\...).
...4 files (+9 heads) updating working directory 40357 files updated, 0 files merged, 0 files removed, 0 files unresolved configure the locale locale id: x-testing (put your locale's code) version: 3.6 location: choose the folder where you want to keep the localized files or leave empty for now check "mercurial" if you wish to use mercurial to keep the revision history of your files (very recomm
ended) existing localizations: url: if you're editing an existing localization or you already have a repository set up (either on hg.mozilla.org or bitbucket), type the url of the remote repository, e.g.
...it is still recomm
ended to use mercurial locally to version your local files.
..."c:\mozilla\l10n\locale\x-testing\3.6" if you enabled mercurial (recomm
ended), koala will ask you if you wish to clone the remote repository.
Mozilla Web Developer FAQ
why isn’t mozilla rendering my page as i int
ended?
... so my page isn’t standards-compliant, but good browsers should render pages as the author int
ended anyway!
...since non-validating xml processors are not required to support externally defined character entities (other than the five pre-defined ones), the use of externally defined character entities (other than the five pre-defined ones) is inherently unsafe in xml documents int
ended for the web.
...please do not ask web authoring questions in the newsgroups int
ended for discussion about the development of mozilla.
Gecko Profiler FAQ
this mode is usually recomm
ended when you want to find a thread you want to do more focused profiling on, so that you can find its name and then construct a more useful thread filter string based on the found thread name.
... how do we find performance regressions caused by third-party and system addons, especially ones that only show up after ext
ended uptime?
... what are the recomm
ended native profilers across all os's?
... and don’t forget that if you’re interested in finding io slowness issues, profiling on a machine with a fast ssd isn’t recomm
ended.
nsICookieService
this parameter may be null, but it is strongly recomm
ended that a non-null value be provided to ensure that the cookie privacy preferences are honored.
...this parameter may be null, but it is strongly recomm
ended that a non-null value be provided to ensure that the cookie privacy preferences are honored.
...this parameter may be null, but it is strongly recomm
ended that a non-null value be provided to ensure that the cookie privacy preferences are honored.
...this parameter may be null, but it is strongly recomm
ended that a non-null value be provided to ensure that the cookie privacy preferences are honored.
nsIFile
the persistent descriptor is int
ended to be used whenever a nsifile needs to be serialized to disk and later recovered.
... this string is not int
ended for display to users.
... void append( in astring node ); parameters node a string which is int
ended to be a child node of the nsifile.
...[native character encoding variant] void appendnative( in acstring node ); parameters node a string that is int
ended to be a child node of the current nsifile.
nsIRequest
it is not recomm
ended for normal browsing as it may likely violate reasonable assumptions made by the server and confuse users.
... note: these flags are int
ended for normal browsing, and they should therefore not apply to content that must be validated before each use.
... note: susp
ended requests are still considered pending.
... calling cancel() on a susp
ended request must not send any notifications (such as onstoprequest) until the request is resumed.
nsIWebProgressListener
these are instead int
ended as a rough indicator that may be used to, for example, color code a security indicator or otherwise provide basic data transfer security feedback to the user.
... constant value description state_identity_ev_toplevel 0x00100000 state bits for ev == ext
ended validation == high assurance.
...in such cases, the request itself should be queried for ext
ended error information (for example for http requests see nsihttpchannel.
...the status message is int
ended to be displayed to the user (for example, in the status bar of the browser).
Mozilla
for a discussion on ext
ended c++ support see bug 505907.
... productization guide productization is the choice of ''default'' search engines, content and protocol handlers, bookmarks, links to recomm
ended sites on the in-product pages, etc.
...it is int
ended primarily for developers, and deliberately omits some topics that will be important in any redis deployment, like security and backups.
...it is recomm
ended that you use virtualenv for installing anything other than system software that you are working on.
HTMLMediaElement - Web APIs
htmlmediaelement.
ended read only returns a boolean that indicates whether the media element has finished playing.
... htmlmediaelement.mozcapturestream() [enter description] htmlmediaelement.mozcapturestreamuntil
ended() [enter description] htmlmediaelement.mozgetmetadata() returns object, which contains properties that represent metadata from the playing media resource as {key: value} pairs.
...
ended fired when playback stops when end of the media (<audio> or <video>) is reached or because no further data is available.
... suspend fired when the media data loading has been susp
ended.
MediaStreamTrack - Web APIs
"
ended" which indicates that the input is not giving any more data and will never provide new data.
...the track state is set to
ended.
... events listen to these events using addeventlistener() or by assigning an event listener to the oneventname property of this interface:
ended sent when playback of the track ends (when the value readystate changes to
ended).
... also available using the on
ended event handler property.
NotificationEvent - Web APIs
ewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetnotificationevent experimentalchrome full support 42edge full support ≤18firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie ?
...t android full support 4.0notificationevent() constructor experimentalchrome full support 42edge full support ≤18firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie ?
... samsung internet android full support 4.0action experimentalchrome full support 48edge full support ≤18firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie ?
... samsung internet android full support 5.0notification experimentalchrome full support 42edge full support ≤18firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie ?
Web Audio API best practices - Web APIs
when you create an audio context (either offline or online) it is created with a state, which can be susp
ended, running, or closed.
...here is a simple example of creating the context from inside a click event: const button = document.queryselector('button'); button.addeventlistener('click', function() { const audioctx = new audiocontext(); }, false); if however, you create the context outside of a user gesture, its state will be set to susp
ended and it will need to be started after user interaction.
... we can use the same click event example here, test for the state of the context and start it, if it is susp
ended, using the resume() method.
... const audioctx = new audiocontext(); const button = document.queryselector('button'); button.addeventlistener('click', function() { // check if context is in susp
ended state (autoplay policy) if (audioctx.state === 'susp
ended') { audioctx.resume(); } }, false); you might instead be working with an offlineaudiocontext, in which case you can resume the susp
ended audio context with the startrendering() method.
Migrating from webkitAudioContext - Web APIs
if you need to know when playback of the node is finished (which is the most significant use case of playbackstate), there is a new
ended event which you can use to know when playback is finished.
...var isfinished = (src.playbackstate == src.finished_state); // new audiocontext code: var src = context.createbuffersource(); function
endedhandler(event) { isfinished = true; } var isfinished = false; src.on
ended =
endedhandler; the exact same changes have been applied to both audiobuffersourcenode and oscillatornode, so you can apply the same techniques to both kinds of nodes.
... if you need to count the number of playing source nodes, you can maintain the count by handling the
ended event on the source nodes, as shown above.
... function startsource() { var src = arguments[0]; var startargs = array.prototype.slice.call(arguments, 1); src.on
ended = function() { sources.splice(sources.indexof(src), 1); } sources.push(src); src.start.apply(src, startargs); } function activesources() { return sources.length; } var src0 = context.createbuffersource(); var src0 = context.createbuffersource(); // set buffers and other parameters...
XRWebGLLayer.getNativeFramebufferScaleFactor() static method - Web APIs
return value a floating-point value which, when multiplied by the xrsession's recomm
ended framebuffer dimensions, results in the xr device's native frame buffer resolution.
... if the session has
ended, this function returns 0.0.
...in any case, multiplying the recomm
ended resolution as identified by the xrsession by this value will result in the actual native resolution of the xr hardware.
... the recomm
ended webgl frame buffer resolution is the best possible estimate of the resolution necessary to contain all of fthe xrviews needed by the device while at the same time providing typical applications an acceptable balance of image quality and performance.
@counter-style - CSS: Cascading Style Sheets
the @counter-style at-rule addresses this shortcoming in an open-
ended manner, by allowing authors to define their own counter styles when the pre-defined styles aren't fitting their needs.
... negative lets the author specify symbols to be app
ended or prep
ended to the counter representation if the value is negative.
... prefix specifies a symbol that should be prep
ended to the marker representation.
... suffix specifies, similar to the prefix descriptor, a symbol that is app
ended to the marker representation.
Variable fonts guide - CSS: Cascading Style Sheets
width width (represented by the wdth tag) defines the design axis of how narrow or wide (condensed or ext
ended, in typographic terms) the letterforms can be.
... optical size values are generally int
ended to be automatically applied corresponding to font-size, but can also be manipulated using the lower-level font-variation-settings syntax.
...in most cases you would want to match the font-size (the physical size the type is being rendered) with the opsz value (which is how optical sizing is int
ended to be applied when using auto).
...the practice of designing different grades of a typeface was often done in reaction to int
ended use and printing technique.
Content-Language - HTTP
the content-language entity header is used to describe the language(s) int
ended for the audience, so that it allows a user to differentiate according to the users' own preferred language.
... for example, if "content-language: de-de" is set, it says that the document is int
ended for german language speakers (however, it doesn't indicate the document is written in german.
... if no content-language is specified, the default is that the content is int
ended for all language audiences.
... <html lang="de"> do not use this meta element like this for stating a document language: <!-- /!\ this is bad practice --> <meta http-equiv="content-language" content="de"> indicating a target audience for a resource the content-language header is used to specify the int
ended audience of the page, and can indicate that this is more than one language.
HTTP Index - HTTP
72 content-language http, headers, reference the content-language entity header is used to describe the language(s) int
ended for the audience, so that it allows a user to differentiate according to the users' own preferred language.
...this directive is int
ended for web sites with large numbers of insecure legacy urls that need to be rewritten.
... 220 103 early hints draft, http, informational, needscompattable, needscontent, status code the http 103 early hints information response status code is primarily int
ended to be used with the link header to allow the user agent to start preloading resources while the server is still preparing a response.
...it is int
ended for cases where another process or server handles the request, or for batch processing.
JavaScript modules - JavaScript
the modules directory's two modules are described below: canvas.js — contains functions related to setting up the canvas: create() — creates a canvas with a specified width and height inside a wrapper <div> with a specified id, which is itself app
ended inside a specified parent element.
... createreportlist() — creates an unordered list app
ended inside a specified wrapper element, which can be used to output report data into.
...prep
ended to it, e.g.
... we mentioned this before, but to reiterate: .js files need to be loaded with a mime-type of text/javascript (or another javascript-compatible mime-type, but text/javascript is recomm
ended), otherwise you'll get a strict mime type checking error like "the server responded with a non-javascript mime type".
Date.parse() - JavaScript
it is not recomm
ended to use date.parse as until es5, parsing of strings was entirely implementation dependent.
... syntax direct call: date.parse(datestring) implicit call: new date(datestring) parameters datestring a string representing a simplification of the iso 8601 calendar date ext
ended format.
... date time string format the standard string representation of a date time string is a simplification of the iso 8601 calendar date ext
ended format.
... given a non-standard date string of "march 7, 2014", parse() assumes a local time zone, but given a simplification of the iso 8601 calendar date ext
ended format such as "2014-03-07", it will assume a time zone of utc (es5 and ecmascript 2015).
Web video codec guide - Web media technologies
generally speaking, any configuration option that is int
ended to reduce the output size of the video will probably have a negative impact on the overall quality of the video, or will introduce certain types of artifacts into the video.
...ks within the image supported frame sizes up to 8,192 x 4,320 pixels supported color modes some of the more common or interesting profiles: profile color depths chroma subsampling constrained baseline (cbp) 8 4:2:0 baseline (bp) 8 4:2:0 ext
ended (xp) 8 4:2:0 main (mp) 8 4:2:0 high (hip) 8 4:0:0 (greyscale) and 4:2:0 progressive high (prohip) 8 4:0:0 (greyscale) and 4:2:0 high 10 (hi10p) 8 to 10 4:0:0 (greyscale) and 4:2:0 high 4:2:2 (hi422p) 8 to 10 4:...
... in the sections below, we offer recomm
ended codec selections for specific use cases.
... if you are only able to offer a single version of each video, you can choose the format that's most appropriate for your needs.the first one is recomm
ended as being a good combnination of quality, performance, and compatibility.
begin - SVG: Scalable Vector Graphics
an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
end - SVG: Scalable Vector Graphics
an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
...an optional offset value as defined in <offset-value> can be app
ended.
kernelUnitLength - SVG: Scalable Vector Graphics
for lighting filter primitives, it indicates the int
ended distance for the x and y coordinates, for <feconvolvematrix>, it indicates the int
ended distance between successive columns and rows in the kernel matrix.
... three elements are using this attribute: <feconvolvematrix>, <fediffuselighting>, and <fespecularlighting> feconvolvematrix for the <feconvolvematrix>, kernelunitlength indicates the int
ended distance in current filter units (i.e., units as determined by the value of primitiveunits attribute) between successive columns and rows, respectively, in the kernelmatrix.
... fediffuselighting for the <fediffuselighting>, kernelunitlength indicates the int
ended distance in current filter units (i.e., units as determined by the value of attribute primitiveunits) for the x and y coordinate, respectively, in the surface normal calculation formulas.
... value <number-optional-number> default value pixel in offscreen bitmap animatable yes fespecularlighting for the <fespecularlighting>, kernelunitlength indicates the int
ended distance in current filter units (i.e., units as determined by the value of attribute primitiveunits) for the x and y coordinate, respectively, in the surface normal calculation formulas.
systemLanguage - SVG: Scalable Vector Graphics
it is thus recomm
ended to include a "catch-all" choice at the end of such a <switch> which is acceptable in all cases.
... multiple languages may be listed for content that is int
ended for multiple audiences.
... for example, content that is presented simultaneously in the original maori and english versions, would call for: <text systemlanguage="mi, en"><!-- content goes here --></text> however, just because multiple languages are present within the object on which the systemlanguage test attribute is placed, this does not mean that it is int
ended for multiple linguistic audiences.
... an example would be a beginner's language primer, such as "a first lesson in latin," which is clearly int
ended to be used by an english-literate audience.
SVG documentation index - SVG: Scalable Vector Graphics
16 svg event attributes advanced, attribute, draft, landing, needsupdate, svg event attributes always have their name starting with "on" followed by the name of the event for which they are int
ended.
...for lighting filter primitives, it indicates the int
ended distance for the x and y coordinates, for <feconvolvematrix>, it indicates the int
ended distance between successive columns and rows in the kernel matrix.
... 233 units-per-em deprecated, svg, svg attribute the units-per-em attribute specifies the number of coordinate units on the "em square", an abstract square whose height is the int
ended distance between lines of type in the same type size.
...a recomm
ended approach for defining a platform-independent custom cursor is to create a png image and define a cursor element that references the png image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).
Interaction between privileged and non-privileged pages - Archive of obsolete content
(to better ensure others do not also implement the same event with a different meaning, one might either attach a namespace to <myextensiondataelement/> and check on the event handler for the correct namespaceuri property, or as per the dom specification, use initevent() with an event name that is itself namespaced (xml name characters only): "it is also strongly recomm
ended that third parties adding their own events use their own prefix to avoid confusion and lessen the probability of conflicts with other new events.") in the case where your extension's overlay does not interact directly with browser.xul, such as in a sidebar, it might be easier to add the event listener to the top-level document directly as shown below (also see: accessing the elements of the top-...
...ventdata(event) { if (event.target.ownerdocument != targetdoc) throw "event from unexpected source"; return new xml(event.target.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 ext
ended privileges (just like your extension) with, for example, the ability to delete local files.
... it is highly recomm
ended to check the source of the event (via event.target.ownerdocument.location) and make your extension ignore any events from pages not from your server.
Adding Events and Commands - Archive of obsolete content
you can capture and cancel events during any of these phases, provided that they aren't canceled before they reach the point where you int
ended to capture them.
...it is recomm
ended that you have them at the top of the xul code, along with script declarations and other invisible elements with as popupset and commandset.
...this is the recomm
ended way of centralizing common ui behavior in firefox and extensions.
The Box Model - Archive of obsolete content
the css property may be useful on some occasions, but using the orient attribute is not recomm
ended because it mixes content and presentation.
...the latter are recomm
ended to keep style code in the skin section of the chrome.
...we recomm
ended that you use proportional units (em, %) instead of absolute units (px) whenever possible.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
it wasn't that every level was absolutely necessary to reproduce the int
ended design effects.
...we
ended up confining the footer to the width of the center column to avoid any possible overlap.
...our engineer, aaron jones, actually
ended up rebuilding the majority of our vignette templates from scratch.
JavaScript Client API - Archive of obsolete content
client may be downloaded) a separate, conspicuous, and reasonably detailed privacy policy detailing how data collected or transmitted by your third party client is managed and protected; (b) that your third party client will only store data in encrypted form on the firefox sync servers operated by mozilla; (c) that you and your third party client will use the firefox sync apis solely for their int
ended purpose; (d) that your third party client will not hide or mask its identity as it uses the services and/or firefox sync apis, including by failing to follow required identification conventions; and (e) that you and your third party client will not use the firefox sync apis for any application or service that replicates or attempts to replicate the services or firefox sync experience unless such ...
...before developing against the javascript api, it is recomm
ended to speak to developers of the api.
... in this case, it is highly recomm
ended to use the utils.makeguid() helper to generate new guids: let newguid = utils.makeguid(); your store object must implement the following methods: itemexists(id) createrecord(id, collection) changeitemid(oldid, newid) getallids() wipe() create(record) update(record) remove(record) you may also find it useful to override other methods of the base implementation, for example applyinco...
Mozilla Application Framework in Detail - Archive of obsolete content
standards support: gecko is the first browser technology to fully implement the latest w3c standards and enables developers to build rich, dynamic web pages and web-based applications that look and run as int
ended across a variety of platforms and devices.
...xpconnect glues the front end to the c++-based components in xpcom, and it can be ext
ended to include scripting support for other languages: pyxpcom already offers support for python, java is supported by javaxpcom, and there are efforts underway to add perl and ruby language support for xpconnect.
...on) xml extras (the home page for the xml extras code module, which contains mozilla's web services support) soap scripts in mozilla (documentation on soap in mozilla from the engineer who implemented it) xpinstall, mozilla's cross platform installation technology one of the many things that makes the mozilla platform easy for both users and developers is that applications can be installed, ext
ended, or upgraded with simple web page links.
Mozilla Crypto FAQ - Archive of obsolete content
note that this document is for your information only and is not int
ended as legal advice.
...("cfr" stands for "code of federal regulations.") the export administration regulations were created by the bureau of export administration (bxa) and were designed primarily to implement the requirements of the export administration act of 1979 (as am
ended), also known as 50 usc appendices 2401-2420.
... for more information see 15 cfr part 730, section 730.2 (concerning statutory authority for the ear), and the document "principal statutory authority for the export administration regulations", which contains copies of the export administration act of 1979 (as am
ended), the international emergency economic powers act (as am
ended), and related legislation and executive orders.
accesskey - Archive of obsolete content
if a label doesn't have the specified character, the character will be app
ended to the label with parentheses.
... it is recomm
ended that you only use characters that appear in the label.
...for these languages, you can assign an accesskey different than any of the label characters, and the accesskey text will always be app
ended as described above.
MenuModification - Archive of obsolete content
if the menu already has a menupopup, the new menuitem will be app
ended to this existing one.
...this menu is created and app
ended to the popup.
...in this example, an item is app
ended to a menu, and then immediately removed again.
Simple Query Syntax - Archive of obsolete content
in reality, the builder could be considered to convert a simple query into an ext
ended query, so that it can be processed in the same way.
...this form of attribute syntax on a rule is equivalent to a <triple> in the ext
ended syntax.
...note that the menulist itself must use the ext
ended syntax since it doesn't iterate over the children of a resource.
Accesskey display rules - Archive of obsolete content
this document calls the app
ended text "accesskey text".
...for coherence of the labels on such localized builds, the accesskey text is always app
ended even if the labels have their accesskey characters.
...if the value is "true" (string), the accesskey text will be app
ended always.
XULRunner 1.8.0.1 Release Notes - Archive of obsolete content
installing xulrunner mozilla provides xulrunner for windows, mac os x, and linux, in english: download xulrunner for windows download xulrunner for mac os x download xulrunner for linux windows unpack the zip file to a new directory using a archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\1.8.0.1 .
...the following directory is recomm
ended: /opt/xulrunner/1.8.0.1 .
XULRunner 1.8.0.4 Release Notes - Archive of obsolete content
installing xulrunner mozilla provides xulrunner for windows, mac os x, and linux, in english: download xulrunner for windows download xulrunner for mac os x download xulrunner for linux windows unpack the zip file to a new directory using an archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\1.8.0.4 .
...the following directory is recomm
ended: /opt/xulrunner/1.8.0.4 .
XULRunner 1.9.1 Release Notes - Archive of obsolete content
installing xulrunner mozilla provides xulrunner for windows, mac os x, and linux, in english: download xulrunner for windows download xulrunner for mac os x download xulrunner for linux windows unpack the zip file to a new directory using an archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\1.9.1 .
...the following directory is recomm
ended: /opt/xulrunner/1.9.1 .
XULRunner 1.9.2 Release Notes - Archive of obsolete content
installing xulrunner mozilla provides xulrunner for windows, mac os x, and linux, in english: download xulrunner for windows download xulrunner for mac os x download xulrunner for linux windows unpack the zip file to a new directory using an archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\1.9.2 .
...the following directory is recomm
ended: /opt/xulrunner/1.9.2 .
XULRunner 1.9 Release Notes - Archive of obsolete content
installing xulrunner mozilla provides xulrunner for windows, mac os x, and linux, in english: download xulrunner for windows download xulrunner for mac os x download xulrunner for linux windows unpack the zip file to a new directory using an archive tool (7zip is recomm
ended).
... the following directory is recomm
ended: c:\program files\mozilla xulrunner\1.9 .
...the following directory is recomm
ended: /opt/xulrunner/1.9 .
application/http-index-format specification - Archive of obsolete content
this data is not int
ended for display to the end user and is only meant as a comment to make the file format clear to a human interpreter.
...this data is int
ended for the end user of the file format data if there is one.
...this data is int
ended for the end user of the file format data if there is one.
2006-11-03 - Archive of obsolete content
discussions ext
ended validation certificates major discussion this week started by gervase markham about security certificates, more specifically ext
ended validation certificates.
... the aim of the group is to develop a new, higher standard for the validation which is done before certificate issuance, called ext
ended validation.
... a decision has to be made as to the usefulness of ext
ended validation certificates and weather or not they will make a difference to the reliability of information in certificates.
2006-11-24 - Archive of obsolete content
discussions continuing discussions on the ext
ended validation certificates large amount of activity this week regarding the ext
ended validation certificates, duane posted several snippets of interesting debates as to whether or not the protocol should be introduced.
... mozilla backing off from "ext
ended validation"?
... yet more people disgruntled by ev proposal mozilla, opera and co only tout open standards as it suits them in addition eddy nigg posted an alternative proposal for the use of ext
ended validation certificates ev certificates / another proposal meetings none during this week.
Introduction to SSL - Archive of obsolete content
this document is primarily int
ended for administrators of red hat server products, but the information it contains may also be useful for developers of applications that support ssl.
...cipher suites supported by the ssl protocol that use the rsa key-exchange algorithm strength category and recomm
ended use cipher suites strongest cipher suite permitted for deployments within the united states only.
...cipher suites supported by red hat when using fortezza for ssl 3.0 strength category and recomm
ended use cipher suites strong fortezza cipher suites permitted for deployments within the united states only.
Summary of Changes - Archive of obsolete content
proprietary or deprecated feature w3c feature or recomm
ended replacement deprecated font html 4.01 span plus css1 color: ; font-family: ; font-size: ; deprecated center or align="center" css1 text-align: center; for in-line elements like text or image deprecated center or align="center" css1 margin-left: auto; margin-right: auto; for block-level elements deprecated bgcolor css1 background-color: ; non-standard embed html 4.01 object deprecated applet html 4.01 object non-standard marquee html 4.01 div plus scripting ...
... non-standard bgsound html 4.01 object proprietary or deprecated feature w3c feature or recomm
ended replacement ie5+ id_attribute_value document.all.id_attribute_value document.all[id_attribute_value] dom level 2: document.getelementbyid(id_attribute_value) ie5+ formname.inputname.value dom level 1: document.forms["formname"].inputname.value ie5+ inputname.value dom level 1: document.forms["formname"].inputname.value ie5+ formctrlname dom level 1: document.forms["formname"].formctrlname ie5+ document.forms(0) dom level 1: document.forms[0] ie elemref.innertext dom level 1 (core) interface we could introduce dom 3 core textcontent attribute here whic...
......e3-textcontent ie5+ elemref.style.pixeltop dom level 2: parseint(elemref.style.top, 10) ie5+ elemref.style.pixelleft = x; elemref.style.pixeltop = y; dom level 2: elemref.style.left = x + "px"; elemref.style.top = y + "px"; ie5+ new activexobject("microsoft.xmlhttp") new xmlhttprequest() proprietary or deprecated feature w3c feature or recomm
ended replacement ...
Browser Detection and Cross Browser Support - Archive of obsolete content
this article is int
ended to provide an overview of browser detection strategies and best practices.
...since other browsers pret
ended to be netscape browsers and encoded their version information in a non-standard fashion in the user agent comment area, the task of determining which browser was being used became more complicated than it should have been.
...the recomm
ended approach is to assume that any unknown browser supports the basic standards of html and css and to a certain extent javascript and the w3c dom.
Mozilla's DOCTYPE sniffing - Archive of obsolete content
the public identifier "-//o'reilly and associates//dtd html ext
ended 1.0//en".
... the public identifier "-//o'reilly and associates//dtd html ext
ended relaxed 1.0//en".
... the public identifier "-//spyglass//dtd html 2.0 ext
ended//en".
Index - MDN Web Docs Glossary: Definitions of Web-related terms
a ciphertext is int
ended to be unreadable by unauthorized readers.
... in 1998 the w3c first recomm
ended mathml for representing mathematical expressions in the browser.
... 505 wrapper codingscripting, glossary, wrapper in programming languages such as javascript, a wrapper is a function that is int
ended to call one or more other functions, sometimes purely for convenience, and sometimes adapting them to do a slightly different task in the process.
Fundamental text and font styling - Learn web development
my big red elephant cursive fonts that are int
ended to emulate handwriting, with flowing, connected strokes.
... my big red elephant fantasy fonts that are int
ended to be decorative.
...body text generally looks nicer and is easier to read when the lines are spaced apart; the recomm
ended line height is around 1.5 – 2 (double spaced.) so to set our lines of text to 1.6 times the height of the font, you'd use this: line-height: 1.6; applying this to the <p> elements in our example would give us this result: hidden example2 <h1>tommy the cat</h1> <p>well i remember it as though it were a meal ago...</p> <p>said tommy the cat as he reeled back to clear whatever foreign matte...
Index - Learn web development
mdn provides you with an ext
ended html documentation as well as a deep instructional html how-to.
...it was never int
ended to be a full guide to learning svg, just a pointer so you know what svg is if you meet it in your travels around the web.
... 270 accessibility in react accessibility, beginner, frameworks, javascript, learn, react, client-side, focus management, keyboard in our final tutorial article, we'll focus on (pun int
ended) accessibility, including focus management in react, which can improve usability and reduce confusion for both keyboard-only and screenreader users.
Test your skills: Loops - Learn web development
loops 1 in our first looping task we want you start by creating a simple loop that goes through all the items in the provided myarray and prints them out on the screen inside list items (i.e., <li> elements), which are app
ended to the provided list.
... you are given three variables to begin with: i — starts off with a value of 0; int
ended to be used as an iterator.
... loops 3 in this final task, you are provided with the following: i — starts off with a value of 500; int
ended to be used as an iterator.
Getting started with React - Learn web development
others say that its bl
ended nature makes it confusing.
...it's recomm
ended that you use the long-term support (lts) version.
...it is recomm
ended that you use a modern browser like firefox, safari, or chrome when working through these tutorials.
Getting started with Svelte - Learn web development
prerequisites: at minimum, it is recomm
ended that you are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
... nevertheless, svelte is particularly appropriate to tackle the following situations: web applications int
ended for low power devices: applications built with svelte have smaller bundle sizes, which is ideal for devices with slow network connections and limited processing power.
...it's recomm
ended that you use the long-term support (lts) version.
Handling common accessibility problems - Learn web development
you might have inherited a site where the semantics are not very good (perhaps you've
ended up with a horrible cms that generates buttons made with <div>s), or you are using a complex control that does not have keyboard accessibility built in, like the html5 <video> element (amazingly, opera is the only browser that allows you to tab through the <video> element's default browser controls).
...it is recomm
ended that when you draw up your testing plan, you should include some accessibility user groups if at all possible (see our user testing section earlier on in the course for some more context).
... accessibility testing checklist the following list provides a checklist for you to follow to make sure you've carried out the recomm
ended accessibility testing for your project: make sure your html is as semantically correct as possible.
Eclipse CDT Manual Setup
the consequences of the above observations are this: it is strongly recomm
ended that you invoke your normal (re)builds from the command line, externally of eclipse.
...below.) initial workspace preferences when you open eclipse, it will ask you to "select a workspace" (a directory where eclipse will store files that it generates during indexing, and so on.) it's recomm
ended that you have a separate workspace containing only a single project for each mozilla source tree [rational], and that you choose a directory outside the mozilla source.
...:-) build option discovery this section requires that you have already built your mozilla source tree (so that you have an object directory for it), and it is strongly recomm
ended that the object directory is up to date so that the just-print-mozilla-build.py script runs quickly.
Sqlite.jsm
executecached() is recomm
ended for statements that will be executed many times.
... execute() is recomm
ended for statements that will be executed seldomly or once.
...therefore, it's recomm
ended to use onrow with select statements.
Fonts for Mozilla 2.0's MathML engine
to see mathml as int
ended, you need sufficient font support, which may mean installing some fonts.
...recomm
ended fonts the stix fonts project has been developing a comprehensive set of fonts that cover all the symbols in mathml and also contains glyphs to stretch mathematical operators.
...the license allows you to "use this font as permitted by the eula for the product in which this font is included to display and print content", so consulting your lawyer is recomm
ended if considering installing this on systems without the associated product.
Python binding for NSS
cert_dump.py ext
ended to print ns_cert_type_extension cert_usage_flags, nss_init_flags now support optional repr_kind parameter the following classes were added: nss.certverifylognode nss.certverifylog error.certverifyerror (exception) nss.authorityinfoaccess nss.authorityinfoaccesses the following class methods were added: ...
...for ipv6 the a hex string must be enclosed in brackets if a port is app
ended to it, the bracketed hex address with app
ended with a port is unappropriate in some circumstances, hence the new address property to permit either the address string with a port or without a port.
...plus the implementation depd
ended on being able to perform a reverse dns lookup which is not always possible.
NSS Tools certutil
changing the names of the certificate and key databases is not recomm
ended.
... -6 add an ext
ended key usage extension to a certificate that is being created or added to the database.
... ext
ended key usage extensions are described in standard x.509 v3 certificate extensions in appendix a.3 of thered hat certificate system administration guide.
64-bit Compatibility
the compiler can implicitly sign or zero extend operands with unint
ended side effects.
... for example, consider this code: #define pointer_tagbits 3 static inline uintptr_t unmaskpointer(uintptr_t v) { return v & ~pointer_tagbits; } the value 3 will be inverted to 0xfffffffc, then zero-ext
ended to 0x00000000fffffffc - a subtle and nasty bug, assuming it is unint
ended.
...amd64 pointers if mucking with pointers on amd64 (or em64-t/intel64), it is important to keep in mind an invariant that bits 63-48 must be sign-ext
ended from bit 47.
Bytecode Descriptions
it must not have been previously susp
ended.
...it pushes a stack frame (the one saved when gen was susp
ended, rather than a fresh one) and runs instructions in it.
...gen must be a susp
ended generator object.
Introduction to the JavaScript shell
note: this function is int
ended only for use when testing the javascript engine.
... note: this function is int
ended only for use when testing the javascript engine.
... note: this function is int
ended only for use when testing the javascript engine.
JSClass.flags
jsclass_is_ext
ended obsolete since jsapi 17indicates that this jsclass is really a jsext
endedclass.
...this is recomm
ended for all new code that needs custom marking.
... see also bug 527805 - removed jsclass_share_all_properties bug 571789 - removed jsclass_is_ext
ended bug 638291 - removed jsclass_mark_is_trace bug 641025 - added jsclass_implements_barriers bug 702507 - removed jsclass_construct_prototype bug 758913 - removed jsclass_new_resolve_gets_start bug 766447 - added jsclass_is_domjsclass bug 792108 - added jsclass_emulates_undefined bug 993026 - removed jsclass_new_resolve bug 1097267 - removed jsclass_new_enumerate ...
JS_SuspendRequest
syntax jsrefcount js_suspendrequest(jscontext *cx); void js_resumerequest(jscontext *cx, jsrefcount savedepth); name type description cx jscontext * the context whose current request is to be susp
ended or resumed.
...the return value is the number of nested requests that were susp
ended.
... js_resumerequest resumes the previously susp
ended requests.
JSAPI reference
jsclass.flags jsclass.call jsclass.construct struct jsfunctionspec struct jspropertyspec js_initclass js_linkconstructorandprototype added in spidermonkey 17 js::propertyspecnameissymbol added in spidermonkey 38 js::propertyspecnameequalsid added in spidermonkey 38 js::propertyspecnametopermanentid added in spidermonkey 38 js_getreservedslot js_setreservedslot struct jsext
endedclass obsolete since javascript 1.8.5 struct jsobjectops obsolete since javascript 1.8.5 struct jsxmlobjectops obsolete since javascript 1.8.5 struct jsproperty obsolete since jsapi 16 adding native properties and methods to classes: jsnative struct jsfunctionspec js_fs added in spidermonkey 1.8 js_fn added in spidermonkey 1.8 js_sym_fn added in spidermonkey 38 js_fninfo added in spid...
... jsclass_emulates_undefined added in spidermonkey 24 jsclass_has_reserved_slots(n) jsclass_global_flags jsclass_new_enumerate obsolete since jsapi 37 jsclass_new_resolve obsolete since jsapi 36 jsclass_share_all_properties obsolete since javascript 1.8.5 jsclass_new_resolve_gets_start obsolete since jsapi 16 jsclass_construct_prototype obsolete since jsapi 11 jsclass_is_ext
ended obsolete since jsapi 17 jsclass_mark_is_trace obsolete since jsapi 5 the behavior of a jsclass and its instances can be customized in many ways using callback functions.
...rveslotsop obsolete since javascript 1.8.5 these stub functions can be used when creating a custom jsclass: js_propertystub js_strictpropertystub added in spidermonkey 1.9.3 js_convertstub obsolete since jsapi 37 js_deletepropertystub obsolete since jsapi 37 js_enumeratestub obsolete since jsapi 37 js_finalizestub obsolete since jsapi 15 js_resolvestub obsolete since jsapi 37 jsext
endedclass method types: in js 1.8.5, jsext
endedclass has made private.
SpiderMonkey 24
get it here mozilla-esr24 if the download url is outdate you will find it in "firefox ext
ended support release 24" package on hg release platform support spidermonkey 24 is supported on all the platforms where firefox 24 runs.
... it is recomm
ended that you embed a separate xml parser, or include an xml parsing implementation written in javascript, as an alternative.
... in the meantime moz_custom_stdint_h is int
ended to function as a bridge to always using the standard header.
SpiderMonkey 31
get it here mozilla-esr31 you will find it in "firefox ext
ended support release 31" package on hg release platform support spidermonkey 31 is supported on all the platforms where firefox 31 runs.
... when all jsapi operation has completed, the corresponding js_shutdown method (currently non-mandatory, but highly recomm
ended as it may become mandatory in the future) uninitializes spidermonkey, cleaning up memory and allocations performed by js_init.
... it is not required to call js_shutdown at present, but it is strongly recomm
ended: calling it may be required in a future spidermonkey release.
Redis Tips
it is int
ended primarily for developers, and deliberately omits some topics that will be important in any redis deployment, like security and backups.
...as a conservative calculation, i multiply all the bytes i think i might store and multiply by 10, which antirez once recomm
ended as a worst-case factor for data structure overhead.
... you can rename keys with rename recomm
ended reading http://oldblog.antirez.com/post/redis-persistence-demystified.html/ ...
Animated PNG graphics
it is int
ended to be a replacement for simple animated images that have traditionally used the gif format, while adding support for 24-bit images and 8-bit transparency.
...it is strongly recomm
ended that when any error is encountered decoders should discard all subsequent frames, stop the animation, and revert to displaying the default image.
... blend_op<code> specifies whether the frame is to be alpha bl
ended into the current output buffer content, or whether it should completely replace its region in the output buffer.
Components.utils.Sandbox
for example the content principal above can be made expanded/ext
ended like so: var principal = [gbrowser.selectedtab.linkedbrowser.contentprincipal]; // this is now an expanded (aka ext
ended) principal var sandbox = components.utils.sandbox(principal); null principal you can create a null principal using code like: cc["@mozilla.org/nullprincipal;1"].createinstance(ci.nsiprincipal); from firefox 37 onwards, you can also specify the null principal by simply pass...
...a recomm
ended value for this property is an absolute path to the script responsible for creating the sandbox.
... passing a content window object, setting wantxrays:true (default) and using an ext
ended principal provides a clean, isolated execution environment in which javascript code that needs web apis (such as accessing the window's dom) can be executed without interference from untrusted content code.
mozIStorageService
if this method throws ns_error_file_corrupted, it's recomm
ended that you call mozistorageservice.backupdatabasefile() to back up the database so that user data is not lost (although we have no way of recovering this data yet).
...if this value is false, it is strongly recomm
ended that the database be backed up with mozistorageconnection.backupdb() so user data is not lost.
...if this method throws ns_error_file_corrupted, it's recomm
ended that you call mozistorageservice.backupdatabasefile() to back up the database so that user data is not lost (although we have no way of recovering this data yet).
nsIDocShell
aloadinfo this is the ext
ended load info for this load.
... loadinfo this is the ext
ended load info for this load.
...if the timers are already susp
ended, this has no effect.
nsIEffectiveTLDService
it is not recomm
ended to use this interface for determining whether a given string "is a domain name".
... note: it is strongly recomm
ended that you use getbasedomain() if a suitable nsiuri is available.
... note: it is strongly recomm
ended to use getbasedomain() if a suitable nsiuri is available.
nsIJSON
this method is int
ended for use only by code processing legacy data.
... this method is int
ended for use only by code processing legacy data.
... this method is int
ended for use only by code processing legacy data.
nsILocalFile
the persistent descriptor is int
ended to be used whenever a nsilocalfile needs to be serialized to disk and later recovered.
... this string is not int
ended for display to users.
...this string is not int
ended for display to users.
nsIMicrosummaryObserver
1.0 66 introduced gecko 1.8 obsolete gecko 6.0 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview void oncontentloaded(in nsimicrosummary microsummary); void onelementapp
ended(in nsimicrosummary microsummary); void onerror(in nsimicrosummary microsummary); methods oncontentloaded() called when an observed microsummary updates its content.
... onelementapp
ended() called when an element is app
ended to a microsummary set.
... void onelementapp
ended( in nsimicrosummary microsummary ); parameters microsummary the microsummary that has just been app
ended to the set.
nsIMutableArray
if the position is equal to the current length of the array, the new element is app
ended.
...if the position is equal to the current length of the array, the new element is app
ended.
... if the position is higher than the current length of the array, empty elements are app
ended followed by the new element at the specified position.
nsITelemetry
canrecordext
ended boolean a flag indicating if telemetry is allowed to record ext
ended data.
... returns false if the user has not opted into "ext
ended telemetry" on the release channel, when the user has explicitly opted out of telemetry on nightly/aurora/beta or if manually set to false during tests.
... dataset_release_channel_optin 1 the ext
ended dataset that is opt-in on release, opt-out on pre-release channels.
XPIDL
writing xpidl interface files xpidl closely resembles omg idl, with ext
ended syntax to handle iids and additional types.
...however, it is generally not recomm
ended to have a chain of interfaces inheriting from each other if you intend to have a chain of implementations for each interface, as it can cause problems in c++ code.
... shared out-parameters should not be freed, as they are int
ended to refer to constant string literals.
Index
32 index index found 72 pages: 33 ldap support administration, enterprise, thunderbird this document is int
ended to "fill in the gaps" about how enterprise customers can leverage and customize ldap support in mozilla thunderbird.
... it is not int
ended as an introduction to ldap and mozilla products.
...it is highly recomm
ended that you use amo to distribute your extensions.
Web Console Helpers - Firefox Developer Tools
$(selector, element) looks up a css selector string selector , returning the first node desc
ended from element that matches.
... $$(selector, element) looks up a css selector string selector, returning an array of dom nodes desc
ended from element that match.
...when used, "-fullpage" will be app
ended to the file name.
The JavaScript input interpreter - Firefox Developer Tools
$(selector, element) looks up a css selector string selector , returning the first node desc
ended from element that matches.
... $$(selector, element) looks up a css selector string selector, returning an array of dom nodes desc
ended from element that match.
...when used, "-fullpage" will be app
ended to the file name.
AudioContext.resume() - Web APIs
the resume() method of the audiocontext interface resumes the progression of time in an audio context that has previously been susp
ended.
... example the following snippet is taken from our audiocontext states demo (see it running live.) when the suspend/resume button is clicked, the audiocontext.state is queried — if it is running, suspend() is called; if it is susp
ended, resume() is called.
... susresbtn.onclick = function() { if(audioctx.state === 'running') { audioctx.suspend().then(function() { susresbtn.textcontent = 'resume context'; }); } else if(audioctx.state === 'susp
ended') { audioctx.resume().then(function() { susresbtn.textcontent = 'suspend context'; }); } } specifications specification status comment web audio apithe definition of 'resume()' in that specification.
AudioScheduledSourceNode - Web APIs
specifically, this interface defines the start() and stop() methods, as well as the on
ended event handler.
... events listen to these events using addeventlistener() or by assigning an event listener to the oneventname property of this interface:
ended fired when the source node has stopped playing, either because it's reached a predetermined stop time, the full duration of the audio has been performed, or because the entire buffer has been played.
... also available using the on
ended event handler property.
CSS Object Model (CSSOM) - Web APIs
le cssrule cssrulelist cssstyledeclaration cssstylesheet cssstylerule csssupportsrule cssvariablesmap cssviewportrule elementcssinlinestyle fontface fontfaceset fontfacesetloadevent geometryutils getstyleutils linkstyle medialist mediaquerylist mediaquerylistevent mediaquerylistlistener screen stylesheet stylesheetlist transitionevent several other interfaces are also ext
ended by the cssom-related specifications: document, window, element, htmlelement, htmlimageelement, range, mouseevent, and svgelement.
... managing screen orientation specifications specification status comment css typed om level 1 working draft css painting api level 1 working draft ext
ended the css interface with the paintworklet static property.
... css object model (cssom) working draft ext
ended the css interface and provides the base for the modern cssom specification.
Examples of web and XML development using the DOM - Web APIs
but the stopevent method has stopped propagation, and so after the data in the table is updated, the event phase is effectively
ended, and an alert box is displayed to confirm this.
... the properties of event objects differs greatly between browsers, the whatwg dom standard lists the standard properties, however many browsers have ext
ended these greatly.
... if dom core methods document.createelement and node.appendchild are used to create rows and cells, ie requires that they are app
ended to a tbody element, whereas other browsers will allow appending to a table element (the rows will be added to the last tbody element).
MediaSource - Web APIs
mediasource.readystate read only returns an enum representing the state of the current mediasource, whether it is not currently attached to a media element (closed), attached and ready to receive sourcebuffer objects (open), or attached but the stream has been
ended via mediasource.endofstream() (
ended.) mediasource.duration gets and sets the duration of the current media being presented.
... mediasource.onsource
ended the event handler for the source
ended event.
...ported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; function fetchab (url, cb) { console.log(url); var xhr = new xmlhttprequest; xhr.open('get', url); xhr.responsetype = 'arraybuffer'; xhr.onload = function () { cb(xhr.response); }; xhr.send(); }; specifications specification status comment media source extensionsthe definition of 'mediasource' in tha...
OfflineAudioContext.resume() - Web APIs
the resume() method of the offlineaudiocontext interface resumes the progression of time in an audio context that has been susp
ended.
...if the context is not currently susp
ended or the rendering has not started, the promise is rejected with invalidstateerror.
... invalidstateerror if the context is not currently susp
ended or the rendering has not started.
PublicKeyCredentialCreationOptions.user - Web APIs
syntax useraccount = publickeycredentialcreationoptions.user properties displayname a domstring which is human readable and int
ended for display.
...this is not int
ended to store the login of the user (see name below).
..."jdoe@example.com").this property is int
ended for display and may be use to distinguish different account with the same displayname.
PushEvent - Web APIs
full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
... full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
... full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 44safari no support nowebview android no support nochrome android full supp...
Touch events - Web APIs
its job is to draw the last line segment for each touch that
ended and remove the touchpoint from the ongoing touch list.
...it is only int
ended as a guide.) function ontouch(evt) { evt.preventdefault(); if (evt.touches.length > 1 || (evt.type == "touchend" && evt.touches.length > 0)) return; var newevt = document.createevent("mouseevents"); var type = null; var touch = null; switch (evt.type) { case "touchstart": type = "mousedown"; touch = evt.changedtouches[0]; break; case "touchmove": ...
...this behavior is not well defined in the touch events spec and results in different behavior for different browsers (i.e., ios will prevent zooming but still allow panning with both fingers; android will allow zooming but not panning; opera and firefox currently prevent all panning and zooming.) currently, it's not recomm
ended to depend on any particular behavior in this case, but rather to depend on meta viewport to prevent zooming.
Web Video Text Tracks Format (WebVTT) - Web APIs
comments are int
ended for those reading the file and are not seen by users.
...it is also recomm
ended that you use the greater-than escape sequence (>) instead of the greater-than character (>) to avoid confusion with tags.
...it is also recomm
ended that you use the greater-than escape sequence ">" instead of the greater-than character (>) to avoid confusion with tags.
Starting up and shutting down a WebXR session - Web APIs
here we discuss both how to request a shutdown of the webxr session and how to detect when the session has
ended, whether by your request or otherwise.
... detecting when the session has
ended as previously established, you can detect when the webxr session has
ended—whether because you've called its end() method, the user turned off their headset, or some sort of irresolvable error occurred in the xr system—by watching for the end event to be sent to the xrsession.
... session.onend = (event) => { /* the session has shut down */ freeresources(); }; here, when the session has
ended and the end event is received, a freeresources() function is called to release the resources previously allocated and/or loaded to handle the xr presentation.
Using the Web Audio API - Web APIs
a baseaudiocontext is created for us automatically and ext
ended to an online audio context.
... // select our play button const playbutton = document.queryselector('button'); playbutton.addeventlistener('click', function() { // check if context is in susp
ended state (autoplay policy) if (audiocontext.state === 'susp
ended') { audiocontext.resume(); } // play or pause track depending on state if (this.dataset.playing === 'false') { audioelement.play(); this.dataset.playing = 'true'; } else if (this.dataset.playing === 'true') { audioelement.pause(); this.dataset.playing = 'false'; } }, fal...
...our htmlmediaelement fires an
ended event once it's finished playing, so we can listen for that and run code accordingly: audioelement.addeventlistener('
ended', () => { playbutton.dataset.playing = 'false'; }, false); modifying sound let's delve into some basic modification nodes, to change the sound that we have.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
this syntax is not recomm
ended for the same reasons that make using eval() a security risk.
...so the minidaemon framework remains the recomm
ended way for simple animations, because daemon without its collection of methods is essentially a clone of it.
... ensure that execution duration is shorter than interval frequency if there is a possibility that your logic could take longer to execute than the interval time, it is recomm
ended that you recursively call a named function using settimeout().
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
this syntax is not recomm
ended for the same reasons that make using eval() a security risk.
...note that in either case, the actual delay may be longer than int
ended; see reasons for delays longer than specified below.
... // recomm
ended window.settimeout(function() { alert('hello world!'); }, 500); // not recomm
ended window.settimeout("alert('hello world!');", 500); a string passed to settimeout is evaluated in the global context, so local symbols in the context where settimeout() was called will not be available when the string is evaluated as code.
XRSystem: requestSession() - Web APIs
the supported modes are: immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be bl
ended with the real-world environment.
... immersive-vr indicates that the rendered session will be displayed using an immersive xr device in vr mode; it is not int
ended to be overlaid or integrated into the surrounding environment.
... navigator.xr.requestsession("immersive-vr") .then((xrsession) => { xrsession.addeventlistener('end', onxrsession
ended); // do necessary session setup here.
ARIA: gridcell role - Accessibility
it is int
ended to mimic the functionality of the html td element for table-style grouping of information.
...the ids provided for aria-describedby should correspond to parent elements int
ended to be the rows and columns.
...as such, it is recomm
ended to use the utilize native html table markup instead of recreating a table's form and functionality with aria and javascript.
Web accessibility for seizures and physical reactions - Accessibility
the literal property is int
ended to identify text or images as non-literal and allows the author to explain non-literal text and images to users.
... transitions (for css and svg) the following is from the web animations model csswg.org drafts the web animations model is int
ended to provide the features necessary for expressing css transitions [css-transitions-1], css animations [css-animations-1], and svg [svg11].
...editor harding along with the peat tool, is generaly recognized to be one of the two "gold standards" for analyzing flashes harding flash and pattern analyzer iso iec 61966-2-2:2003(en) multimedia systems and equipment — colour measurement and management — part 2-2: colour management — ext
ended rgb colour space — scrgb photosensitive epilepsy analysis tool along with the harding tool, is generaly recognized to be one of the two "gold standards" for analyzing flashes trace research and development center using peat to create seizureless web animations w3c css color module level 3 personalization semantics explainer 1.0.
@media - CSS: Cascading Style Sheets
print int
ended for paged material and documents viewed on a screen in print preview mode.
... (please see paged media for information about formatting issues that are specific to these formats.) screen int
ended primarily for screens.
... speech int
ended for speech synthesizers.
Using media queries - CSS: Cascading Style Sheets
print int
ended for paged material and documents viewed on a screen in print preview mode.
... (please see paged media for information about formatting issues that are specific to these formats.) screen int
ended primarily for screens.
... speech int
ended for speech synthesizers.
ime-mode - CSS: Cascading Style Sheets
in the past, this was commonly used on fields that entered data into databases which didn't support ext
ended character sets.
... <input type="text" name="name" value="initial value" style="ime-mode: disabled"> note: you shouldn't rely on disabling ime to prevent ext
ended characters from passing through your form.
... even with ime disabled, users can still paste ext
ended characters into your form's fields.
will-change - CSS: Cascading Style Sheets
important: will-change is int
ended to be used as a last resort, in order to try to deal with existing performance problems.
...will-change is int
ended to be used as something of a last resort, in order to try to deal with existing performance problems.
...this property is int
ended as a method for authors to let the user-agent know about properties that are likely to change ahead of time.
Cross-browser audio basics - Developer guides
</audio> note: this value is often ignored on mobile platforms, and its use is not recomm
ended unless really necessary.
...
ended the
ended event is initiated when the end of the media is reached.
... myaudio.addeventlistener("
ended", function() { //do something once audio track has finished playing }); volumechange the volumechange event signifies that the volume has changed; that includes being muted.
Live streaming web audio and video - Developer guides
this technology also allows an advertising segment to be app
ended/inserted into the stream.
... at the start of the streaming session, an ext
ended m3u (m3u8) playlist is downloaded.
... note: shoutcast urls may require a semi-colon to be app
ended to them.
Web Audio playbackRate explained - Developer guides
defaultplaybackrate and ratechange in addition to playbackrate, we also have a defaultplaybackrate property available, which lets us set the default playback rate: the playback rate to which the media resets; for example, if we change the source of the video, or (in some browsers) when an
ended event is generated.
...for most applications, it's recomm
ended that you limit the range to between 0.5 and 4.
... ie9+ switches to the default playback rate when an
ended event is fired.
Date and time formats used in HTML - HTML: Hypertext Markup Language
while the gregorian calendar wasn't created until the year 1582 (replacing the similar julian calendar), for html's purposes, the gregorian calendar is ext
ended back to the year 1 c.e.
...a valid global date and time string is the same format as a local date and time string, except it has a time zone string app
ended to the end, following the time.
... the time zone string is app
ended immediately following the time in the date and time string.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
preload this enumerated attribute is int
ended to provide a hint to the browser about what the author thinks will lead to the best user experience.
...
ended playback has stopped because the end of the media was reached.
... suspend media data loading has been susp
ended.
<input type="password"> - HTML: Hypertext Markup Language
use of a pattern is strongly recomm
ended for password inputs, in order to help ensure that valid passwords using a wide assortment of character classes are selected and used by your users.
... <label for="userpassword">password: </label> <input id="userpassword" type="password" required> <input type="submit" value="submit"> specifying an input mode if your recomm
ended (or required) password syntax rules would benefit from an alternate text entry interface than the standard keyboard, you can use the inputmode attribute to request a specific one.
...12"> <button id="selectall">select all</button> javascript document.getelementbyid("selectall").onclick = function() { document.getelementbyid("userpassword").select(); } result you can also use selectionstart and selectionend to get (or set) what range of characters in the control are currently selected, and selectiondirection to know which direction selection occurred in (or will be ext
ended in, depending on your platform; see its documentation for an explanation).
<link>: The External Resource Link element - HTML: Hypertext Markup Language
html5 ext
ended this to any kind of media queries, which are a superset of the allowed values of html 4.
...the common use of this attribute is to define the type of stylesheet being referenced (such as text/css), but given that css is the only stylesheet language used on the web, not only is it possible to omit the type attribute, but is actually now recomm
ended practice.
... recommendation added crossorigin and sizes attributes; ext
ended values of media to any media queries; added numerous new values for rel.
<video>: The Video Embed element - HTML: Hypertext Markup Language
preload this enumerated attribute is int
ended to provide a hint to the browser about what the author thinks will lead to the best user experience with regards to what content is loaded before the video is played.
...
ended playback has stopped because the end of the media was reached.
... suspend media data loading has been susp
ended.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
document: an html document int
ended to be embedded by a <frame> or <iframe>.
... other resource preloading mechanisms other preloading features exist, but none are quite as fit for purpose as <link rel="preload">: <link rel="prefetch"> has been supported in browsers for a long time, but it is int
ended for prefetching resources that will be used in the next navigation/page load (e.g.
... <link rel="subresource"> was supported in chrome a while ago, and was int
ended to tackle the same issue as preload, but it had a problem: there was no way to work out a priority for the items (as didn't exist back then), so they all got fetched with fairly low priority.
Evolution of HTTP - HTTP
http/1.0 – building extensibility http/0.9 was very limited and both browsers and servers quickly ext
ended it to be more versatile: versioning information is now sent within each request (http/1.0 is app
ended to the get line) a status code line is also sent at the beginning of the response, allowing the browser itself to understand the success or failure of the request and to adapt its behavior in consequence (like in updating or using its local cache in a specific way) the notion of http headers...
...around 1996, http has been ext
ended to allow authoring, and a standard called webdav was created.
... it has been further ext
ended for specific applications like carddav to handle address book entries and caldav to deal with calendars.
Using HTTP cookies - HTTP
while this was legitimate when they were the only way to store data on the client, it is now recomm
ended to use modern storage apis.
... restrict access to cookies there are a couple of ways to ensure that cookies are sent securely and are not accessed by unint
ended parties or scripts: the secure attribute and the httponly attribute.
...cookie blocking can cause some third-party components (such as social media widgets) to not function as int
ended.
Content-Security-Policy - HTTP
therefore it is recomm
ended to restrict this fetch-directive (e.g., explicitly set object-src 'none' if possible).
... though the report-to directive is int
ended to replace the deprecated report-uri directive, report-to is not supported in most browsers yet.
...this directive is int
ended for web sites with large numbers of insecure legacy urls that need to be rewritten.
Introduction - JavaScript
core javascript can be ext
ended for a variety of purposes by supplementing it with additional objects; for example: client-side javascript extends the core language by supplying objects to control a browser and its document object model (dom).
... the ecmascript document is not int
ended to help script programmers.
...this guide includes some javascript features which are only currently available in the latest versions of firefox, so using the most recent version of firefox is recomm
ended.
Inheritance and the prototype chain - JavaScript
for the best learning experience, it is highly recomm
ended that you open a console, navigate to the "console" tab, copy-and-paste in the below javascript code, and run it by pressing the enter/return key.
...however, as microsoft has discontinued ext
ended support for systems running these old browsers, this should not be a concern for most applications.
...further, the native prototypes should never be ext
ended unless it is for the sake of compatibility with newer javascript features.
WebAssembly.CompileError - JavaScript
androidfirefox for androidopera for androidsafari on iossamsung internetnode.jscompileerrorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0compileerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the fi...
...refox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
WebAssembly.LinkError - JavaScript
or androidfirefox for androidopera for androidsafari on iossamsung internetnode.jslinkerrorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0linkerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firef...
...ox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
WebAssembly.RuntimeError - JavaScript
androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsruntimeerrorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0runtimeerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the fi...
...refox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support ...
with - JavaScript
use of the with statement is not recomm
ended, as it may be the source of confusing bugs and compatibility issues.
... using with is not recomm
ended, and is forbidden in ecmascript 5 strict mode.
... the recomm
ended alternative is to assign the object whose properties you want to access to a temporary variable.
Image file type and format guide - Web media technologies
however, the ones listed below are generally recognized as usable on the web, though bmp is generally not recomm
ended as browser support is potentially constrained; it should usually be avoided for web content.
...these include cmyk, ycbcr, and others, making tiff a good choice for storing images int
ended for print, film, or television media.
...as such, tiff files are not useful within the context of web content, but it's common to provide downloadable tiff files when distributing photos and other artwork int
ended for precision editing or printing.
Codecs used by WebRTC - Web media technologies
opus, for example, has its own cn capability; as such, using rfc 3389 cn with the opus codec is not recomm
ended.
... bit rate recommendations given a 20 millisecond frame size, the following table shows the recomm
ended bit rates for various forms of media.
... media type recomm
ended bit rate range narrow-band speech (nb) 8 to 12 kbps wide-band speech (wb) 16 to 20 kbps full-band speech (fb) 28 to 40 kbps full-band monaural music (fb mono) 48 to 64 kbps full-band stereo music (fb stereo) 64 to 128 kbps the bit rate may be adjusted at any time.
Content Processes - Archive of obsolete content
although e10s has now been susp
ended, the sdk was designed with this multiprocess model in mind.
... a few notes on security as we stated earlier, the sdk was designed with multiprocess support in mind, despite the fact that work on implementing this in firefox has currently been susp
ended.
Private Properties - Archive of obsolete content
it is possible to read this section on its own, but to fully appreciate how namespaces work, and the problem they set out to solve, it is recomm
ended to read the entire article.
...consider the following example: function point(x, y) { this._x = x; this._y = y; } the properties _x and _y are int
ended to be private, and should only be accessed by member functions.
JavaScript Daemons Management - Archive of obsolete content
so the minidaemon framework will remain the recomm
ended way for simple animations, because daemon without its collection of methods is essentially a clone of it.
...so the minidaemon framework will remain the recomm
ended way for simple animations, because daemon without its collection of methods is essentially a clone of it.
How to convert an overlay extension to restartless - Archive of obsolete content
ses["@mozilla.org/network/file-input-stream;1"] .createinstance(components.interfaces.nsifileinputstream) .queryinterface(components.interfaces.nsiseekablestream); stream.init(file, 0x01, 0444, 0); // read-only, read by owner/group/others, normal behavior /* do stuff */ }); this bit of code is paraphrased and probably not to be recomm
ended as-is, but it should work.
... (note that the usage of an octal integer literal, while standard for handling permissions, is dangerous and deprecated; usage of use es5 strict mode to disable this and other foot-guns is recomm
ended) if you need to read/manipulate binary data, a nsibinaryinputstream instance is what you'll use on that stream (e.g.
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
setting up your development environment in order to develop (and test) extensions in a most convenient way it is recomm
ended to apply some changes to firefox.
...if you set things up as recomm
ended in the section “setting up your development environment”, xul and javascript errors will appear here.
Local Storage - Archive of obsolete content
it is strongly recomm
ended that you keep your local files inside the firefox profile directory.
...they were designed with rdf datasources in mind, but since firefox 3 they have been ext
ended to support sqlite datasources as well.
CSS3 - Archive of obsolete content
each module being standardized independently, the standard css consists of css2.1 am
ended and ext
ended by the completed modules, not necessary all with the same level number.
... the support of tri-dimensional transforms to be applied to any element by adding the css transform-style, perspective, perspective-origin, and backface-visibility properties and ext
ended the transform property with the following transforms are: matrix 3d(), translate3d(), translatez(), scale3d(), scalez(), rotate3d(), rotatex(), rotatey(), rotatez(), and perspective().
JXON - Archive of obsolete content
"price": 42.5, "size": { "@description": "medium", "color_swatch": { "@image": "black_cardigan.jpg", "keyvalue": "black" } } }] }, "script": { "@type": "text/javascript", "keyvalue": "function matchwo(a,b) {\n if (a < b && a < 0) { return 1; }\n else { return 0; }\n}" } } } this is a recomm
ended technique if you know the structure of the xml document.
...in fact, if your goal is to edit an xml document, it is strongly recomm
ended to work on it rather than create new ones.
Installing Dehydra - Archive of obsolete content
building spidermonkey it is recomm
ended that you use spidermonkey revision aurora_base_20110705 when building dehydra.
...it is recomm
ended to get the latest dehydra sources by checking out from mercurial.
New Skin Notes - Archive of obsolete content
since i manage a number of sites for which i must respect quality standards at 800 pixels width for compatibility (we accept break 640 compatibility nowadays except for sites int
ended for pdas/ppcs), i find myself needing to use ctrl+- with the devmo wikki currently, not to change my global settings of course, which are fine and factory-default, working well with the other sites i visit regularily or manage...
...tab links are currently as int
ended.
The new nsString class implementation (1999) - Archive of obsolete content
this document is int
ended to briefly describe the new nsstring class architecture, and discuss the implications on memory management, optimizations, internationalization and usage patterns.
...our minimalistic nsimemoryagent interface is just rich enough to support the nsstring idiom, and could be ext
ended to serve as the general memory allocation idiom.
addDirectory - Archive of obsolete content
a relative pathname is app
ended to the registry name of the package as specified by the package parameter to the initinstall method.this parameter can also be null, in which case the xpisourcepath parameter is used as a relative pathname.note that the registry pathname is not the location of the software on the computer; it is the location of information about the software inside the client version registry.
... subdir the name of a directory to append to localdirspec, using '/' as the path separator regardless of the platform.if subdir is missing, null, or "", the filenames are app
ended directly to the folder name specified by localdirspec.
Introduction to XUL - Archive of obsolete content
xul documents support an ext
ended set, much as html documents support dom level 1 html apis.
...however, mozilla supports ext
ended dom functionality for the xul content model, patterned after the html extensions.
Multiple Queries - Archive of obsolete content
you can also mix simple and ext
ended queries in one template, although you may prefer to use the same style in all queries for consistency.
...when using the ext
ended query syntax, the manner in which the graph is navigated may be different for every query, so no optimization can be done.
Manipulating Lists - Archive of obsolete content
although listboxes may be manipulated using the standard dom functions as well, it is recomm
ended that the specialized listbox functions be used instead when possible.
...the right kind of element will be app
ended in each situation.
XUL accessibility guidelines - Archive of obsolete content
the recomm
ended way of fixing this is that all functionality associated with a toolbar be duplicated elsewhere in the application, such as in a menu item or context menu.
...for toolbar buttons with images it is recomm
ended to use both a text label in the label attribute and image alt text in the tooltiptext attribute.
window - Archive of obsolete content
sablefastfind, drawintitlebar, fullscreenbutton, height, hidechrome, id, lightweightthemes, lightweightthemesfooter, screenx, screeny, sizemode, title, width, windowtype examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <!-- run this example using copy & paste in this live xul editor: https://github.com/km-200/xul --> <!-- extremely recomm
ended to keep this css include!!
... disablefastfindtype: booleanput disablefastfind="true" on the root element of a xul document, which is int
ended to be loaded in a tab, to disable the find bar for the tab with this document.
2006-11-03 - Archive of obsolete content
(http://www.google.com/url?sa=d&q=htt...tail%3fid%3d64) gavin recomm
ended that phil should add |ac_add_options --disable-airbag| to his .mozconfig.
...according to him he has followed the windows build requirements recomm
ended by mozilla.
2006-11-10 - Archive of obsolete content
(was: ext
ended validation certificates) a continuation of last week's discussion on ext
ended validation certificates, the there post was getting unruly at 147 replies.
... good ideas a splinter off of the ext
ended validation certificates discussion going over whether or not fraudulent websites may get these certificates and if so how to prevent this from happening.
Syndicating content with RSS - Archive of obsolete content
it is recomm
ended that you too use this icon when creating the special <a> link to your feed.
...(other sizes and colors, along with their source files, are available too.) advanced syndication techniques although this advanced technique for syndication is not required, support of this is recomm
ended, especially for web sites and applications with high performance needs.
Introduction to Public-Key Cryptography - Archive of obsolete content
contents of a certificate the contents of certificates are organized according to the x.509 v3 certificate specification, which has been recomm
ended by the international telecommunications union (itu), an international standards body, since 1988.
... a driver's license can be susp
ended even if it has not expired-for example, as punishment for a serious driving offense.
CSS - Archive of obsolete content
-left-colors css property sets a list of colors for the left border.-moz-border-right-colorsin mozilla applications like firefox, the -moz-border-right-colors css property sets a list of colors for the right border.-moz-border-top-colorsin mozilla applications like firefox, the -moz-border-top-colors css property sets a list of colors for the top border.-moz-stack-sizing-moz-stack-sizing is an ext
ended css property.
...if the word does not meet the required minimum number of characters in the word, before the hyphen, or after the hyphen, then the word is not hyphenated.-ms-hyphenate-limit-linesthe -ms-hyphenate-limit-lines css property is a microsoft extension specifying the maximum number of consecutive lines in an element that may be
ended with a hyphenated word.-ms-hyphenate-limit-zonethe -ms-hyphenate-limit-zone css property is a microsoft extension specifying the width of the hyphenation zone.-ms-ime-alignthe -ms-ime-align css property is a microsoft extension aligning the input method editor (ime) candidate window box relative to the element on which the ime composition is active.
Writing JavaScript for XHTML - Archive of obsolete content
in the age of xml comments are what they were int
ended: comments.
... in php, for example, you would write something like this: if( strpos( $_server['http_accept'], "application/xhtml+xml" ) ) { header( "content-type: application/xhtml+xml" ); echo '<?xml version="1.0" ?>'."\n"; } else { header( "content-type: text/html" ); } this distinction also sends the xml declaration, which is strongly recomm
ended, when the document is an xml file.
Using the Right Markup to Invoke Plugins - Archive of obsolete content
the object element: w3c standards and cross-browser issues the object element is part of the html 4.01 specification, and is the recomm
ended mechanism to invoke plugins.
...thus, in the following example, instead of stopping at the activex control, ie will display the same animation twice since it also understands the mime type for flash: <!-- usage will not work as int
ended --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swliveconnect" value="true" /> <object type="application/x-shockwave-flash" data...
Unconventional controls - Game development
implementing mobile and desktop controls is recomm
ended is a must, and gamepad controls add that extra experience.
... using a tv remote to control the game
ended up being surprisingly easy, because the events fired by the controller are emulating conventional keyboard keys.
Gecko FAQ - Gecko Redirect 1
gecko enables a pioneering new class of dynamic content that is more interactive and offers greater presentation control to web developers, using open and recomm
ended internet standards instead of proprietary apis.
... by the end of calendar year 2000, gecko is expected to support the following recomm
ended open internet standards fully except for the areas noted below and open bugs documented in bugzilla: html 4.0 - full support except for: elements: bdo, basefont attributes: shape attribute on the a element, abbr, axis, headers, scope-row, scope-col, scope-rowgroup, scope-colgroup, charoff, datasrc, datafld, dataformat, datapagesize, summary, event, dir, align on table columns, label a...
Advanced styling effects - Learn web development
first, background-blend-mode — here we'll show a couple of simple <div>s, so you can compare the original with the bl
ended version: <div> </div> <div class="multiply"> </div> now some css — we are adding to the <div> one background image and a green background color: div { width: 250px; height: 130px; padding: 10px; margin: 10px; display: inline-block; background: url(https://mdn.mozillademos.org/files/13090/colorful-heart.png) no-repeat center 20px; background-color: green; } .multiply { backgr...
...eft: 0; background: url(https://mdn.mozillademos.org/files/13090/colorful-heart.png) no-repeat center 20px; background-color: green; } article div:last-child { background-color: purple; position: absolute; bottom: -10px; right: 0; z-index: -1; } .multiply-mix { mix-blend-mode: multiply; } this gives us the following results: you can see here that the multiply mix blend has bl
ended together not only the two background images, but also the color from the <div> below it too.
Overflowing content - Learn web development
you might wonder why css works in such a messy way, displaying content outside of its int
ended container.
... you can also scroll on the x axis using overflow-x, although this is not a recomm
ended way to accommodate long words!
Floats - Learn web development
this will usually work, however, in certain cases you might find unwanted scrollbars or clipped shadows due to unint
ended consequences of using overflow.
...this exists only to create a bfc without using hacks — there will be no unint
ended consequences when you use it.
The HTML5 input types - Learn web development
search field search fields are int
ended to be used to create search boxes on pages and apps.
...to that end, it's highly recomm
ended that you set the min, max, and step attributes which set the minimum, maximum and increment values, respectively.
Front-end web developer - Learn web development
modules introduction to html (15–20 hour read/exercises) multimedia and embedding (15–20 hour read/exercises) html tables (5–10 hour read/exercises) styling and layout with css time to complete: 90–120 hours prerequisites it is recomm
ended that you have basic html knowledge before starting to learn css.
... modules css first steps (10–15 hour read/exercises) css building blocks (35–45 hour read/exercises) styling text (15–20 hour read/exercises) css layout (30–40 hour read/exercises) additional resources css layout cookbook interactivity with javascript time to complete: 135–185 hours prerequisites it is recomm
ended that you have basic html knowledge before starting to learn javascript.
JavaScript basics - Learn web development
you start by declaring a variable with the var (less recomm
ended, dive deeper for the explanation) or the let keyword, followed by the name you give to the variable: let myvariable; note: a semicolon at the end of a line indicates where a statement ends.
...because the quote marks turn the numbers into strings, so you've
ended up concatenating strings rather than adding numbers.
The web and web standards - Learn web development
these documents are not very useful for learning how to use the technologies they describe (this is why we have sites like mdn web docs), but instead are int
ended to be used by software engineers to implement these technologies (usually in web browsers).
... testing tools that can be used to run tests to show whether your code is behaving as you int
ended it to.
HTML Cheatsheet - Learn web development
mdn provides you with an ext
ended html documentation as well as a deep instructional html how-to.
... usage code snippet result a simple paragraph <p>i'm a paragraph</p> <p>i'm another paragraph</p> i'm a paragraph i'm another paragraph an ext
ended quotation <blockquote>the blockquote element indicates an ext
ended quotation.</blockquote> the blockquote element indicates an ext
ended quotation.
From object to iframe — other embedding technologies - Learn web development
using this isn't really recomm
ended any more, as the same effect can be better achieved using border: none; in your css.
...the html generated by the adobe flash tool t
ended 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.
Introduction to web APIs - Learn web development
ent.queryselector('.volume'); const audiosource = audioctx.createmediaelementsource(audioelement); next up we include a couple of event handlers that serve to toggle between play and pause when the button is pressed and reset the display back to the beginning when the song has finished playing: // play/pause audio playbtn.addeventlistener('click', function() { // check if context is in susp
ended state (autoplay policy) if (audioctx.state === 'susp
ended') { audioctx.resume(); } // if track is stopped, play it if (this.getattribute('class') === 'paused') { audioelement.play(); this.setattribute('class', 'playing'); this.textcontent = 'pause' // if track is playing, stop it } else if (this.getattribute('class') === 'playing') { audi...
...oelement.pause(); this.setattribute('class', 'paused'); this.textcontent = 'play'; } }); // if track ends audioelement.addeventlistener('
ended', function() { playbtn.setattribute('class', 'paused'); playbtn.textcontent = 'play'; }); note: some of you may notice that the play() and pause() methods being used to play and pause the track are not part of the web audio api; they are part of the htmlmediaelement api, which is different but closely-related.
Video and Audio APIs - Learn web development
add the following addeventlistener() lines below the previous one you added: stop.addeventlistener('click', stopmedia); media.addeventlistener('
ended', stopmedia); the click event is obvious — we want to stop the video by running our stopmedia() function when the stop button is clicked.
... we do however also want to stop the video when it finishes playing — this is marked by the
ended event firing, so we also set up a listener to run the function on that event firing too.
The business case for web performance - Learn web development
here are some kpis to consider: conversion rate the percent of your traffic that takes an int
ended action, such as completing a purchase or signing up for a newsletter.
... when a business site is slow, it can prevent users from completing their int
ended task.
Properly configuring server MIME types - Learn web development
mime types describe the media type of content either in email or served by web servers or web applications and are int
ended to help guide a web browser in how the content is to be processed and displayed.
... if the web server or application reports an incorrect mime type for content, a web browser has no way, according to the http specification, of knowing that the author actually int
ended the content to be processed and displayed in a way different from that implied by the reported mime type.
Website security - Learn web development
for example, the following code is int
ended to list all users with a particular name (username) that has been supplied from an html form: statement = "select * from users where name = '" + username + "';" if the user specifies a real name, the statement will work as int
ended.
...in this attack, a user is able to specify an "unint
ended" file for display or execution in data passed to the server.
Getting started with Ember - Learn web development
prerequisites: at minimum, it is recomm
ended that you are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
... that said, because this tutorial is a focus on the javascript side of making a small web application, todomvc's value comes from providing pre-made css and recomm
ended html structure, which eliminates small differences between implementations, allowing for easier comparison.
Accessibility in React - Learn web development
previous overview: client-side javascript frameworks next in our final tutorial article, we'll focus on (pun int
ended) accessibility, including focus management in react, which can improve usability and reduce confusion for both keyboard-only and screenreader users.
...e="todo-text" type="text" value={newname} onchange={handlechange} ref={editfieldref} /> the "edit" button in your view template should read like this: <button type="button" classname="btn" onclick={() => setediting(true)} ref={editbuttonref} > edit <span classname="visually-hidden">{props.name}</span> </button> focusing on our refs with useeffect to use our refs for their int
ended purpose, we need to import another react hook: useeffect().
TypeScript support in Svelte - Learn web development
prerequisites: at minimum, it is recomm
ended that you are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
...vs code will tell you that there are recomm
ended extensions to install.
Adding a new todo form: Vue events, methods, and models - Learn web development
modifiers are app
ended to the end of an event with a dot like so: @event.modifier.
... update your addtodo() method like so: addtodo(todolabel) { this.todoitems.push({id:uniqueid('todo-'), label: todolabel, done: false}); } try testing your form again, and you should see new to-do items get app
ended to the end of the list.
Command line crash course - Learn web development
simple commands do not carry too much danger, but as you start putting together more complex commands, you need to think carefully about what the command will do, and try testing them out first before you finally run them in the int
ended directory.
...it'll help you to understand better how the tool is int
ended to be used.
Accessibility/LiveRegionDevGuide
in this case, the root event string is object:text-changed with ":delete" and ":insert" being app
ended to complete the event type.
...it was originally int
ended to give web developers a means to force a live region message to go to a separate output device.
Mozilla’s UAAG evaluation report
(p2) p dom inspector provides some capability, but not really int
ended for end users (tasks, tools, dom inspector) 9.10 configure important elements.
...(p2) p dom inspector provides a type of outline view, although it is not int
ended for end users page info (ctrl+i) gives lists of links, media, forms/elements can use a user style sheet to implement an outline bug 127030 has been filed for an outline view.
Choosing the right memory allocator
ree() and also clears the pointer) pr_freeif special cases pr_smprintf(), pr_sprintf_append(), pr_vsmprintf() and pr_vsprintf_append() must be freed with pr_smprintf_free() pl_strdup(), pl_strndup() must be freed with pl_strfree() nscrt::strdup/nscrt::strndup must be freed with nscrt::free allocating memory within plugins there are special memory allocation routines specifically int
ended for use from plugins, which must not be used from within mozilla itself.
... npn_memalloc npn_memfree npn_memflush javascript api memory allocators there are also routines int
ended for use within the javascript runtime engine (spidermonkey).
Old Thunderbird build
8 gb or more is recomm
ended.
...other build configuration options can be added to this file, although it's strongly recomm
ended that you only use options that you fully understand.
Simple Instantbird build
build prerequisites hardware requirements: while you can build instantbird on older hardware it can take quite a bit of time to compile on slower machines, and having 8gb of ram is recomm
ended (though you can probably still get away with 4gb).
...if that's not exactly what you want, there are many build configuration options to choose from, although it's strongly recomm
ended that you only use options that you fully understand.
Simple SeaMonkey build
minimum and recomm
ended hardware requirements for mozilla development are: recomm
ended: 8gb of ram (having only 4gb ram and 4gb swap may give memory errors during compile) 35 gb free disk space.
...a fast ssd is recomm
ended; the firefox build process is i/o-intensive.
Simple Thunderbird build
8 gb or more is recomm
ended.
...other build configuration options can be added to this file, although it's strongly recomm
ended that you only use options that you fully understand.
Eclipse CDT
therefore, it is not recomm
ended for use if your machine only has 4 gb of ram.
...this plugin is int
ended mainly for managed projects but we use an unmanaged project for mozilla (since it has its own build system).
Listening to events on all tabs
in such cases, the request itself should be queried for ext
ended error information (e.g., for http requests see nsihttpchannel).
...the status message is int
ended to be displayed to the user (e.g., in the status bar of the browser).
SVG Guidelines
it's recomm
ended to put the attributes on the same line as their tag names, if possible.
...plus, in most of the cases, the filename is quite descriptive so it's recomm
ended to remove that kind of metadata since it doesn't bring much value.
Multiple Firefox profiles
the release channel is recomm
ended for most users, as it is the "official release" channel.
... for example, if firefox is installed in the recomm
ended location, you would enter /applications/firefox.app/contents/macos/firefox.
Introduction to Layout in Mozilla
pencontainer, closecontainer, addleaf content sink creates and attaches content nodes using nsicontent interface content sink maintains stack of “live” elements more buffering and fixup occurs here insertchildat, appendchildto, removechildat frame construction content sink uses nsidocument interface to notify of Δs in content model contentapp
ended, contentinserted, contentremoved presshell is registered as document observer receives contentapp
ended, etc.
...processed asynchronously via os expose event native expose event dispatched to widget; widget delegates to the view manager view manager paints views back-to-front, invoking presshell’s paint method presshell::paint walks from the view to the frame; invokes nsiframe::paint for each layer incrementalism single-threaded simple (no locking) can’t leave event queue unatt
ended content construction unwinds “at will” parser and content sink do some buffering content sink has “notification limits” efficiency vs.
Localization sign-off reviews
does not need to be approved before revision merge between release channels, although it is recomm
ended.
... access key changes we ensure that when access keys are changed that they are consistent with the keyboard layout for that particular locale and not bl
ended between two or more distinct layouts.
Using the viewport meta tag to control layout on mobile browsers
it is recomm
ended that the pixel unit refer to the whole number of device pixels that best approximates the reference pixel.
... it is recomm
ended that the reference pixel be the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm's length.
Investigating leaks using DMD heap scan mode
dmd heap scan mode is int
ended to be used to investigate leaks of cycle collected (cced) objects.
... the particular steps given below are int
ended for the case where the leaked object is alive all the way through shutdown.
Scroll-linked effects
therefore, with asynchronous scrolling, the event handler will be delayed relative to the user-visible scroll, and so the div will not stay visually fixed as int
ended.
...therefore, the animation can end up looking janky and not as smooth as int
ended.
Performance
the "leaks" tool is not recomm
ended for use with spidermonkey or firefox, because it gets confused by tagged pointers and thinks objects have leaked when they have not (see bug 390944).
... investigating css performance how to figure out why restyle is taking so long power profiling power profiling overview this page provides an overview of relevant information, including details about hardware, what can be measured, and recomm
ended approaches.
Research and prep
productization is the process of determining a user's choice of default search engines, content and protocol handlers (rss readers, web mail and web calendar), bookmarks, and links to recomm
ended sites on the in-product pages as it relates to their locale.
...your selections for default rss readers and content handlers should follow these guidelines: be translated in your language (because it makes the application unusable if it's not in your language provide for the int
ended user experience (e.g., minimal to no advertisements within the user experience) no more than three (if possible) choices.
McCoy
this is located in: %appdata%\mozilla\mccoy (windows) ~/.mozilla/mccoy (linux) ~/library/application support/mccoy (mac os x) it is highly recomm
ended that you back up your profile folder and store it in a safe location whenever you create a new key; without a backup, there is no way to recover your private keys if they are lost!
...it is strongly recomm
ended that you use a password to protect your mccoy data.
Introduction to NSPR
at best they are int
ended to specify a preference with respect to the amount of cpu time that a higher-priority thread might expect relative to a lower-priority thread.
...prmonitor is int
ended for use with java and reflects the java approach to thread synchronization.
NSPR LOG MODULES
level is a numeric value between 0 and 5, with the values having the following meanings: 0 = pr_log_none: nothing should be logged 1 = pr_log_always: important; int
ended to always be logged 2 = pr_log_error: errors 3 = pr_log_warning: warnings 4 = pr_log_debug: debug messages, notices 5: everything!
... append including append results in log entries being app
ended to the existing contents of the file referenced by nspr_log_file.
Building NSS
this is recomm
ended, as the build is faster and more reliable.
...this is recomm
ended.
JSS 4.4.0 Release Notes
jss 4.4.0 requires nss 3.12.5 or higher though nss 3.28.3 is recomm
ended.
... jss 4.3.1 requires nspr 4.7.1 or higher though nspr 3.13 is recomm
ended.
NSS 3.20 release notes
nss 3.20 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_20_rtm/src/ new in nss 3.20 new functionality the tls library has been ext
ended to support dhe ciphersuites in server applications.
... new types in sslt.h ssldhegrouptype - enumerates the set of dhe parameters embedded in nss that can be used with function ssl_dhegroupprefset new macros in ssl.h ssl_enable_server_dhe - a socket option user to enable or disable dhe ciphersuites for a server socket notable changes in nss 3.20 the tls library has been ext
ended to support dhe ciphersuites in server applications.
NSS 3.21 release notes
new in nss 3.21 new functionality certutil now supports a --rename option to change a nickname (bug 1142209) tls ext
ended master secret extension (rfc 7627) is supported (bug 1117022) new info functions added for use during mid-handshake callbacks (bug 1084669) new functions in nss.h nss_optionset - sets nss global options nss_optionget - gets the current value of nss global options in secmod.h secmod_createmoduleex - create a new secmodmodule structure from module name string, module par...
...nge in sslerr.h ssl_error_rx_short_dtls_read - error code for failure to include a complete dtls record in a udp packet ssl_error_no_supported_signature_algorithm - error code for when no valid signature and hash algorithm is available ssl_error_unsupported_signature_algorithm - error code for when an unsupported signature and hash algorithm is configured ssl_error_missing_ext
ended_master_secret - error code for when the ext
ended master secret is missing after having been negotiated ssl_error_unexpected_ext
ended_master_secret - error code for receiving an ext
ended master secret when previously not negotiated in sslt.h ssl_enable_ext
ended_master_secret - configuration to enable the tls ext
ended master secret extension (rfc 7627) ssl_preinfo_version - used w...
NSS 3.22 release notes
new functions in pk11pub.h pk11_signwithmechanism - this function is an ext
ended version pk11_sign().
... pk11_verifywithmechanism - this function is an ext
ended version of pk11_verify().
NSS 3.28.3 release notes
seckeyecpublickey had been ext
ended with a new attribute, named "encoding".
... if you had compiled your application against header files of nss 3.28, nss 3.28.1 or nss 3.28.2, it it recomm
ended that you recompile your application against nss 3.28.3, at the time you upgrade to nss 3.28.3.
NSS 3.29.1 release notes
seckeyecpublickey had been ext
ended with a new attribute, named "encoding".
... if you had compiled your application against header files of nss 3.28, nss 3.28.1, nss 3.28.2 or nss 3.29, it it recomm
ended that you recompile your application against nss 3.29.1 (or nss 3.28.3), at the time you upgrade to nss 3.29.1 (or nss 3.28.3).
NSS 3.48 release notes
tls ext
ended master secret is enabled by default, where possible.
...re usage from pkcs#11 bug 1588567 - enable mozilla::pkix gtests in nss ci bug 1591315 - update nsc_decrypt length in constant time bug 1562671 - increase nss mp kdf default iteration count, by default for modern key4 storage, optionally for legacy key3.db storage bug 1590972 - use -std=c99 rather than -std=gnu99 bug 1590676 - fix build if arm doesn't support neon bug 1575411 - enable tls ext
ended master secret by default bug 1590970 - ssl_settimefunc has incomplete coverage bug 1590678 - remove -wmaybe-uninitialized warning in tls13esni.c bug 1588244 - nss changes for delegated credential key strength checks bug 1459141 - add more cbc padding tests that missed nss 3.47 bug 1590339 - fix a memory leak in btoa.c bug 1589810 - fix uninitialized variable warnings from certdata.perl bug...
nss tech note8
so, in nss 3.4, the global variables ssl3_sid_timeout and ssl_sid_timeout were int
ended to become the definitions for the client cache only, and each server cache had its own new pair of variables for ssl2 and ssl3 session lifetimes, i.e., cache->ssl2timeout and cache->ssl3timeout.
... the server cache initialization function was int
ended to no longer alter the variables ssl3_sid_timeout and ssl_sid_timeout, but rather to set the server cache's variables.
certutil
changing the names of the certificate and key databases is not recomm
ended.
... -6 | --extkeyusage keyword,keyword add an ext
ended key usage extension to a certificate that is being created or added to the database.
Rhino shell
if it is not instance of java.io.outputstream, the process output is read, converted to a string, app
ended to the output property value converted to string and put as the new value of the output property.
...if it is not instance of java.io.outputstream, the process error output is read, converted to a string, app
ended to the err property value converted to string and put as the new value of the err property.
Creating JavaScript tests
jit-tests are int
ended to test the implementation of the jit.
... jstests is int
ended for tests of language-visible functionality.
GCIntegration - SpiderMonkey Redirect 1
this page is int
ended to explain the changes that are happening, with a focus on how they will affect gecko code that uses jsapi.
... the js::objectptr class is int
ended to serve as a drop-in replacement for jsobject *.
Exact Stack Rooting
this guide is int
ended for spidermonkey hackers!
...for this reason it is highly recomm
ended that this rooting mechanism only be used on the cstack.
Statistics API
if a filename is given, data is app
ended to that file.
...mponents.utils.import('resource://gre/modules/services.jsm'); function observer(subject, topic, json) { var data = json.parse(json); // process the data } prefs.set("javascript.options.mem.notify", true); services.obs.addobserver(observer, "garbage-collection-statistics", false); the toplevel json object contains these fields: timestamp: integer (microseconds) - time at which the gc
ended, measured from epoch.
Tracing JIT
this process is called deep aborting the susp
ended recorders.
...if guard's condition fails to hold, the guard either jumps to an exit or, if the guard has been ext
ended, jumps to a sub-trace that has been recorded under the opposite assumption as the guard was checking.
JIT Optimization Strategies
note: this page is an in-progress documentation of jit optimization strategies planned to support the "jit coach" feature int
ended for inclusion in firefox developer tools.
... this page has two int
ended uses: 1.
JS_InitClass
warning: if the class is a jsext
endedclass, make sure that the additional reserved fields at the end of the jsext
endedclass are null.
... jsext
endedclass structs should usually be global, and in this case the compiler automatically initializes these fields to null.
JS_THREADSAFE
the above rules mean that at any given moment, there can be either (a) multiple threads in active requests, or (b) one thread doing gc and all requests susp
ended.
...the recomm
ended technique in spidermonkey 1.8 and later is to periodically call js_yieldrequest from an operation callback.
SpiderMonkey 1.8.5
support for ext
ended class methods (in particular, jsequalityop) has been removed.
...jsext
endedclass jsext
endedclass has been removed from the api entirely.
SpiderMonkey 1.8
new macros js_fs, js_fn, and js_fs_end are recomm
ended for populating jsfunctionspec arrays.
... there are two new jsext
endedclass hooks, jsext
endedclass.iteratorobject and jsext
endedclass.wrappedobject.
Split object
inner objects implement the jsext
endedclass.outerobject hook, which returns a pointer to the corresponding outer object.
... outer objects implement the jsext
endedclass.innerobject hook.
The Publicity Stream API
this stream can be pulled down by getpublicitystream() and helps determine the results for getuserrecomm
endedapps().
...it is not recomm
ended that applications consume the publicity stream in any way (please use your own server for any in-app social aspects).
XPCOM changes in Gecko 2.0
the earliest startup notification extensions can receive now is profile-after-change, which has always been the recomm
ended notification to observe.
...this was always int
ended to be a short-term workaround to allow extensions to continue to work while their authors updated their code to use xpcnativewrappers.
Using XPCOM Utilities to Make Things Easier
the four required parts[other-parts] of the structure contain the following information: a human readable class name the class id (cid) the contract id (an optional but recomm
ended argument) a constructor for the given object static const nsmodulecomponentinfo components[] = { { "pretty class name", cid, contract_id, constructor }, // ...
...furthermore, ns_decl_ app
ended with any interface name in all caps will declare all of the methods of that interface for you.
Mozilla internal string guide
fer that the string class owns, but is not reference counted, because it came from somewhere else) dependent buffers, that is, an underlying buffer that the string class does not own, but that the caller that constructed the string guarantees will outlive the string instance in addition, there is a special string class, ns[c]autostring, that additionally contains an internal 64-unit buffer (int
ended primarily for use on the stack), leading to a fourth ownership model: storage within an auto string's stack buffer auto strings will prefer reference counting an existing reference-counted buffer over their stack buffer, but will otherwise use their stack buffer for anything that will fit in it.
...every byte is zero-ext
ended into a 16-bit code unit.
NS_OVERRIDE
ns_override is a macro which allows c++ code in mozilla to specify that a method is int
ended to override a base class method.
...ss b: class a { virtual nsresult getfoo(nsifoo** aresult); }; class b : public a { ns_override virtual nsresult getfoo(nsifoo** aresult); }; later, the signature of a::getfoo() is changed to remove the output parameter: class a { - virtual nsresult getfoo(nsifoo** aresult); + virtual already_addrefed<nsifoo> getfoo(); }; b::getfoo() no longer overrides a::getfoo() as was originally int
ended.
amIInstallCallback
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void oninstall
ended(in astring aurl, in print32 astatus); methods oninstall
ended() called when an install completes or fails.
... void oninstall
ended( in astring aurl, in print32 astatus ); parameters aurl the url of the add-on being installed.
mozIRegistry
the information below is int
ended to tell you everything you need to know about how to do that.
...it is int
ended to provide a (slightly) lighter-weight implementation that is entirely compatible with current libreg usage.
nsIAccessibleStates
state_extselectable 0x02000000 supports ext
ended selection.
... state_checkable state_marqueed ext
ended state constants ext
ended state flags (for now non-msaa, for java and gnome/atk support) constant value description ext_state_supports_autocompletion 0x00000001 for editable areas that have any kind of auto completion.
nsIComponentRegistrar
this value is int
ended as a human-readable name for the class and need not be globally unique.
...this value is int
ended as a human-readable name for the class and need not be globally unique.
nsIDownloadProgressListener
the received status message is int
ended to be displayed visibly to the user.
... amessage a user-readable status message int
ended to be displayed visibly on the screen.
nsIFilePicker
on some platforms, this is automatically app
ended to filenames the user enters, if required.
...the filter app
ended first will be used to display the nsifilepicker dialog, the user may then select another from the list.
nsIMacDockSupport
therefore, if you would like to add or remove items to the menu it is recomm
ended to manipulate the default menu item which is on the hidden window of firefox.
...this is the recomm
ended way to add to the native menu, just maniuplate the default menu dom element.
nsINavBookmarksService
this contains administrative data as well as user data, and is therefore not recomm
ended for use in queries.
... warning: this is api is int
ended for scenarios such as folder sorting, where the caller manages the indices of all items in the folder.
nsIProgressEventSink
the information is int
ended to be displayed to the user in some meaningful way.
...the information is int
ended to be displayed to the user in some meaningful way.
nsIProtocolProxyService
this method is int
ended as a substitute for resolve when the result is not needed immediately.
...it is recomm
ended that any extensions that choose to call this method make their position value configurable at runtime (perhaps via the preferences service).
nsIScriptableUnicodeConverter
after converting, finish should be called and its return value app
ended to this return value.
...should be called after convertfromunicode() and app
ended to that function's return value.
nsITextInputProcessor
specifying a keyboard event is strongly recomm
ended if the textinputprocessor emulates input from keyboard.
...it's not recomm
ended to specify this explicitly since this value should be linked with code attribute value.
Storage
warning: it may be tempting to give your database a name ending in '.sdb' for sqlite database, but this is not recomm
ended.
...otherwise, it's strongly recomm
ended that you use asynchronous execution, for performance reasons.
Autoconfiguration in Thunderbird
mechanisms thunderbird gets the server settings via different means, each of which is int
ended for different cases: ispdb the ispdb is a central database, currently hosted by the thunderbird project, but free to use for any client.
...this is mainly int
ended for companies who install thunderbird on their employees' computers and want to enable easy account setup without having to set up a configuration server.
LDAP Support
this document is int
ended to "fill in the gaps" about how enterprise customers can leverage and customize ldap support in mozilla thunderbird.
... it is not int
ended as an introduction to ldap and mozilla products.
Building a Thunderbird extension 3: install manifest
<em:minversion>1.5</em:minversion>: this element indicates the earliest version of thunderbird for which the extension is int
ended to work.
... <em:maxversion>5.0.*</em:maxversion>: this element indicates the most recent version of thunderbird for which the extension is int
ended to work.
Debugger.Frame - Firefox Developer Tools
evalwithbindings(code,bindings, [options]) like eval, but evaluatecode in the environment of this frame, ext
ended with bindings from the objectbindings.
... note that, like eval, declarations in thecode passed to evalwithbindings affect the environment of this frame, even as that environment is ext
ended by bindings visible withincode.
Debugger.Object - Firefox Developer Tools
executeinglobalwithbindings(code,bindings, [options]) like executeinglobal, but evaluatecode using the referent as the variable object, but with a lexical environment ext
ended with bindings from the objectbindings.
... note that, like executeinglobal, any declarations it contains affect the referent global object, even ascode is evaluated in an environment ext
ended according tobindings.
Debugger.Object - Firefox Developer Tools
evalinglobalwithbindings(code,bindings, [options]) like evalinglobal, but evaluatecode using the referent as the variable object, but with a lexical environment ext
ended with bindings from the objectbindings.
... note that, like evalinglobal, if the code passed to evalinglobalwithbindings is not strict mode code, then any declarations it contains affect the referent global object, even ascode is evaluated in an environment ext
ended according tobindings.
about:debugging - Firefox Developer Tools
note: it's recomm
ended that you use the browser toolbox, not the add-on debugger, for debugging webextensions.
...for android is updated to a newer major release, in synch with desktop firefox, you should use one of the following firefox for android versions: firefox preview, if your desktop firefox is the main release or developer edition firefox for android nightly if you prefer to test with the main release of firefox for android (i.e., based on release 68), you can do so with the desktop firefox ext
ended support release (esr), which is also based on version 68.
AudioContext.suspend() - Web APIs
example the following snippet is taken from our audiocontext states demo (see it running live.) when the suspend/resume button is clicked, the audiocontext.state is queried — if it is running, suspend() is called; if it is susp
ended, resume() is called.
... susresbtn.onclick = function() { if(audioctx.state === 'running') { audioctx.suspend().then(function() { susresbtn.textcontent = 'resume context'; }); } else if(audioctx.state === 'susp
ended') { audioctx.resume().then(function() { susresbtn.textcontent = 'suspend context'; }); } } specifications specification status comment web audio apithe definition of 'close()' in that specification.
AudioContext - Web APIs
it's recomm
ended to create one audiocontext and reuse it instead of initializing a new one each time, and it's ok to use a single audiocontext for several different audio source and pipeline concurrently.
... audiocontext.resume() resumes the progression of time in an audio context that has previously been susp
ended/paused.
AudioWorkletProcessor.process - Web APIs
it is int
ended to be filled during the execution of the process() method.
...for example, take the audiobuffersourcenode — the processor behind such a node should return true from the process method while the buffer is playing, and start returning false when the buffer playing has
ended (there's no way to call play on the same audiobuffersourcenode again).
Background Tasks API - Web APIs
getting the most out of idle callbacks because idle callbacks are int
ended to give your code a way to cooperate with the event loop to ensure that the system is utilized to its full potential without over-tasking it, resulting in lag or other performance problems, you should be thoughtful about how you go about using them.
...while the browser, your code, and the web in general will continue to run normally if you go over the specified time limit (even if you go way over it), the time restriction is int
ended to ensure that you leave the system enough time to finish the current pass through the event loop and get on to the next one without causing other code to stutter or animation effects to lag.
BaseAudioContext.createScriptProcessor() - Web APIs
it is recomm
ended for authors to not specify this buffer size and allow the implementation to pick a good buffer size to balance between latency and audio quality.
...ata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.on
ended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'createscriptprocessor' in that specification.
CanvasRenderingContext2D - Web APIs
canvasrenderingcontext2d.webkitgetimagedatahd int
ended for hd backing stores, but removed from canvas specifications.
... canvasrenderingcontext2d.webkitputimagedatahd int
ended for hd backing stores, but removed from canvas specifications.
A basic ray-caster - Web APIs
as the rays intersect walls, then they render a vertical sliver of canvas in the color of the wall they've hit, bl
ended with a darker version of the color according to the distance to the wall.
... the code i
ended up with is a regurgitated amalgam of the raycaster chapters from an old andré lamothetricks of the game programming gurus book (isbn: 0672305070), and a java raycaster i found online, filtered through my compulsion to rename everything so it makes sense to me, and all the tinkering that had to be done to make things work well.
Applying styles and colors - Web APIs
ne position—if it hadn't, we would see pixels with half coverage at the endpoints (but note also that this behavior depends on the current linecap style whose default value is butt; you may want to compute consistent strokes with half-pixel coordinates for odd-width lines, by setting the linecap style to square, so that the outer border of the stroke around the endpoint will be automatically ext
ended to cover the whole pixel exactly).
...45 + i * 40); ctx.lineto(75, 5 + i * 40); ctx.lineto(115, 45 + i * 40); ctx.lineto(155, 5 + i * 40); ctx.stroke(); } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample a demo of the miterlimit property as you've seen in the previous example, when joining two lines with the miter option, the outside edges of the two joining lines are ext
ended up to the point where they meet.
console.assert() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output.
... console.log('the word is %s', 'foo'); // output: the word is foo ...the use of such a string does not currently work as int
ended as a parameter for console.assert in all browsers: console.assert(false, 'the word is %s', 'foo'); // correct output in node.js and some browsers // (e.g.
Console.timeEnd() - Web APIs
once stopped, the elapsed time is automatically displayed in the web console along with an indicator that the time has
ended.
...in addition, the call to timeend() has the additional information, "timer
ended" to make it obvious that the timer is no longer tracking time.
Element.innerHTML - Web APIs
for example: const name = "<img src='x' onerror='alert(1)'>"; el.innerhtml = name; // shows the alert for that reason, it is recomm
ended that you do not use innerhtml when inserting plain text; instead, use node.textcontent.
...then the message is app
ended to the box with the class "log".
HTMLAnchorElement - Web APIs
htmlanchorelement.download is a domstring indicating that the linked resource is int
ended to be downloaded rather than displayed in the browser.
... htmlanchorelement.media is a domstring that reflects the media html attribute, indicating the int
ended media for the linked resource.
HTMLElement: animationend event - Web APIs
bubbles yes cancelable no interface animationevent event handler property onanimationend examples this example gets an element that's being animated and listens for the animationend event: const animated = document.queryselector('.animated'); animated.addeventlistener('animationend', () => { console.log('animation
ended'); }); the same, but using the onanimationend event handler property: const animated = document.queryselector('.animated'); animated.onanimationend = () => { console.log('animation
ended'); }; live example html <div class="animation-example"> <div class="container"> <p class="animation">you chose a cold night to visit our planet.</p> </div> <button class="activate" typ...
...g.textcontent = `${animationeventlog.textcontent}'animation started' `; }); animation.addeventlistener('animationiteration', () => { iterationcount++; animationeventlog.textcontent = `${animationeventlog.textcontent}'animation iterations: ${iterationcount}' `; }); animation.addeventlistener('animationend', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation
ended'`; animation.classlist.remove('active'); applyanimation.textcontent = "activate animation"; }); animation.addeventlistener('animationcancel', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation canceled'`; }); applyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; ...
HTMLMediaElement: suspend event - Web APIs
the suspend event is fired when media data loading has been susp
ended.
... using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('suspend', (event) => { console.log('data loading has been susp
ended.'); }); using the onsuspend event handler property: const video = document.queryselector('video'); video.onsuspend = (event) => { console.log('data loading has been susp
ended.'); }; specifications specification status html living standardthe definition of 'suspend media event' in that specification.
HTMLTableElement.insertRow() - Web APIs
the row does not need to be app
ended separately as would be the case if document.createelement() had been used to create the new <tr> element.
...if index is -1 or equal to the number of rows, the row is app
ended as the last row.
HTMLTableRowElement.insertCell() - Web APIs
the cell does not need to be app
ended separately with node.appendchild() as would be the case if document.createelement() had been used to create the new <td> element.
...if index is -1 or equal to the number of cells, the cell is app
ended as the last cell in the row.
Drag Operations - Web APIs
the most commonly used types are listed in the article recomm
ended drag types.
...bug 460801 see also html drag and drop api (overview) dragging and dropping multiple items recomm
ended drag types html5 living standard: drag and drop ...
HTML Drag and Drop API - Web APIs
function dragstart_handler(ev) { // add different types of drag data ev.datatransfer.setdata("text/plain", ev.target.innertext); ev.datatransfer.setdata("text/html", ev.target.outerhtml); ev.datatransfer.setdata("text/uri-list", ev.target.ownerdocument.location.href); } for a list of common data types used in drag-and-drop (such as text, html, links, and files), see recomm
ended drag types.
...ly): http://jsfiddle.net/9c2ef/ dragging and dropping files (all browsers): https://jsbin.com/hiqasek/ a parking project using the drag and drop api: https://park.glitch.me/ (you can edit here) specifications specification status comment html living standard living standard see also drag operations dragging and dropping multiple items recomm
ended drag types html5 living standard: drag and drop drag and drop interoperability data from caniuse ...
Key Values - Web APIs
vk_clear (0x0c) vk_oem_clear (0xfe) kvk_ansi_keypadclear (0x47) gdk_key_clear (0xff0b) qt::key_clear (0x0100000b) keycode_clear (28) "copy" the copy key (on certain ext
ended keyboards).
... vk_crsel (0xf7) gdk_key_3270_cursorselect (0xfd1c) "cut" the cut key (on certain ext
ended keyboards).
MediaSource.readyState - Web APIs
ended: the source is attached to a media element but the stream has been
ended via a call to mediasource.endofstream().
...ported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'readystate' in that specification.
active - Web APIs
a stream is considered active if at least one of its mediastreamtracks is not in the mediastreamtrack.
ended state.
... once every track has
ended, the stream's active property becomes false.
MediaStream - Web APIs
mediastream.
ended read only a boolean value set to true if the end of the stream has been reached.
... this has been removed from the specification; you should instead check the value of mediastreamtrack.readystate to see if its value is
ended for the track or tracks you want to ensure have finished playing.
Node.appendChild() - Web APIs
so if the node already has a parent, the node is first removed, then app
ended at the new position.
... return value the returned value is the app
ended child (achild), except when achild is a documentfragment, in which case the empty documentfragment is returned.
RTCPeerConnection: icecandidate event - Web APIs
better off watching the ice gathering state by watching for icegatheringstatechange events: pc.addeventlistener("icegatheringstatechange", ev => { switch(pc.icegatheringstate) { case "new": /* gathering is either just starting or has been reset */ break; case "gathering": /* gathering has begun or is ongoing */ break; case "complete": /* gathering has
ended */ break; } }); as you can see in this example, the icegatheringstatechange event lets you know when the value of the rtcpeerconnection property icegatheringstate has been updated.
... if that value is now complete, you know that ice gathering has just
ended.
SVGSVGElement - Web APIs
in environments that do not support interactivity (e.g., print media), then redraw shall not be susp
ended.
... svgsvgelement.unpauseanimations() unsuspends (i.e., unpauses) currently running animations that are defined within the svg document fragment, causing the animation clock to continue from the time at which it was susp
ended.
ScriptProcessorNode - Web APIs
if the buffer size is not defined, which is recomm
ended, the browser will pick one that its heuristic deems appropriate.
...t outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.on
ended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'scriptprocessornode' in that specification.
Service Worker API - Web APIs
they are int
ended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
... other use case ideas service workers are also int
ended to be used for such things as: background data synchronization.
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 app
ended to the sourcebuffer.
... coded media frames with timestamps wthin this range will be app
ended, whereas those outside the range will be filtered out.
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 app
ended to the sourcebuffer.
... coded media frames with timestamps wthin this range will be app
ended, whereas those outside the range will be filtered out.
SubtleCrypto.encrypt() - Web APIs
the web crypto api supports three different aes modes: ctr (counter mode) cbc (cipher block chaining) gcm (galois/counter mode) it's strongly recomm
ended to use authenticated encryption, which includes checks that the ciphertext has not been modified by an attacker.
...gcm does provide built-in authentication, and for this reason it's often recomm
ended over the other two aes modes.
Using Touch Events - Web APIs
for instance, the distance a touch point traveled from its starting location to its location when the touch
ended.
... another potential factor is time; for example, the time elapsed between the touch's start and the touch's end, or the time lapse between two consecutive taps int
ended to create a double-tap gesture.
Transferable - Web APIs
the functionality of transferable objects still exists, however, but is implemented at a more fundamental level (technically speaking, using the [transferable] webidl ext
ended attribute).
... living standard replaced transferable interface with [transferable] web idl ext
ended attribute.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
while rtp is int
ended for use in latency-critical scenarios, it doesn't inherently offer any features that ensure qos.
... remote peer when the "sendrecv" offer is received by the remote peer, it calls its hold
ended() method: async function hold
ended(offer, micstream) { try { await peerconnection.setremotedescription(offer); await audiotransceiver.sender.replacetrack(micstream.getaudiotracks()[0]); audiotransceiver.direction = "sendrecv"; await sendanswer(); } catch(err) { /* handle the error */ } } the steps taken inside the try block here are: the received offer is stored as...
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
however, despite that flexibility in transport and communication of signaling messages, there's still a recomm
ended design pattern you should follow when possible, known as perfect negotiation.
... this article introduces webrtc perfect negotiation, describing how it works and why it's the recomm
ended way to negotiate a webrtc connection between peers, and provides sample code to demonstrate the technique.
WebRTC API - Web APIs
rtcdtmftonechangeevent used by the tonechange event to indicate that a dtmf tone has either begun or
ended.
... establishing a connection: the perfect negotiation pattern perfect negotiation is a design pattern which is recomm
ended for your signaling process to follow, which provides transparency in negotiation while allowing both sides to be either the offerer or the answerer, without significant coding needed to differentiate the two.
Writing WebSocket servers - Web APIs
format each data frame (from the client to the server or vice-versa) follows this same format: frame format: ​​ 0 1 2 3 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 +-+-+-+-+-------+-+-------------+-------------------------------+ |f|r|r|r| opcode|m| payload len | ext
ended payload length | |i|s|s|s| (4) |a| (7) | (16/64) | |n|v|v|v| |s| | (if payload len==126/127) | | |1|2|3| |k| | | +-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - + | ext
ended payload length continued, if payload len == 127 | + - - - - - - - - -...
... tip: to avoid name conflict, it's recomm
ended to make your subprotocol name part of a domain string.
Lighting a WebXR setting - Web APIs
since your scene is int
ended to represent a setting a person or their avatar can exist within, you should try to achieve some degree of consistency and realism in terms of the positioning and presentation of your light sources.
...a scene int
ended to feel like a naturally-lit, real-world setting doesn't have studio lighting.
Advanced techniques: Creating and sequencing audio - Web APIs
there's no point repeating it all here, but it's highly recomm
ended to read this article and use this method.
...[data-playing]'); let isplaying = false; setupsample() .then((sample) => { loadingel.style.display = 'none'; // remove loading screen dtmf = sample; // to be used in our playsample function playbutton.addeventlistener('click', function() { isplaying = !isplaying; if (isplaying) { // start playing // check if context is in susp
ended state (autoplay policy) if (audioctx.state === 'susp
ended') { audioctx.resume(); } currentnote = 0; nextnotetime = audioctx.currenttime; scheduler(); // kick off scheduling requestanimationframe(draw); // start the drawing loop.
Web Audio API - Web APIs
once the sound has been sufficiently processed for the int
ended effect, it can be linked to the input of a destination (audiocontext.destination), which sends the sound to the speakers or headphones.
... the
ended event the
ended event is fired when playback has stopped because the end of the media was reached.
Web Authentication API - Web APIs
in order to understand how the create() and get() methods fit into the bigger picture, it is important to understand that they sit between two components that are outside the browser: server - the web authentication api is int
ended to register new credentials on a server (also referred to as a service or a relying party) and later use those same credentials on that same server to authenticate a user.
...this is a simplification of the data required for the registration process that is only int
ended to provide an overview.
XRPermissionDescriptor.mode - Web APIs
sionmode, requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.mode = xrsessionmode; xrmode = xrpermissiondescriptor.mode; value a domstring whose value is one of the strings found in the xrsessionmode enumerated type: immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be bl
ended with the real-world environment.
... immersive-vr indicates that the rendered session will be displayed using an immersive xr device in vr mode; it is not int
ended to be overlaid or integrated into the surrounding environment.
XRSession.requestAnimationFrame() - Web APIs
function startxrsession() { navigator.xr.requestsession('immersive-vr').then((session) => { xrsession = session xrsession.addeventlistener('end', onxrsession
ended) // do necessary session setup here.
... xrsession.requestanimationframe(onxranimationframe) }) } function onxrsession
ended() { xrsession = null } specifications specification status comment webxr device apithe definition of 'xrsession.requestanimationframe' in that specification.
XRSessionMode - Web APIs
values immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be bl
ended with the real-world environment.
... immersive-vr indicates that the rendered session will be displayed using an immersive xr device in vr mode; it is not int
ended to be overlaid or integrated into the surrounding environment.
ARIA Screen Reader Implementors Guide - Accessibility
the following is int
ended to provide implementation guidance that respects screen readers developers' need to try different things.
... the intention is to strike a balance between providing useful guidance on how to use the markup's int
ended meaning while supporting live regions as an area for screen readers to innovate and compete.
ARIA annotations - Accessibility
for example: <p id="description-id">an ext
ended text description of some kind...</p> <div aria-describedby="description-id"> <!-- some kind of ui feature that needs an accessible description --> </div> aria-details is appropriate when linking to descriptions or annotations that are a bit more complex — rather than a simple text string, it might contain multiple bits of semantic information: <div id="detail-id"> <h2>a heading</h2> <...
...p>an ext
ended text description of some kind…</p> <p><time datetime="...">a timestamp</time></p> </div> <div aria-details="detail-id"> <!-- some kind of ui feature that needs an accessible description --> </div> this difference really becomes apparent when you get to how the content is actually interpreted in the accessibility layer, and read out by screenreaders.
ARIA: contentinfo role - Accessibility
using the <footer> element instead is recomm
ended: <footer> <h2>footer</h2> <!-- footer content --> </footer> description the contentinfo role is a landmark used to identify a page footer.
...content is available under <a href="#">these licenses</a>.</p> </div> </body> accessibility concerns use sparingly landmark roles are int
ended to identify larger overall sections of the document.
ARIA: form role - Accessibility
id="username" name="username" autocomplete="nickname" autocorrect="off" type="text"> <label for="email">email</label> <input id="email" name="email" autocomplete="email" autocapitalize="off" autocorrect="off" spellcheck="false" type="text"> <label for="comment">comment</label> <textarea id="comment" name="comment"></textarea> <input value="comment" type="submit"> </div> it is recomm
ended to use <form> instead.
...</form> accessibility concerns use sparingly landmark roles are int
ended to identify larger overall sections of the document.
ARIA: Navigation Role - Accessibility
lists) of links that are int
ended to be used for website or page content navigation.
... examples <div role="navigation" aria-label="customer service"> <ul> <li><a href="#">help</a></li> <li><a href="#">order tracking</li> <li><a href="#">shipping & delivery</a></li> <li><a href="#">returns</a></li> <li><a href="#">contact us</a></li> <li><a href="#">find a store</a></li> </ul> </div> accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: tab role - Accessibility
se)); // set this tab as selected target.setattribute("aria-selected", true); // hide all tab panels grandparent .queryselectorall('[role="tabpanel"]') .foreach(p => p.setattribute("hidden", true)); // show the selected panel grandparent.parentnode .queryselector(`#${target.getattribute("aria-controls")}`) .removeattribute("hidden"); } best practices it is recomm
ended to use a button element with the role tab for their built-in functional and accessible features instead, as opposed to needing to add them yourself.
... for controlling tab key functionality for elements with the role tab, it is recomm
ended to set all non-active elements to tabindex=-1, and to set the active element to tabindex=0.
Accessibility Information for Web Authors - Accessibility
highly recomm
ended, an excellent resource.
... html advanced validator (firefox extension) by marc gueury this html validator (based on w3c tidy and on opensp for sgml validation) is a powerful, versatile, ext
ended html validator.
Robust - Accessibility
when using semantic elements correctly for their int
ended purpose, this criterion should be passed automatically.
... when scripting custom components, you will need to use wai-aria roles and other features to make sure your controls will be interpreted and are able to be used as int
ended, e.g.
prefix - CSS: Cascading Style Sheets
the prefix descriptor of the @counter-style rule specifies content that will be prep
ended to the marker representation.
... syntax /* <symbol> values */ prefix: "»"; prefix: "page "; prefix: url(bullet.png); values <symbol> specifies a <symbol> that is prep
ended to the marker representation.
range - CSS: Cascading Style Sheets
for extends systems, the range is whatever auto would produce for the ext
ended system; if extending a complex predefined style (§7 complex predefined counter styles), the range is the style’s defined range.
...for extends systems, the range is whatever auto will produce for the ext
ended system.
suffix - CSS: Cascading Style Sheets
the suffix descriptor of the@counter-style rule specifies content that will be app
ended to the marker representation.
... syntax /* <symbol> values */ suffix: ""; suffix: ") "; suffix: url(bullet.png); values <symbol> specifies a <symbol> that is app
ended to the marker representation.
@import - CSS: Cascading Style Sheets
candidate recommendation ext
ended the syntax to support the @supports syntax.
... recommendation ext
ended the syntax to support any media query and not only simple media types.
Using CSS animations - CSS: Cascading Style Sheets
function listener(event) { var l = document.createelement("li"); switch(event.type) { case "animationstart": l.innerhtml = "started: elapsed time is " + event.elapsedtime; break; case "animationend": l.innerhtml = "
ended: elapsed time is " + event.elapsedtime; break; case "animationiteration": l.innerhtml = "new loop started at time " + event.elapsedtime; break; } document.getelementbyid("output").appendchild(l); } this code, too, is very simple.
... the output, when all is said and done, looks something like this: started: elapsed time is 0 new loop started at time 3.01200008392334 new loop started at time 6.00600004196167
ended: elapsed time is 9.234000205993652 note that the times are very close to, but not exactly, those expected given the timing established when the animation was configured.
Video player styling basics - Developer guides
in order to facilitate this, a new function is defined called changebuttonstate(), which accepts a type variable indicating the button's functionality: var changebuttonstate = function(type) { // play/pause button if (type == 'playpause') { if (video.paused || video.
ended) { playpause.setattribute('data-state', 'play'); } else { playpause.setattribute('data-state', 'pause'); } } // mute button else if (type == 'mute') { mute.setattribute('data-state', video.muted ?
...to ensure this, a new click handler needs to be defined for the play/pause button so that it too raises the play and pause events: playpause.addeventlistener('click', function(e) { if (video.paused || video.
ended) video.play(); else video.pause(); }); volume the altervolume() function, called when the player's volume buttons are clicked, also changes — it now calls a new function called checkvolume(): var checkvolume = function(dir) { if (dir) { var currentvolume = math.floor(video.volume * 10) / 10; if (dir === '+') { if (currentvolume < 1) video.volume += 0.1; } ...
Audio and Video Delivery - Developer guides
this article is int
ended as a starting point for exploring the various delivery mechanisms of web based media and compatibility with popular browsers.
...it's strongly recomm
ended that you read the autoplay guide for media and web audio apis to learn how to use autoplay wisely..
Audio and video manipulation - Developer guides
var processor = { timercallback: function() { if (this.video.paused || this.video.
ended) { return; } this.computeframe(); var self = this; settimeout(function () { self.timercallback(); }, 16); // roughly 60 frames per second }, doload: function() { this.video = document.getelementbyid("my-video"); this.c1 = document.getelementbyid("my-canvas"); this.ctx1 = this.c1.getcontext("2d"); var self = this; this.video.addeventlistene...
... libraries currently exist for the following formats : aac: aac.js alac: alac.js flac: flac.js mp3: mp3.js opus: opus.js vorbis: vorbis.js note: at audiocogs, you can try out a few demos; audiocogs also provides a framework, aurora.js, which is int
ended to help you author your own codecs in javascript.
Media events - Developer guides
ended sent when playback completes.
... suspend sent when loading of the media is susp
ended; this may happen either because the download has completed or because it has been paused for any other reason.
Introduction to HTML5 - Developer guides
also, if you are not currently using utf-8, it's recomm
ended that you switch to it in your web pages, as it simplifies character handling in documents using different scripts.
...keep in mind that it's still highly recomm
ended that one writes valid mark-up, as such code is easier to read and maintain, and it greatly decreases the prominence of incompatibilities that exists in various older browsers.
HTML5 - Developer guides
html5-compliant parser the parser, which turns the bytes of an html document into a dom, has been ext
ended and now precisely defines the behavior to use in all cases, even when faced with invalid html.
... styling css has been ext
ended to be able to style elements in a much more complex way.
Using HTML sections and outlines - Developer guides
they are int
ended to enhance the limited semantics of earlier versions of html, which included only the <div> tag as a generic mechanism for grouping related content.
...it is important for developers to use these semantic elements in line with their int
ended purposes.
Developer guides
this article is int
ended as a starting point for exploring the various delivery mechanisms of web-based media and compatibility with popular browsers.
...it's primarily int
ended for sending form data, but can be used independently from forms to transmit keyed data.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
among the options for the shadow is the shadow's base color (which is then blurred and bl
ended with the background based on the other parameters).
...color keywords include the standard primary and secondary colors (such as red, blue, or orange), shades of gray (from black to white, including colors like darkgray and lightgrey), and a variety of other bl
ended colors including lightseagreen, cornflowerblue, and rebeccapurple.
<input type="image"> - HTML: Hypertext Markup Language
get: the data from the form is app
ended to the form attribute uri, with a '?' as a separator, and the resulting uri is sent to the server.
... when you click on the image to submit the form, you'll see the data app
ended to the url as parameters, for example ?x=52&y=55.
<template>: The Content Template element - HTML: Hypertext Markup Language
} the result is the original html table, with two new rows app
ended to it via javascript: table { background: #000; } table td { background: #fff; } avoiding documentfragment pitfall a documentfragment is not a valid target for various events, as such it is often preferable to clone or refer to the elements within it.
...lert("clicked a div"); } const firstclone = template.content.clonenode(true); firstclone.addeventlistener("click", clickhandler); container.appendchild(firstclone); const secondclone = template.content.firstelementchild.clonenode(true); secondclone.addeventlistener("click", clickhandler); container.appendchild(secondclone); result firstclone is a documentfragment instance, so while it gets app
ended inside the container as expected, clicking on it does not trigger the click event.
<th> - HTML: Hypertext Markup Language
height deprecated since html4, obsolete since html5 this attribute is used to define a recomm
ended cell height.
... width deprecated since html4, obsolete since html5 this attribute is used to define a recomm
ended cell width.
Global attributes - HTML: Hypertext Markup Language
the event handler attributes: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, on
ended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupd...
...note that it is recomm
ended for styles to be defined in a separate file or files.
Quirks Mode and Standards Mode - HTML: Hypertext Markup Language
to ensure that your page uses full standards mode, make sure that your page has a doctype like in this example: <!doctype html> <html lang="en"> <head> <meta charset=utf-8> <title>hello world!</title> </head> <body> </body> </html> the doctype shown in the example, <!doctype html>, is the simplest possible, and the one recomm
ended by html5.
... earlier versions of the html standard recomm
ended other variants, but all existing browsers today will use full standards mode for this doctype, even the dated internet explorer 6.
Using the application cache - HTML: Hypertext Markup Language
you can make any change you want to the manifest file, but revising a version number is the recomm
ended best practice.
...comments may only be used on their own lines (after the initial cache manifest line), and cannot be app
ended to other lines.
HTTP caching - HTTP
on the other hand, "private" indicates that the response is int
ended for a single user only and must not be stored by a shared cache.
...in addition, it can help google and other search engines to discover the mobile version of a page, and might also tell them that no cloaking is int
ended.
Compression in HTTP - HTTP
for images, an image generated by a tool could be not optimized enough for the web; it is recomm
ended to use tools that will compress as much as possible with the required quality.
... as compression brings significant performance improvements, it is recomm
ended to activate it for all files, but already compressed ones like images, audio files and videos.
CSP: object-src - HTTP
therefore it is recomm
ended to restrict this fetch-directive (e.g.
...you can also specify data schemas (not recomm
ended).
CSP: upgrade-insecure-requests - HTTP
this directive is int
ended for web sites with large numbers of insecure legacy urls that need to be rewritten.
...it is recomm
ended to set either directive, but not both, unless you want to force https on older browsers that do not force it after a redirect to http.
Index - HTTP
24 content-language http, headers, reference the content-language entity header is used to describe the language(s) int
ended for the audience, so that it allows a user to differentiate according to the users' own preferred language.
...this directive is int
ended for web sites with large numbers of insecure legacy urls that need to be rewritten.
Firefox user agent string reference - HTTP
the recomm
ended way of sniffing for gecko-based browsers (if you have to sniff for the browser engine instead of using feature detection) is by the presence of the "gecko" and "rv:" strings, since some other browsers include a "like gecko" token.
...the recomm
ended way to do this, if it's absolutely necessary (remember that it slows down every request) is to set a custom http header.
HTTP Public Key Pinning (HPKP) - HTTP
extracting the base64 encoded public key information note: while the example below shows how to set a pin on a server certificate, it is recomm
ended to place the pin on the intermediate certificate of the ca that issued the server certificate, to ease certificates renewals and rotations.
...the use of backup certificates and/or pinning the ca certificate is recomm
ended.
A re-introduction to JavaScript (JS tutorial) - JavaScript
let a; let name = 'simon'; the following is an example of scope with a variable declared with let: // myletvariable is *not* visible out here for (let myletvariable = 0; myletvariable < 5; myletvariable++) { // myletvariable is only visible in here } // myletvariable is *not* visible out here const allows you to declare variables whose values are never int
ended to change.
...therefore this loop type is not recomm
ended for arrays.
Control flow and error handling - JavaScript
} finally { closemyfile(); // always close the resource } if the finally block returns a value, this value becomes the return value of the entire try…catch…finally production, regardless of any return statements in the try and catch blocks: function f() { try { console.log(0); throw 'bogus'; } catch(e) { console.log(1); return true; // this return statement is susp
ended // until finally block has completed console.log(2); // not reachable } finally { console.log(3); return false; // overwrites the previous "return" console.log(4); // not reachable } // "return false" is executed now console.log(5); // not reachable } console.log(f()); // 0, 1, 3, false overwriting of return values by the finally block also applie...
...s to exceptions thrown or re-thrown inside of the catch block: function f() { try { throw 'bogus'; } catch(e) { console.log('caught inner "bogus"'); throw e; // this throw statement is susp
ended until // finally block has completed } finally { return false; // overwrites the previous "throw" } // "return false" is executed now } try { console.log(f()); } catch(e) { // this is never reached!
Details of the object model - JavaScript
it adds the reports property (whose value defaults to an empty array, int
ended to have an array of employee objects as its value).
...it adds the projects property (whose value defaults to an empty array, int
ended to have an array of strings as its value).
Using Promises - JavaScript
this means dofourththing() won't wait for dosomethingelse() or dothirdthing() to finish, and will run in parallel with them, likely unint
ended.
...nesting also limits the scope of inner error handlers, which—if unint
ended—can lead to uncaught errors.
SyntaxError: function statement requires a name - JavaScript
examples statements vs expressions a function statement (or function declaration) requires a name, this won't work: function () { return 'hello world'; } // syntaxerror: function statement requires a name you can use a function expression (assignment) instead: var greet = function() { return 'hello world'; }; or, you function is maybe int
ended to be an iife (immediately invoked function expression), which is a function that runs as soon as it is defined.
...this doesn't work: function greeter() { german: function () { return "moin"; } } // syntaxerror: function statement requires a name this would work, for example: function greeter() { german: function g() { return "moin"; } } object methods if you int
ended to create a method of an object, you will need to create an object.
Functions - JavaScript
the function constructor note: using the function constructor to create functions is not recomm
ended since it needs the function body as a string which may prevent some js engine optimizations and can also cause other problems.
... note: using the generatorfunction constructor to create functions is not recomm
ended since it needs the function body as a string which may prevent some js engine optimizations and can also cause other problems.
Array.prototype.filter() - JavaScript
elements which are app
ended to the array (from callback) after the call to filter() begins will not be visited by callback.
...rant', 'destruction','elite', 'present'] const modifiedwords = words.filter( (word, index, arr) => { arr[index+1] +=' extra' return word.length < 6 }) console.log(modifiedwords) // notice there are three words below length 6, but since they've been modified one is returned // ["spray"] // appending new words words = ['spray', 'limit', 'exuberant', 'destruction','elite', 'present'] const app
endedwords = words.filter( (word, index, arr) => { arr.push('new') return word.length < 6 }) console.log(app
endedwords) // only three fits the condition even though the `words` itself now has a lot more words with character length less than 6 // ["spray" ,"limit" ,"elite"] // deleting words words = ['spray', 'limit', 'exuberant', 'destruction', 'elite', 'present'] const deletewords = words.filter...
Date - JavaScript
date.prototype.toisostring() converts a date to a string following the iso 8601 ext
ended format.
...int
ended for use by json.stringify().
Function.prototype.bind() - JavaScript
the provided this value is ignored, while prep
ended arguments are provided to the emulated function.
... however, provided arguments are still prep
ended to the constructor call: function point(x, y) { this.x = x; this.y = y; } point.prototype.tostring = function() { return `${this.x},${this.y}`; }; const p = new point(1, 2); p.tostring(); // '1,2' // not supported in the polyfill below, // works fine with native bind: const yaxispoint = point.bind(null, 0/*x*/); const emptyobj = {}; const yaxispoint = point.bind(emptyobj, 0/*x*/)...
WebAssembly.CompileError() constructor - JavaScript
for androidopera for androidsafari on iossamsung internetnode.jscompileerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Instance() constructor - JavaScript
efox for androidopera for androidsafari on iossamsung internetnode.jsinstance() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Instance.prototype.exports - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsexportschrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.LinkError() constructor - JavaScript
fox for androidopera for androidsafari on iossamsung internetnode.jslinkerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Memory() constructor - JavaScript
irefox for androidopera for androidsafari on iossamsung internetnode.jsmemory() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0shared flagchrome full support 74edge full support 79firefox full support 78ie no support noopera full support ...
WebAssembly.Memory.prototype.buffer - JavaScript
e for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsbufferchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Memory.prototype.grow() - JavaScript
ome for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsgrowchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Module() constructor - JavaScript
irefox for androidopera for androidsafari on iossamsung internetnode.jsmodule() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Module.customSections() - JavaScript
droidfirefox for androidopera for androidsafari on iossamsung internetnode.jscustomsectionschrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Module.exports() - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsexportschrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Module.imports() - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsimportschrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.RuntimeError() constructor - JavaScript
for androidopera for androidsafari on iossamsung internetnode.jsruntimeerror() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Table() constructor - JavaScript
firefox for androidopera for androidsafari on iossamsung internetnode.jstable() constructorchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Table.prototype.get() - JavaScript
rome for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsgetchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Table.prototype.grow() - JavaScript
ome for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsgrowchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Table.prototype.length - JavaScript
e for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jslengthchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.Table.prototype.set() - JavaScript
rome for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jssetchrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.compile() - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jscompilechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.instantiate() - JavaScript
androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsinstantiatechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
WebAssembly.validate() - JavaScript
for androidfirefox for androidopera for androidsafari on iossamsung internetnode.jsvalidatechrome full support 57edge full support 16firefox full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).ie no support noopera full support 44safari full support 11webview android full support 57chrome android full support 57firefox android ...
...full support 52notes full support 52notes notes disabled in the firefox 52 ext
ended support release (esr).opera android full support 43safari ios full support 11samsung internet android full support 7.0nodejs full support 8.0.0legend full support full support no support no supportsee implementation notes.see implementation notes.
void operator - JavaScript
this can cause unint
ended side effects by returning the result of a function call that previously returned nothing.
... to be safe, when the return value of a function is not int
ended to be used, it can be passed to the void operator to ensure that (for example) changing apis do not cause arrow functions' behaviors to change.
async function - JavaScript
progress through foo is then susp
ended and control is yielded back to the function that called foo.
...again, progress through foo is susp
ended and control is yielded.
break - JavaScript
a break statement, with or without a following label, cannot be used within the body of a function that is itself nested within the current loop, switch, or label statement that the break statement is int
ended to break out of.
... block_1: { console.log('1'); break block_2; // syntaxerror: label not found } block_2: { console.log('2'); } break within functions syntaxerrors are also generated in the following code examples which use break statements within functions that are nested within a loop, or labeled block that the break statements are int
ended to break out of.
screenshots - Web app manifests
type object mandatory no the screenshots member defines an array of screenshots int
ended to showcase the application.
... these images are int
ended to be used by progressive web app stores.
Authoring MathML - MathML
in particular, the mozilla mathml team has been developing texzilla, a javascript unicode latex-to-mathml converter that is int
ended to be used in many scenarios described here.
...it's recomm
ended to convert your content mathml markup into presentation mathml before publishing it, for example with the help of the ctop.xsl stylesheet.
Autoplay guide for media and Web Audio APIs - Web media technologies
note: it is strongly recomm
ended that you use the autoplay attribute whenever possible, because support for autoplay preferences are more widespread for the autoplay attribute than for other means of playing media automatically.
...the http header is: feature-policy: autoplay 'none' using the <iframe>'s allow attribute: <iframe src="mediaplayer.html" allow="autoplay 'none'"> </iframe> best practices tips and recomm
ended best practices to help you make the most of working with autoplay are offered here.
Digital audio concepts - Web media technologies
by using a sound (no pun int
ended) understanding of psychoacoustics, it's possible to design a compression method that will minimize the compressed size of the audio while maximizing the percieved fidelity of the sound.
... some codecs offer special profiles which are specifically int
ended for particular usage scenarios, such as voip; these profiles may also include by default restrictions to the audio frequency bandwidth.
Media container formats (file types) - Web media technologies
3gp the 3gp or 3gpp media container is used to encapsulate audio and/or video that is specifically int
ended for transmission over cellular networks for consumption on mobile devices.
... adts audio data transport stream (adts) is a container format specified by mpeg-4 part 3 for audio data, int
ended to be used for streamed audio, such as for internet radio.
The building blocks of responsive design - Progressive web apps (PWAs)
in the snapshot example, we
ended up with slightly different code: x-card:nth-child(1) video, x-card:nth-child(2) img { width: 100%; … } this is because in our case, we do in fact want the video and image to stretch to always fill their containers no matter what — a subtle but important difference from max-width — and therefore always be the same size.
...these are not int
ended to be mutually exclusive.
SVG Event Attributes - SVG: Scalable Vector Graphics
event attributes always have their name starting with "on" followed by the name of the event for which they are int
ended.
... onbegin, onend, onrepeat document event attributes onabort, onerror, onresize, onscroll, onunload document element event attributes oncopy, oncut, onpaste global event attributes oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, on
ended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ont...
stroke-linecap - SVG: Scalable Vector Graphics
/> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy="1" r="0.05" fill="pink" /> <circle cx="5" cy="1" r="0.05" fill="pink" /> <circle cx="3" cy="3" r="0.05" fill="pink" /> </svg> round the round value indicates that at the end of each subpath the stroke will be ext
ended by a half circle with a diameter equal to the stroke width.
...> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy="1" r="0.05" fill="pink" /> <circle cx="5" cy="1" r="0.05" fill="pink" /> <circle cx="3" cy="3" r="0.05" fill="pink" /> </svg> square the square value indicates that at the end of each subpath the stroke will be ext
ended by a rectangle with a width equal to half the width of the stroke and a height equal to the width of the stroke.
<cursor> - SVG: Scalable Vector Graphics
a recomm
ended approach for defining a platform-independent custom cursor is to create a png image and define a cursor element that references the png image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).
... the png format is recomm
ended because it supports the ability to define a transparency mask via an alpha channel.
Paths - SVG: Scalable Vector Graphics
while creating complex paths using an xml editor or text editor is not recomm
ended, understanding how they work will allow to identify and repair display issues in svgs.
... several bézier curves can be stringed together to create ext
ended, smooth shapes.
Transport Layer Security - Web security
the mozilla opsec guide to tls configurations provides more information on recomm
ended configurations.
... to assist you in configuring your site, mozilla provides a helpful tls configuration generator that will generate configuration files for the following web servers: apache nginx lighttpd haproxy amazon web services cloudformation elastic load balancer using the configurator is a recomm
ended way to create the configuration to meet your needs; then copy and paste it into the appropriate file on your server and restart the server to pick up the changes.
Using custom elements - Web Components
for example, connectedcallback is invoked each time the custom element is app
ended into a document-connected element, while attributechangedcallback is invoked when one of the custom element's attributes is added, removed, or changed.
... using the lifecycle callbacks you can define several different callbacks inside a custom element's class definition, which fire at different points in the element's lifecycle: connectedcallback: invoked each time the custom element is app
ended into a document-connected element.
Introduction to using XPath in JavaScript - XPath
none yet =====any_type example===== <pre> </pre> examples within an html document the following code is int
ended to be placed in any javascript fragment within or linked to the html document against which the xpath expression is to be evaluated.
... getting specifically namespaced elements and attributes regardless of prefix if one wishes to provide flexibility in namespaces (as they are int
ended) by not necessarily requiring a particular prefix to be used when finding a namespaced element or attribute, one must use special techniques.
WebAssembly Concepts - WebAssembly
it is not primarily int
ended to be written by hand, rather it is designed to be an effective compilation target for low-level source languages like c, c++, rust, etc.
... webassembly is a different language from javascript, but it is not int
ended as a replacement.
Program ID - Archive of obsolete content
when you create an xpi with jpm xpi: if the package.json does not include an id field, then the id written into the install.rdf is the value of the name field prep
ended with "@".
Introduction - Archive of obsolete content
while most of it should still work for creating extensions in firefox 3 (and even firefox 2), it is strongly recomm
ended that you aim to support modern firefox versions, to encourage users to stay up to date with security fixes.
XUL user interfaces - Archive of obsolete content
null) { status.removeattribute("warning") status.setattribute("label", "") } else if (adate === false || isnan(adate.gettime())) { status.setattribute("warning", "true") status.setattribute("label", "date is not valid") } else { status.removeattribute("warning") status.setattribute("label", adate.tolocaledatestring()) } } to see the result exactly as int
ended, use the default theme in your browser.
List of Former Mozilla-Based Applications - Archive of obsolete content
old article available about how borland embedded mozilla in kylix 2 mango im client last news item on site from january 2007 mobidvd dvd/vcd/cd ripping software site down mozilla suite internet application suite development shifted to firefox, thunderbird and seamonkey applications netscape navigator browser support for netscape
ended on february 1, 2008 nvu web authoring tool development stopped in 2005 and is being continued as an unofficial bugfix release by the kompozer project pogo browser from at&t site no longer accessible as of may 2009 pyro desktop desktop environment last news item on site from july 2007 script editor editor inactive skipstone gt...
Bookmark Keywords - Archive of obsolete content
however, the two should not be a case-sensitive match-- that is, if your keyword is av, then your title should be "av" or "av" or anything besides "av." (see bugzilla entry 119201 for details.) since this bookmark is int
ended to look up bugzilla entries, we'll call it "bz," as shown in figure 3.
Building TransforMiiX standalone - Archive of obsolete content
it is recomm
ended to add ac_add_options --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.
Getting Started - Archive of obsolete content
classic.jar locations linux: folder_with_seamonkey/chrome/classic.jar windows: folder_with_seamonkey\chrome\classic.jar for mac os x: folder_with_seamonkey/chrome/classic.jar copy classic.jar to another easily accessible folder -- classic is recomm
ended -- extract the contents of that folder, being sure to maintain the directory structure.
Editor Embedding Guide - Archive of obsolete content
nscomptr<nsieditingsession> editingsession; nsiwebbrowser->do_getinterface(getter_addrefs(editingsession)); if (editingsession) editingsession->makewindoweditable(domwindow, "html", pr_true); the valid editor types are: "text" (similar to notepad or a textarea; does not allow for html) "textmail" (similar to "text" but html can be inserted; int
ended for plaintext mail usage and handling of citations) "html" (this is the default type if no type is specified; it allows for all html tags to be inserted) "htmlmail" (this is much like "html" except there are a few editing rules/behaviors that differ such as splitting of mail quotes) editor commands you need to call commands and receive updates in order to make any changes to the content on t...
Repackaging Firefox - Archive of obsolete content
however, it's still recomm
ended that you look through this tutorial, as it contains tips specific for creating extensions of this type, and there are a few options that you will need to set to ensure a smooth upgrade path for users.
Content - Archive of obsolete content
execute callbacks when certain pages are opened siteboost allows a jetpack to empower a domain with ext
ended abilities beyond those native to web pages ...
jspage - Archive of obsolete content
itch($type(f)){case"object":d=hash.toquerystring(f,e);break;case"array":var c={};f.each(function(h,g){c[g]=h; });d=hash.toquerystring(c,e);break;default:d=e+"="+encodeuricomponent(f);}if(f!=undefined){b.push(d);}});return b.join("&");}});hash.alias({keyof:"indexof",hasvalue:"contains"}); var event=new native({name:"event",initialize:function(a,f){f=f||window;var k=f.document;a=a||f.event;if(a.$ext
ended){return a;}this.$ext
ended=true;var j=a.type; var g=a.target||a.srcelement;while(g&&g.nodetype==3){g=g.parentnode;}if(j.test(/key/)){var b=a.which||a.keycode;var m=event.keys.keyof(b);if(j=="keydown"){var d=b-111; if(d>0&&d<13){m="f"+d;}}m=m||string.fromcharcode(b).tolowercase();}else{if(j.match(/(click|mouse|menu)/i)){k=(!k.compatmode||k.compatmode=="css1compat")?k.html:k.body; var i={x:a.pagex||...
statusBar - Archive of obsolete content
syntax jetpack.statusbar.append(options); possible options are: url width (string/length) the width of the panel-item html (string) the html code which will be used inside the item onload (event) this event fires when the item was app
ended.
Microsummary XML grammar reference - Archive of obsolete content
the following example identifies a generator as being able to summarize all pages on the www.example.com web site except pages named about.html: <pages> <include> ^http://www\.example\.com/ </include> <exclude>/about\.html</exclude> </pages> note: regular expressions int
ended to match the beginnings of page urls should start with the caret (^) to ensure they do not inadvertently match urls which merely contain the urls they intend to match.
Supporting per-window private browsing - Archive of obsolete content
] .getservice(components.interfaces.nsiobserverservice); os.addobserver(pbobserver, "last-pb-context-exited", false); preventing a private session from ending if there are unfinished transactions involving private data, where the transactions will be terminated by the ending of a private session, an add-on can vote to prevent the session from ending (prompting the user is recomm
ended).
Anonymous Content - Archive of obsolete content
whenever an element is inserted or app
ended, all insertion points are checked following all the same rules that applied when first placing explicit children during anonymous content generation.
Example Sticky Notes - Archive of obsolete content
="25px" cy="12px" r="12" fill="#ff0000" transform="translate(0,0)"/> <svg:circle cx="25px" cy="12px" r="12" fill="#00ff00" transform="translate(7,12)"/> <svg:circle cx="25px" cy="12px" r="12" fill="#0000ff" transform="translate(-7,12)"/> </svg:g> </svg:svg> <children/> </content> <implementation> <!-- here and futher cdata wrappers around javascript code are not mandatory but recomm
ended.
disablefastfind - Archive of obsolete content
« xul reference homedisablefastfindtype: booleanput disablefastfind="true" on the root element of a xul document, which is int
ended to be loaded in a tab, to disable the find bar for the tab with this document.
panel.flip - Archive of obsolete content
a sliding panel will have the start (or end) position ext
ended such that the panel can be the requested size, meaning the arrow will no longer be at the start (or end) of the panel - i.e., the arrow will appear to have been slid along the panel to ensure the arrow is still pointing at the anchor.
wait-cursor - Archive of obsolete content
in order to revert to the normal cursor state call the method removeattribute("wait-cursor") when the process effectively has
ended otherwise the wait cursor might never disappear.
maxWidth - Archive of obsolete content
note: prior to gecko 6.0, you could use this on <input> elements; this was never int
ended, was a violation of the html specification, and has been fixed.
Building Menus With Templates - Archive of obsolete content
note that the generated content does not get removed again when the menu is closed again; this extra feature of menus is only int
ended to be a performance enhancement to speed up the time it takes to display a window by avoiding extra generation that can be put off until later.
XUL accessibility tool - Archive of obsolete content
ollowing things have been suggested or are planned for a future version of the tool: new tests: (aaronlev) warning: hardcoded color and pixel sizings (aaronlev) error: duplicate accesskey in a dialog (already have this for menus) (aaronlev) error: form control without accesskey (aaronlev) warning: accesskey as lowercase letter with descender (underlined g,j,y,q,p are hard to read, not recomm
ended) (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).
panel - Archive of obsolete content
a sliding panel will have the start (or end) position ext
ended such that the panel can be the requested size, meaning the arrow will no longer be at the start (or end) of the panel - i.e., the arrow will appear to have been slid along the panel to ensure the arrow is still pointing at the anchor.
calICalendarView - Archive of obsolete content
summary an object implementing calicalendarview is generally int
ended to serve as a way of manipulating a set of dom nodes corresonding to a visual representation of calievent and calitodo objects.
2006-10-20 - Archive of obsolete content
traffic october 14, 2006, 6:53pm - ed notes that, on windows, composer 0.1's reccom
ended install directory needs to be different than those noted in the release notes.
2006-11-17 - Archive of obsolete content
ext
ended validation certificates a note as to how opera is handling ext
ended validation certificates http://labs.opera.com/news/2006/10/09/ fwd: re: mozilla questions regarding the ev standard gervase markham posted a summary of questions emailed to kelvin yiu about the ext
ended validation certificates.
2006-09-30 - Archive of obsolete content
summary: mozilla.dev.tech.xpcom - sept 30- oct 5, 2006 announcements build a xpcom component on mac os x benjamin smedberg confirmed that this tutorial http://www.iosart.com/firefox/xpcom/ is misleading as it uses the standalone glue (-dxpcom_glue) for components, which is not recomm
ended.
@cc_on - Archive of obsolete content
it is strongly recomm
ended that you use the @cc_on statement in a comment, so that browsers that do not support conditional compilation will accept your script as valid syntax: an @if or @set statement outside of a comment also activates conditional compilation.
Archived JavaScript Reference - Archive of obsolete content
you can use the more general proxy object instead.arraybuffer.transfer()the static arraybuffer.transfer() method returns a new arraybuffer whose contents have been taken from the oldbuffer's data and then is either truncated or zero-ext
ended by newbytelength.
Describing microformats in JavaScript - Archive of obsolete content
the adr microformat is defined as follows: var adr_definition = { mfversion: 0.8, mfobject: adr, classname: "adr", properties: { "type" : { plural: true, types: ["work", "home", "pref", "postal", "dom", "intl", "parcel"] }, "post-office-box" : { }, "street-address" : { plural: true }, "ext
ended-address" : { }, "locality" : { }, "region" : { }, "postal-code" : { }, "country-name" : { } } }; the properties are quite simple here.
Common causes of memory leaks in extensions - Extensions
services.obs.removeobserver(myobserver, "private-browsing"); } in javascript code modules it recomm
ended to also observe the xpcom-shutdown or quit-application notifications and unregister your observers from that topic: var myobserver = { observe: function(subject, topic, data) { if (topic == "xpcom-shutdown") { services.obs.removeobserver(myobserver, "private-browsing"); services.obs.removeobserver(myobserver, "xpcom-shutdown"); } else { // do something with "priva...
2D collision detection - Game development
implementing sat is out of scope for this page so see the recomm
ended tutorials below: separating axis theorem (sat) explanation collision detection and response collision detection using the separating axis theorem sat (separating axis theorem) separating axis theorem collision performance while some of these algorithms for collision detection are simple enough to calculate, it can be a waste of cycles to test *every* entity with every other entity.
Audio for Web games - Game development
= el.queryselector('button'); // load file loadfile(anchor.href).then((track) => { // set loading to false el.dataset.loading = 'false'; // hide loading text loadtext.style.display = 'none'; // show button playbutton.style.display = 'inline-block'; // allow play on click playbutton.addeventlistener('click', function() { // check if context is in susp
ended state (autoplay policy) if (audioctx.state === 'susp
ended') { audioctx.resume(); } playtrack(track); playbutton.dataset.playing = true; }) }) }) note: you can see this demo in action here and view the source code here.
Cipher suite - MDN Web Docs Glossary: Definitions of Web-related terms
a typical cipher suite looks like ecdhe_rsa_with_aes_128_gcm_sha256 or ecdhe-rsa-aes128-gcm-sha256, indicating: ecdhe (elliptic curve diffie-hellman ephemeral) for key exchange rsa for authentication aes-128 as the cipher, with galois/counter mode (gcm) as the block cipher mode of operation sha-256 as the hash-based message authentication code (hmac) learn more mozilla recomm
ended cipher suite choices for tls ...
Mutable - MDN Web Docs Glossary: Definitions of Web-related terms
on appending the "immutablestring" with a string value, following events occur: existing value of "immutablestring" is retrieved "world" is app
ended to the existing value of "immutablestring" the resultant value is then allocated to a new block of memory "immutablestring" object now points to the newly created memory space previously created memory space is now available for garbage collection.
Parameter - MDN Web Docs Glossary: Definitions of Web-related terms
output/return parameters primarily return multiple values from a function, but not recomm
ended since they cause confusion learn more general knowledge difference between parameter and argument on wikipedia technical reference function declaration function expression ...
Accessible multimedia - Learn web development
chapter titles — chapter markers int
ended to help the user navigate the media resource implementing html5 video text tracks text tracks for displaying with html5 video need to be written in webvtt, a text format containing multiple strings of text along with metadata such as what time in the video you want each text string to be displayed, and even limited styling/positioning information.
Cascade and inheritance - Learn web development
important declarations in author style sheets important declarations in user style sheets it makes sense for web developers' stylesheets to override user stylesheets, so the design can be kept as int
ended, but sometimes users have good reasons to override web developer styles, as mentioned above — this can be achieved by using !important in their rules.
Legacy layout methods - Learn web development
previous overview: css layout next grid systems are a very common feature used in css layouts, and before css grid layout they t
ended to be implemented using floats or other layout features.
CSS layout - Learn web development
legacy layout methods grid systems are a very common feature used in css layouts, and before css grid layout they t
ended to be implemented using floats or other layout features.
What is CSS? - Learn web development
as a newcomer to css, it is likely that you will find the css specs overwhelming — they are int
ended for engineers to use to implement support for the features in user agents, not for web developers to read to understand css.
Styling lists - Learn web development
on both sides.</li> <li>wash and chop the salad.</li> <li>fill pita with salad, hummus, and fried halloumi.</li> </ol> <h2>ingredient description list</h2> <p>paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p> <dl> <dt>hummus</dt> <dd>a thick dip/sauce generally made from chick peas bl
ended with tahini, lemon juice, salt, garlic, and other ingredients.</dd> <dt>pita</dt> <dd>a soft, slightly leavened flatbread.</dd> <dt>halloumi</dt> <dd>a semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk.</dd> <dt>green salad</dt> <dd>that green healthy stuff that many of us just use to garnish kebabs.</dd> </dl> if you go to ...
Basic native form controls - Learn web development
so for example when you click on the image at coordinate (123, 456) and it submits via the get method, you'll see the values app
ended to the url as follows: http://foo.com?pos.x=123&pos.y=456 this is a very convenient way to build a "hot map".
HTML basics - Learn web development
note: simple attribute values that don't contain ascii whitespace (or any of the characters " ' ` = < > ) can remain unquoted, but it is recomm
ended that you quote all attribute values, as it makes the code more consistent and understandable.
Debugging HTML - Learn web development
logic errors: these are errors where the syntax is actually correct, but the code is not what you int
ended it to be, meaning that the program runs incorrectly.
Images in HTML - Learn web development
in our example, we could do this: <img src="images/dinosaur.jpg" alt="the head and torso of a dinosaur skeleton; it has a large head with long sharp teeth" width="400" height="341" title="a t-rex on display in the manchester university museum"> this gives us a tooltip on mouse hover, just like link titles: however, this is not recomm
ended — title has a number of accessibility problems, mainly based around the fact that screen reader support is very unpredictable and most browsers won't show it unless you are hovering with a mouse (so e.g.
Responsive images - Learn web development
doing so can waste bandwidth; in particular, mobile users don't want to waste bandwidth by downloading a large image int
ended for desktop, when a small image would do for their device.
Structuring the web with HTML - Learn web development
it is recomm
ended that you work through getting started with the web before attempting this topic, however, it isn't absolutely necessary; much of what is covered in the html basics article is also covered in our introduction to html module, albeit in a lot more detail.
Making decisions in your code — conditionals - Learn web development
as a final point, you may sometimes see if...else statements written without the curly braces, in the following shorthand style: if (condition) code to run if condition is true else run some other code instead this is perfectly valid code, but using it is not recomm
ended — it is much easier to read the code and work out what is going on if you use the curly braces to delimit the blocks of code, and use multiple lines and indentation.
Routing in Ember - Learn web development
prerequisites: at minimum, it is recomm
ended that you are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
Creating our first Vue component - Learn web development
add the following line at the top of todoitem.vue’s <script> element: import uniqueid from 'lodash.uniqueid'; next, add add an id field to our data property, so the component object ends up looking like so (uniqueid() returns the specified prefix — todo- — with a unique string app
ended to it): import uniqueid from 'lodash.uniqueid'; export default { props: { label: { required: true, type: string }, done: { default: false, type: boolean } }, data() { return { isdone: this.done, id: uniqueid('todo-') }; } }; next, bind the id to both our checkbox’s id attribute and the label’s for attribute, updating the existing id and for attributes as...
Getting started with Vue - Learn web development
it is recomm
ended that you specify a version number when including vue on your site so that any framework updates do not break your live site without you knowing.) <script src="/static/external/29/29296ccacaa9ed35ed168fc51e36f54fd6f8db9c7786bbf38cc59a27229ba5c2.svg"></script> however, this approach has some limitations.
Information for users
planning ahead for accessibility this document is int
ended to help testers and designers understand and plan what still needs to be added to our ui for full usable accessibility.
Links and Resources
html advanced validator (firefox extension) by marc gueury this advanced html validator (based on w3c tidy and on opensp for sgml validation - just like w3c html validator) is a free, powerful, versatile, ext
ended html validator.
Debugging JavaScript
this document is int
ended to help developers writing javascript code in mozilla, mainly for mozilla itself, but it may also be useful for web developers.
Debugging on Windows
in a command window, run symchk.exe /r c:\windows\syswow64\ /s "srv*<your cache symbols directory>\microsoftpublicsymbols*http://msdl.microsoft.com/download/symbols" note the "\microsoftpublicsymbols" app
ended to the cache directory configured in visual studio.
Makefile - variables
no_ variable description no_profile_guided_optimize inhibit pgo builds no_dist_install note: values will be app
ended to the export variable when present.
pymake
please note that python 2.7 is strongly recomm
ended.
Callgraph
the callgraph project is int
ended to produce a complete callgraph covering c and c++ code within mozilla.
ESLint
editor integration it is highly recomm
ended that you integrate eslint into your editor.
Interface Compatibility
js-ctypes is the recomm
ended way for extensions to call into os or third-party native code.
Experimental features in Firefox
nightly 75 yes developer edition 75 no beta 75 no release 75 no preference name dom.forms.inputmode <link rel="preload"> the <link> element's rel attribute is int
ended to help provide performance gains by letting you download resources earlier in the page lifecycle, ensuring that they're available earlier and are less likely to block page rendering.
Message manager overview
this is the recomm
ended way to load a script that executes just once per child process, which is something you might want to do if you are interacting with some global service (for example, adding listeners to observer notifications or registering a content policy).
Process scripts
rieving its content message manager, as follows: function contentmmfromcontentwindow(window) { let tree = window.queryinterface(ci.nsiinterfacerequestor).getinterface(ci.nsidocshelltreeitem); let top = tree.sametyperoottreeitem; let iface = queryinterface(ci.nsidocshell).queryinterface(ci.nsiinterfacerequestor); return iface.getinterface(ci.nsicontentframemessagemanager); } this is int
ended for unprivileged pages running in a content process.
Message manager overview
this is the recomm
ended way to load a script that executes just once per child process, which is something you might want to do if you are interacting with some global service (for example, adding listeners to observer notifications or registering components).
HTMLIFrameElement.executeScript()
it's recomm
ended that you include an origin or url, in order to ensure that the script is being executed in the expected context: origin: an origin, e.g.
mozbrowsersecuritychange
ext
endedvalidation a boolean indicating if the current ssl certificate is an ext
ended validation certificate (true) or not (false).
Browser API
browser api interfaces to support the requirement of a browser <iframe>, the htmliframeelement dom interface has been ext
ended with new methods that give the <iframe> some super powers.
Embedding the editor
<htmlarea> is int
ended as a shorthand for a rich-text multiline text widget embedded in an html document, and is not meant to infer that future versions of mozilla will support this specific tag.
Embedding Tips
this is recomm
ended if you intend anything other than the uri or document your browser is looking at.
Gecko SDK
furthermore, since a component contains basic functionality, it is int
ended to run with every product of the mozilla platform.
HTML parser threading
speculative loads when the tree builder on the parser thread encounters html script, stylesheet link, video (with a poster frame), base or img or svg script, style or image elements, preload operations are app
ended to a speculative load queue.
Script security
from the point of view of chrome code, the script security model in gecko is int
ended to provide that help to make writing secure, system-privileged javascript a realistic expectation.
Getting from Content to Layout
frame construction regardless of whether content nodes are inserted/app
ended/deleted, frames can be created and destroyed, based on whatever is optimal for the changes in the content tree.
How to add a build-time test
reference the test dir in a parent makefile (<tt>yourmoduledir/makefile.in</tt>): ifdef enable_tests dirs += tests_type endif (optional, but recomm
ended) add the new makefile to allmakefiles.sh (todo: need more details about this) reconfigure (e.g.
IME handling guide
in native code, you can access it with either nsiselectioncontroller or mozilla::selectiontype (the latter is recomm
ended because of type safer).
IPDL Best Practices
this document is int
ended to help correct these before the formal review process is initiated.
Integrated Authentication
this list is int
ended to be configured by an it department prior to distributing mozilla to end-users.
JavaScript-DOM Prototypes in Mozilla
but the fact that an instance of a node will never exist in mozilla does not mean that the node interface is useless, in fact, node can be ext
ended just as we've been doing.
Http.jsm
if a string is given the data will be app
ended to the request as is.
JNI.jsm
therefore, it is always recomm
ended to use slash notation.
OS.File for the main thread
ppend: true}).then(valopen => { console.log('valopen:', valopen); var txttoappend = 'append some text \n'; var txtencoded = new textencoder().encode(txttoappend); valopen.write(txtencoded).then(valwrite => { console.log('valwrite:', valwrite); valopen.close().then(valclose => { console.log('valclose:', valclose); console.log('successfully app
ended'); }); }); }); 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)...
OSFile.jsm
this api is int
ended to replace, in time, most xpcom-based manipulation of files (nsifile, subsets of nsiioservice, etc.) by javascript code.
Promise.jsm
while you may still import this module from the above paths, the recomm
ended way for loading it is through the add-on sdk loader.
Bootstrapping a new locale
recomm
ended order of localization for recomm
ended order of localization, refer to the localization "phase list" which provides a very rough guide on where to start and in what order to proceed through translation.
Localization content best practices
as a general rule, it's recomm
ended to fix strings on the trunk/master repository, and create ad-hoc patches for string frozen repositories that don't involve string changes.
Localizing extension descriptions
ll.rdf and path_to_localization_file is the chrome path to the localization file you added to earlier): pref("extensions.extension_id.description", "path_to_localization_file"); localizable strings the following add-on metadata can be localized using this process: name description creator homepageurl localizable lists in cases where multiple values can exist, a numeric index is app
ended to the end of the preference name: extensions.extension_id.contributor.1=first_localized_contributor_name extensions.extension_id.contributor.2=second_localized_contributor_name extensions.extension_id.contributor.3=thrid_localized_contributor_name pref("extensions.extension_id.contributor.1", "path_to_localization_file"); pref("extensions.extension_id.contributor.2", "path_to_localization_file...
Localizing without a specialized tool
recomm
ended order of localization for recomm
ended order of localization, refer to the localization "phase list" which provides a very rough guide on where to start and in what order to proceed through translation.
Release phase
sign-offs do not need to be approved before revision merge between release channels, although it is recomm
ended.
Translation phase
this is where you research and select the search plugins, content and protocol handlers, bookmarks, and links to recomm
ended sites on the in-product pages that your locale's users will find in their mozilla products.
Localization technical reviews
search plugins similar to the region.properties files, the list.txt file should be reverted to en-us and am
ended accordingly as the search plugin productization bugs are completed.
Localization formats
update this site (if you use the actual english strings in msgids, not unique identifier strings like certificate_intro) very established with a large set of powerful tools harder to screw things up because existing tools will not allow localizers to edit the l10n file where they shouldn't separates localizable strings available for localizers for the rest of the code, protecting it from unint
ended changes disadvantage of gettext .po file needs to be compiled into a .mo file for localizer to see changes using regular diff to see changes to a file is sometimes impossible because the editing tool can save the .po file using a completely different structure or order of entities.
Writing localizable code
using a directory structure like this eases the localization process without the source code and is especcially recomm
ended to extension authors.
MathML Accessibility in Mozilla
at the moment, it is recomm
ended to use a nightly build to ensure that the accessible tree expected by orca is correctly exposed.
Mozilla DOM Hacking Guide
by "correct behavior", i mean "the int
ended behavior with respect to the specification or de facto standard".
Mozilla Port Blocking
"access to the port number given has been disabled for security reasons." "establishing a connection to an unsafe or otherwise banned port was prohibited" "0x804b0013 (ns_error_port_access_not_allowed)" if your product or web site uses a port which is blocked by mozilla's default port blocking rules, you can either change the port of your service to a unblocked value (recomm
ended if possible) or ask your mozilla users to enable the port.
DMD
(if you are familiar with the recomm
ended "--es env0" method for setting environment variables when launching fennec, note that you cannot use this method here because those are processed too late in the startup process.
Productization guide
productization is the choice of ''default'' search engines, content and protocol handlers, bookmarks, links to recomm
ended sites on the in-product pages, etc.
Profile Manager
it's strongly recomm
ended to avoid operations on locked profiles.
L20n HTML Bindings
download l20n with html bindings we maintain a repository with l20n optimized for production use: one file (~110kb) one file, minified (~35kb) it's recomm
ended to include the l20n.js file as the last script in the head element.
L20n Javascript API
this array (with defaultlocale app
ended to it if it is not already present) will be used to negotiate the fallback chain for the user.
MailNews automated testing
testing frameworks the asynctestutils ext
ended framework supports: asynchronous test operation: a reasonably convenient means of writing tests that involve asynchronous operations by using generators.
MailNews
asynctestutils ext
ended framework the asynctestutils ext
ended framework is one mechanism for testing the mailnews component of thunderbird.
About NSPR
it was originally int
ended to export synchronous i/o methods only, relying on threads to provide the concurrency needed for complex applications.
NSPR Contributor Guide
that said: there are some libraries that implement functions int
ended for use with applications using nspr, such as ...nsprpub/lib/libc/plgetopt.*.
Optimizing Applications For NSPR
however, another thread does not see the data as int
ended because the stack has been swapped out to the shadow stack and the current thread's stack now occupies the windows stack.
Atomic Operations
therefore, to preserve portability, it is recomm
ended that clients use the nspr api for atomic operations.
Locks
prmonitor is int
ended for use with java and reflects the java approach to thread synchronization.
Long Long (64-bit) Integers
where 64-bit integers are desired, use of nspr's implementation is recomm
ended to ensure cross-platform compatibility.
Network Addresses
to facilitate the transition to ipv6, it is recomm
ended that clients treat all structures containing network addresses as transparent objects and use the functions documented here to manipulate the information.
PRThreadPriority
at best they are int
ended to specify a preference in the amount of cpu time that a higher-priority thread might expect relative to a lower-priority thread.
PR_CALLBACK
syntax #include <prtypes.h>type pr_callbackimplementation description functions that are implemented in an application (or shared library) that are int
ended to be called from another shared library (such as nspr) must be declared with the pr_callback attribute.
PR_GetRandomNoise
pr_getrandomnoise is int
ended to provide a "seed" value for a another random number generator that may be suitable for cryptographic operations.
PR_NETDB_BUF_SIZE
recomm
ended size to use when specifying a scratch buffer for pr_gethostbyname, pr_gethostbyaddr, pr_getprotobyname, or pr_getprotobynumber.
Process Initialization
this facility is recomm
ended in situations where complicated global initialization is required.
An overview of NSS Internals
it's worth mentioning the ext
ended validation (ev) principle, which is an effort by software vendors and cas to define a stricter set of rules for issuing certificates for web site certificates.
NSS Certificate Download Specification
this is int
ended to allow people or cas to post their e-mail certificates on web pages for download by other users who want to send them encrypted mail.
HTTP delegation
(when issueing get requests, the "?query-string=data" portion should already be app
ended to the request path) after creation, nss might call functions to provide additional details of the http request (e.g.
HTTP delegation
(when issuing get requests, the "?query-string=data" portion should already be app
ended to the request path) after creation, nss might call functions to provide additional details of the http request (e.g.
NSS 3.12.6 release notes
in ocsp.h cert_cacheocspresponsefromsidechannel: this function is int
ended for use when ocsp responses are provided via a side-channel, i.e.
NSS_3.12_release_notes.html
_unknown_aia_location_type sec_error_bad_http_response sec_error_bad_ldap_response sec_error_failed_to_encode_data sec_error_bad_info_access_location sec_error_libpkix_internal new mechanism flags (see secmod.h) public_mech_aes_flag public_mech_sha256_flag public_mech_sha512_flag public_mech_camellia_flag new oids (see secoidt.h) new ec signature oids sec_oid_ansix962_ecdsa_signature_recomm
ended_digest sec_oid_ansix962_ecdsa_signature_specified_digest sec_oid_ansix962_ecdsa_sha224_signature sec_oid_ansix962_ecdsa_sha256_signature sec_oid_ansix962_ecdsa_sha384_signature sec_oid_ansix962_ecdsa_sha512_signature more id-ce and id-pe oids from rfc 3280 sec_oid_x509_hold_instruction_code sec_oid_x509_delta_crl_indicator sec_oid_x509_issuing_distribution_point sec_oid_x509_cert_issuer sec_oid...
NSS 3.14 release notes
these functions are int
ended to replace the now-deprecated use of the ssl_enable_ssl3 and ssl_enable_tls socket options.
NSS 3.15.4 release notes
new functions cert_forcepostmethodforocsp cert_getsubjectnamedigest cert_getsubjectpublickeydigest ssl_peercertificatechain ssl_recomm
endedcanfalsestart ssl_setcanfalsestartcallback new types cert_rev_m_force_post_method_for_ocsp: when this flag is used, libpkix will never attempt to use the http get method for ocsp requests; it will always use post.
NSS 3.15 release notes
in ocsp.h cert_postocsprequest - primarily int
ended for testing, permits the sending and receiving of raw ocsp request/responses.
NSS 3.22.3 release notes
bugs fixed in nss 3.22.3 bug 1243641 - increase compatibility of tls ext
ended master secret, don't send an empty tls extension last in the handshake compatibility nss 3.22.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.23 release notes
notable changes in nss 3.23 the copy of sqlite shipped with nss has been updated to version 3.10.2 (bug 1234698) the list of tls extensions sent in the tls handshake has been reordered to increase compatibility of the ext
ended master secret with servers (bug 1243641) the build time environment variable nss_enable_zlib has been renamed to nss_ssl_enable_zlib (bug 1243872).
NSS 3.24 release notes
this struct contains supplementary information about a certificate, such as the int
ended type of the certificate, stapled ocsp responses, or signed certificate timestamps (used for certificate transparency).
NSS 3.41 release notes
c840aea4e6455d7585c60 cn = gts root r3 sha-256 fingerprint: 15d5b8774619ea7d54ce1ca6d0b0c403e037a917f131e8a04e1e6b7a71babce5 cn = gts root r4 sha-256 fingerprint: 71cca5391f9e794b04802530b363e121da8a3043bb26662fea4dca7fc951a4bd cn = uca global g2 root sha-256 fingerprint: 9bea11c976fe014764c1be56a6f914b5a560317abd9988393382e5161aa0493c cn = uca ext
ended validation root sha-256 fingerprint: d43af9b35473755c9684fc06d7d8cb70ee5c28e773fb294eb41ee71722924d24 the following ca certificates were removed: cn = ac raíz certicámara s.a.
Release notes for recent versions of NSS
(nss 3.56 release notes) the current esr releases of nss are 3.44.4 (nss 3.44.4 release notes), int
ended for firefox esr 68, which was released on 19 may 2020, and 3.53.1 (nss 3.53.1 release notes), int
ended for firefox esr 78, which was released on 16 june 2020.
NSS Sample Code sample2
* note: iv is only needed if cipher blocking chaining (cbc) mode of encryption * is used * * the recomm
ended approach is to store and transport wrapped (encrypted) * des keys (ivs can be in the clear).
nss tech note7
at present 1024 bit and 2048 bit rsa keys are the most common and recomm
ended.
PKCS11 Implement
these are not standard pkcs #11 semantics; they are int
ended for nss's internal use only.
NSS_Initialize
nss_init_cooperate - sets the above four recomm
ended options for applications that use both nss and the java sunpkcs11 provider.
NSS tools : certutil
-6 | --extkeyusage keyword,keyword add an ext
ended key usage extension to a certificate that is being created or added to the database.
NSS tools : crlutil
changing the names of the certificate and key databases is not recomm
ended.
NSS tools : modutil
changing the names of the certificate and key databases is not recomm
ended.
gtstd.html
the fortezza module is int
ended for use with fortezza hardware tokens.
sslintro.html
warning: some of the ssl header files provided as part of nss 2.0 include both public apis documented in the nss 2.0 documentation set and private apis int
ended for internal use by the nss implementation of ssl.
NSS Tools crlutil
changing the names of the certificate and key databases is not recomm
ended.
NSS Tools modutil
changing the names of the certificate and key databases is not recomm
ended.
NSS Tools pk12util
changing the names of the certificate and key databases is not recomm
ended.
NSS tools : crlutil
changing the names of the certificate and key databases is not recomm
ended.
NSS tools : modutil
changing the names of the certificate and key databases is not recomm
ended.
NSS tools : signtool
ext
ended examples the following example will do this and that listing available signing certificates you use the -l option to list the nicknames for all available certificates and check which ones are signing certificates.
NSS tools : signver
ext
ended examples verifying a signature the -v option verifies that the signature in a given signature file is valid when used to sign the given object (from the input file).
Rhino overview
javascript: the definitive guide is recomm
ended, and contains a chapter on rhino.
Rhino serialization
they're int
ended mainly as examples of the use of serialization: $ java org.mozilla.javascript.tools.shell.main js> function f() { return 3; } js> serialize(f, "f.ser") js> quit() $ java org.mozilla.javascript.tools.shell.main js> f = deserialize("f.ser") function f() { return 3;} js> f() 3 js> here we see a simple case of a function being serialized to a file and then read into a new instance of rhino and c...
Shumway
bugzilla is int
ended for problems with integrating shumway into firefox.
Rebranding SpiderMonkey (1.8.5)
you see these lines: install:: $(pkg_config_files) @echo pkg_config_file: $(pkg_config_files) those two lines should be modified to read back: install:: $brand.pc @echo pkg_config_file: $brand.pc note: while it is possible to automate the manual editing process, this has been discouraged due to the fact that these files are automatically generated and very little constant data can be dep
ended upon.
Future directions
see http://hsivonen.iki.fi/vendor-prefixes/ for an ext
ended argument.
Hacking Tips
simulator build: ar=ar cc="gcc -m32" cxx="g++ -m32" ../configure --target=i686-pc-linux --enable-debug --disable-optimize --enable-threadsafe --enable-simulator=arm or on os x: $ ar=ar cc="clang -m32" cxx="clang++ -m32" ../configure --target=i686-apple-darwin10.0.0 --enable-debug --disable-optimize --enable-threadsafe --enable-arm-simulator an --enable-debug --enable-optimize build is recomm
ended if you want to run jit-tests or jstests.
SpiderMonkey Internals: Thread Safety
the most obvious effect of a request is: at any given moment there can either be multiple threads in active requests, or one thread doing gc and all requests susp
ended.
JS_ShutDown
this may not always be the case; it's recomm
ended that all embedders call this method when all other jsapi operations have completed, to be future-proof.
Parser API
note: because this library uses null for optional nodes, it is recomm
ended that user-defined datatypes not use null as a representation of an ast node.
SpiderMonkey 1.8.7
jsext
endedclass jsext
endedclass has been removed from the api entirely.
SpiderMonkey 1.8.8
in the meantime moz_custom_stdint_h is int
ended to function as a bridge to always using the standard header.
SpiderMonkey 17
in the meantime moz_custom_stdint_h is int
ended to function as a bridge to always using the standard header.
SpiderMonkey 38
get it here mozilla-esr38 you will find it in "firefox ext
ended support release 38" package on hg release platform support spidermonkey 38 is supported on all the platforms where firefox 38 runs.
TPS Bookmark Lists
that is, the first item is app
ended to its parent folder, then the second, and so forth.
Web Replay
the child process is ext
ended so that it can communicate with the middleman, using a special bidirectional channel and messages separate from ipdl state.
Zest
overview zest is an experimental specialized scripting language (also known as a domain-specific language) developed by the mozilla security team and is int
ended to be used in web oriented security tools.
Mozilla Projects
zest zest is an experimental specialized scripting language (also known as a domain-specific language) developed by the mozilla security team and is int
ended to be used in web oriented security tools.
Using RAII classes in Mozilla
ensuring raii classes are not used as temporaries a common mistake when using raii classes is to accidentally forget to name object, which causes its scope to be different from what is int
ended.
Secure Development Guidelines
pl_strncat this function is confusing because the size argument is the maximum number of bytes being app
ended, not the size of the buffer.
Gecko events
tion is about to enter drag-and-drop mode is supported: yes event_dragdrop_end an application is about to exit drag-and-drop mode is supported: no event_dialog_start a dialog box has been displayed is supported: no event_dialog_end a dialog box has been closed is supported: no event_scrolling_start scrolling has started on a scroll bar is supported: yes event_scrolling_end scrolling has
ended on a scroll bar is supported: yes event_minimize_start a window object is about to be minimized or maximized is supported: no event_minimize_end a window object has been minimized or maximized is supported: no event_document_load_start is supported: yes event_document_load_complete the loading of the document has completed.
Gecko states
state_multiselectable supports multiple selection state_extselectable supports ext
ended selection state_required indicates that user interaction is required.
AT APIs Support
msaa msaa sdk tools - version 1.3 is recomm
ended instead of 2.0 because it includes source code for the tools iaccessible2 accessibility probe -- includes msaa support as well atk/at-spi accerciser - interactive python accessibility explorer for the gnome desktop gecko dom inspector has an ability to test gecko accessibility layer, supports base features.
XUL Accessibility
aggregating the text from element subtree if the child node is hidden then it's ignored excepting the case when the element used as label is hidden itself if the child node is text node then its rendered value is app
ended if the child node is element then if it implements nsidomxullabeledcontrolelement then the value of label property is app
ended otherwise if it's a label element then then value attribute is app
ended otherwise append tooltiptext attribute append the accessible value searching specific element in neighbour of the element search inside the element subtree go up through parents (max level is ...
History Service Design
storing pages and visits pages (int
ended 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.
Places Developer Guide
var browserhistory = histsvc.queryinterface(ci.nsibrowserhistory); var oururi = uri("http://www.mozilla.com"); var pagetitle = "mozilla"; var visitdate = date.now() * 1000; // in microseconds browserhistory.addpagewithdetails(oururi, "mozilla", visitdate); // add a visit to a url, with ext
ended behavior information // via nsiglobalhistory3.
Querying Places
results_as_full_visit: this is an ext
ended version of result_type_visit.
Introduction to XPCOM for the DOM
i had to use the second solution: nscomptr<nsicontent> content = getter_addrefs(ns_static_cast(nsicontent*, this)); // or, if you want to do the refcounting yourself, nsicontent *content = ns_static_cast(nsicontent*, this); the second form should be used with care, and is recomm
ended only for advanced xpcom'ers.
Components object
warning: this object is only int
ended for code running with chrome privileges.
XPConnect wrappers
note that a previous version of the current page recomm
ended using __exposedprops__ to expose objects from chrome to content.
NS_GetMemoryManager
any code, int
ended to be used exclusively with mozilla 1.8 and above, may use ns_alloc, ns_realloc, and ns_free instead to access the xpcom memory manager's methods.
XPCOM glue classes
onvertutf16toutf8 externalclass declarationns convertutf8toutf16 externalclass declarationns lossyconvertutf16toascii externalclass declarationns_convertasciitoutf16class declarationns_convertutf16toutf8class declarationns_convertutf8toutf16class declarationns_lossyconvertutf16toasciiclass declarationns_overridens_override is a macro which allows c++ code in mozilla to specify that a method is int
ended to override a base class method.
imgIContainer
when aflags includes flag_clamp, the image will be ext
ended to this area by clamping image sample coordinates.
mozIStorageAsyncStatement
in contrast, mozistoragestatement may need to acquire the primitives and consequently can cause the main thread to lock for ext
ended intervals while the asynchronous thread performs some long-running operation.
nsIAccessible
the following methods are int
ended for this nsiaccessible.actioncount, nsiaccessible.getactionname(), nsiaccessible.getactiondescription() and nsiaccessible.doaction().
nsIAppStartup
toolkit/components/startup/public/nsiappstartup.idlscriptable this interface is int
ended to be used as application startup service.
nsIArray
if the interface in question had int
ended the array to be modified, it would have returned an nsimutablearray!
nsIAuthModule
netwerk/base/public/nsiauthmodule.idlscriptable this interface is int
ended to be used as server and client authentication service.
nsIClipboardDragDropHookList
inherits from: nsisupports last changed in gecko 1.7 note: this interface is not int
ended for direct use by embedders; it is an implementation detail.
nsIClipboardDragDropHooks
because this can be called many times, it is highly recomm
ended that the implementation be very efficient so user feedback is not negatively impacted.
nsICollection
void appendelement( in nsisupports item ) parameters item nsisupports item to be app
ended to the list.
nsICookieManager
last changed in gecko 1.7 inherits from: nsisupports this interface is int
ended to be used as a service.
nsIDOMEvent
it is also strongly recomm
ended that third parties adding their own events use their own prefix to avoid confusion and lessen the probability of conflicts with other new events.
nsIDOMHTMLSourceElement
media unimplemented domstring the media attribute gives the int
ended media type of the media resource, to help the user agent determine if this media resource is useful to the user before fetching it.
nsINavHistoryContainerResultNode
this value is int
ended to be used to see if the "+" should be drawn next to a tree item, indicating that the item can be opened.
nsINavHistoryQuery
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) the nsinavhistoryquery is not int
ended to be a super-general query mechanism.
nsISelection
void extend( in nsidomnode parentnode, in long offset ); parameters parentnode the node where the selection will be ext
ended to.
nsISessionStore
note: this function is int
ended for use only by the browser; extensions shouldn't call it.
nsIStringBundle
it is recomm
ended that you use the methods of xul:stringbundle to access these functions unless necessary.
nsIThreadInternal
when an event queue is popped, any events remaining in the queue are app
ended to the elder queue.
nsIThreadPool
a listener will only receive notifications about threads created after the listener is set so it is recomm
ended that the consumer set the listener before dispatching the first event.
nsIToolkitProfileService
warning: this service is synchronous so it is recomm
ended that you use os.file to find the profile directory via os.constants.path.profiledir.
nsITransferable
kurlprivatemime text/x-moz-url-priv the same as kurldatamime, except int
ended for private use only.
nsITreeView
to add properties for a particular row, you must use the nsiatomservice to create an nsiatom string, which can then be app
ended to the array to alter the style (see also styling a tree) getrowproperties: function(index, properties) { var atomservice = components.classes["@mozilla.org/atom-service;1"].getservice(components.interfaces.nsiatomservice); var atom = atomservice.getatom("dummy"); properties.appendelement(atom); } hasnextsibling() used to determine if the row at rowindex has a nextsibling that occurs af...
nsIUploadChannel
history here is that we need to support both streams that already have headers (for example, content-type and content-length) information prep
ended to the stream (by plugins) as well as clients (composer, uploading application) that want to upload data streams without any knowledge of protocol specifications.
nsIWebNavigation
postdata if the uri corresponds to a http request, then this stream is app
ended directly to the http request headers.
Reference Manual
getter_doesnt_addref had complex ramifications that
ended up making nscomptrs either bigger or slower than raw xpcom interface pointers.
Xptcall Porting Guide
i
ended up with larger stubs than i would have preferred rather than battle the compiler over what would happen to the stack before my asm code began running.
xpidl
for testing purposes, or one-off interface compilation, xpidl can be run from the command line: usage: ./xpidl -m mode [-w] [-v] [-t version number] [-d filename.pp] [-i path] [-o basename | -e filename.ext] filename.idl -a emit annotations to typelib -w turn on warnings (recomm
ended) -v verbose mode (nyi) -t create a typelib of a specific version number -i add entry to start of include path for ``#include "nsithing.idl" -o use basename (e.g.
XUL Overlays
in the following example, the last menu item, example four, will be placed just after the "new" menu item instead of being app
ended to the end of the menu like the other kids.
Mailnews and Mail code review requirements
mailnews and mail review rules patches affecting thunderbird user experience or interfaces note: it is recomm
ended that when working on bugs that affect user experience or interfaces, that ui-review is obtained at an early stage in the patch development process.
Demo Addon
only the interesting parts are shown, it's recomm
ended that you download the add-on and have a look at its files.
Virtualenv
it is recomm
ended that you use virtualenv for installing anything other than system software that you are working on.
Declaring types
for another example see here: getcursorpos opaque structures an opaque structure is one whose content fields are not known, or are not int
ended to be accessed directly.
Standard OS Libraries
es.int(); let windowy = new ctypes.int(); let mask = new ctypes.unsigned_int(); xquerypointer(display, rootwindow, root.address(), child.address(), rootx.address(), rooty.address(), windowx.address(), windowy.address(), mask.address() ); xclosedisplay(display); components.utils.reporterror(rootx.value + "," + rooty.value); x11.close(); resources for x11 ext
ended window manager hints githubgists :: noitidart / search · x11 - x11 js-ctypes snippets that can be copied and pasted to scratchpad xcb all the above methods, gdk, gtk, and x11/xlib are meant to be used on the main thread.
Working with ArrayBuffers
method 3: transfer byte array by calling memcpy this is the recomm
ended method, as it only takes a couple of milliseconds, even for large arrays.
CData
tosource() returns the string "t(arg)", where t and arg are implementation-defined javascript expressions int
ended to represent the type of the cdata object and its value, respectively.
js-ctypes
for a discussion on ext
ended c++ support see bug 505907.
Plug-in Development Overview - Plugins
making plug-ins scriptable scriptable plug-ins are plug-ins that have been ext
ended to provide methods that can be called from javascript and the dom when accessed through the object or embed element.
Inspecting web app manifests - Firefox Developer Tools
ication panel’s manifest view on a page that doesn't have an app manifest successfully deployed, you'll get the following output shown: deploying a manifest to get a manifest deployed successfully, you need to include a <link> element in the <head> of your document that points to your .webmanifest file: <link rel="manifest" href="/manifest.webmanifest"> the .webmanifest extension is recomm
ended in the spec, and should be served with an application/manifest+json mime type, although browsers generally tend to support manifests with other appropriate extensions like .json (mime type: application/json).
Debugger.Source - Firefox Developer Tools
(note that code passed to eval, the function constructor, or a similar function isnot considered to be loaded from a url; the url accessor on debugger.source instances for such sources should return undefined.) if the instance refers to webassembly code, the url of the script that called new webassembly.module with the string "> wasm" app
ended.
Debugger - Firefox Developer Tools
setting this flag to true is int
ended for uses of subsystems of the debugger api (e.g, debugger.source) for purposes other than step debugging a target javascript program.
Throttling - Firefox Developer Tools
the characteristics emulated are: download speed upload speed minimum latency the table below lists the numbers associated with each network type, but please do not rely on this feature for exact performance measurements; it's int
ended to give an approximate idea of the user experience in different conditions.
Waterfall - Firefox Developer Tools
gc is relevant to performance because while it's running the javascript engine must be paused, so your program is susp
ended and will be completely unresponsive.
Responsive Design Mode - Firefox Developer Tools
the characteristics emulated are: download speed upload speed minimum latency the table below lists the numbers associated with each network type, but please do not rely on this feature for exact performance measurements; it's int
ended to give an approximate idea of the user experience in different conditions.
AudioProcessingEvent - Web APIs
ata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.on
ended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } ...
BaseAudioContext.state - Web APIs
possible values are: susp
ended: the audio context has been susp
ended (with the audiocontext.suspend() method.) running: the audio context is running normally.
BlobBuilder - Web APIs
if the value you specify isn't a blob, arraybuffer, or string, the value is coerced to a string before being app
ended to the blob.
CDATASection - Web APIs
the cdatasection interface represents a cdata section that can be used within xml to include ext
ended portions of unescaped text.
CSSMediaRule - Web APIs
it has the following specific property: cssmediarule.media read only specifies a medialist representing the int
ended destination medium for style information.
CacheStorage - Web APIs
finally, return whatever the custom response
ended up being equal to, using fetchevent.respondwith.
Manipulating video using canvas - Web APIs
processor.timercallback = function timercallback() { if (this.video.paused || this.video.
ended) { return; } this.computeframe(); let self = this; settimeout(function() { self.timercallback(); }, 0); }, the first thing the callback does is check to see if the video is even playing; if it's not, the callback returns immediately without doing anything.
console.debug() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output to the console.
Console.error() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output.
Console.info() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output.
console.log() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output.
Console.timeLog() - Web APIs
in addition, the call to timeend() has the additional information, "timer
ended" to make it obvious that the timer is no longer tracking time.
Console.warn() - Web APIs
the string representations of each of these objects are app
ended together in the order listed and output.
Document: animationend event - Web APIs
examples this example listens for the animationend event: document.addeventlistener('animationend', () => { console.log('animation
ended'); }); the same, but using the onanimationend event handler property: document.onanimationend = () => { console.log('animation
ended'); }; see a live example of this event.
Document.bgColor - Web APIs
the recomm
ended alternative is use of the css style background-color which can be accessed through the dom with document.body.style.backgroundcolor.
Document.cookie - Web APIs
it is highly recomm
ended for you to use whatwg dom storage if you are going to keep "client-only" data.
Document: copy event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property oncopy the original target for this event is the element that was the int
ended target of the copy action.
Document.createElementNS() - Web APIs
ucted dynamically with createelementns and createtextnode then inserted into the document using appendchild."); newdiv.appendchild(txtnode); container.appendchild(newdiv); } ]]></script> <vbox id="containerbox" flex="1"> <html:div> the script on this page will add dynamic content below: </html:div> </vbox> </page> the example given above uses inline script which is not recomm
ended in xhtml documents.
Document: cut event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property oncut the original target for this event is the element that was the int
ended target of the cut action.
Document: paste event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property onpaste the original target for this event is the element that was the int
ended target of the paste action.
Document: transitionend event - Web APIs
examples this code adds a listener to the transitionend event: document.addeventlistener('transitionend', () => { console.log('transition
ended'); }); the same, but using the ontransitionend property instead of addeventlistener(): document.ontransitionend = () => { console.log('transition
ended'); }; see a live example of this event.
Document.vlinkColor - Web APIs
the recomm
ended alternative is to get/set the color of the css :visited pseudo-class on html <a> elements (e.g., a:visited {color:red;}).
Document Object Model (DOM) - Web APIs
ocumenttouch domconfiguration domerrorhandler domimplementationlist domimplementationregistry domimplementationsource domlocator domobject domsettabletokenlist domuserdata elementtraversal entity entityreference namelist notation typeinfo userdatahandler html dom a document containing html is described using the document interface, which is ext
ended by the html specification to include various html-specific features.
DragEvent - Web APIs
dragend this event is fired when a drag operation is being
ended (by releasing a mouse button or hitting the escape key).
EXT_color_buffer_float - Web APIs
ext
ended methods the following sized formats become color-renderable: gl.r16f, gl.rg16f, gl.rgba16f, gl.r32f, gl.rg32f, gl.rgba32f, gl.r11f_g11f_b10f.
EXT_color_buffer_half_float - Web APIs
ext
ended methods this extension extends webglrenderingcontext.renderbufferstorage(): the internalformat parameter now accepts ext.rgba16f_ext and ext.rgba16f_ext.
Element: MSGestureEnd event - Web APIs
the msgestureend event is fired when all associated touch points have stopped contacting the touch surface, and any associated inertial movements have
ended; thus ending the gesture.
Element.insertAdjacentHTML() - Web APIs
it is not recomm
ended you use insertadjacenthtml() when inserting plain text; instead, use the node.textcontent property or the element.insertadjacenttext() method.
ExtendableEvent - Web APIs
it is int
ended to be called in the install eventhandler for the installing worker and on the activate eventhandler for the active worker.
FileSystemEntry.toURL() - Web APIs
code that makes use of this might look like this: let img = document.createelement("img"); img.src = imagefileentry.tourl(); document.body.appendchild(img); assuming the scenario mentioned before the code, the result would be html that looks like this being app
ended to the end of the document: <img src="filesystem:http://my-awesome-website.woot/temporary/awesomesauce.jpg"> browser compatibility the compatibility table on this page is generated from structured data.
FileSystemEntry - Web APIs
fullpath read only a usvstring object which provides the full, absolute path from the file system's root to the entry; it can also be thought of as a path which is relative to the root directory, prep
ended with a "/" character.
FormData.get() - Web APIs
example the following line creates an empty formdata object: var formdata = new formdata(); if we add two username values using formdata.append: formdata.append('username', 'chris'); formdata.append('username', 'bob'); the following get() function will only return the first username value app
ended: formdata.get('username'); // returns "chris" specifications specification status comment xmlhttprequestthe definition of 'get()' in that specification.
Gamepad.id - Web APIs
this information is int
ended to allow you to find a mapping for the controls on the device as well as display useful feedback to the user.
Using the Gamepad API - Web APIs
this information is int
ended to allow you to find a mapping for the controls on the device as well as display useful feedback to the user.
GlobalEventHandlers.ondragend - Web APIs
urce 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
ended.
GlobalEventHandlers.ondragenter - Web APIs
urce 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
ended.
GlobalEventHandlers.ondragexit - Web APIs
urce 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
ended.
GlobalEventHandlers.ondragleave - Web APIs
nt'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 drag
ended.
HTMLAnchorElement.download - Web APIs
the htmlanchorelement.download property is a domstring indicating that the linked resource is int
ended to be downloaded rather than displayed in the browser.
HTMLAreaElement - Web APIs
htmlareaelement.download is a domstring indicating that the linked resource is int
ended to be downloaded rather than displayed in the browser.
msAudioCategory - Web APIs
me sound effects designed to mix with existing audio characters talking all non-music sounds no gamemedia background music played by a game no soundeffects game or other sound effects designed to mix with existing audio: characters talking beeps, dings, brief sounds no other default audio type, and recomm
ended for all audio media that does not need to continue playing in the background.
HTMLElement: animationcancel event - Web APIs
g.textcontent = `${animationeventlog.textcontent}'animation started' `; }); animation.addeventlistener('animationiteration', () => { iterationcount++; animationeventlog.textcontent = `${animationeventlog.textcontent}'animation iterations: ${iterationcount}' `; }); animation.addeventlistener('animationend', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation
ended'`; animation.classlist.remove('active'); applyanimation.textcontent = "activate animation"; }); animation.addeventlistener('animationcancel', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation canceled'`; }); applyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; ...
HTMLElement: animationiteration event - Web APIs
g.textcontent = `${animationeventlog.textcontent}'animation started' `; }); animation.addeventlistener('animationiteration', () => { iterationcount++; animationeventlog.textcontent = `${animationeventlog.textcontent}'animation iterations: ${iterationcount}' `; }); animation.addeventlistener('animationend', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation
ended'`; animation.classlist.remove('active'); applyanimation.textcontent = "activate animation"; }); animation.addeventlistener('animationcancel', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation canceled'`; }); applyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; ...
HTMLElement: animationstart event - Web APIs
g.textcontent = `${animationeventlog.textcontent}'animation started' `; }); animation.addeventlistener('animationiteration', () => { iterationcount++; animationeventlog.textcontent = `${animationeventlog.textcontent}'animation iterations: ${iterationcount}' `; }); animation.addeventlistener('animationend', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation
ended'`; animation.classlist.remove('active'); applyanimation.textcontent = "activate animation"; }); animation.addeventlistener('animationcancel', () => { animationeventlog.textcontent = `${animationeventlog.textcontent}'animation canceled'`; }); applyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; ...
HTMLElement: transitionend event - Web APIs
examples this code gets an element that has a transition defined and adds a listener to the transitionend event: const transition = document.queryselector('.transition'); transition.addeventlistener('transitionend', () => { console.log('transition
ended'); }); the same, but using the ontransitionend: const transition = document.queryselector('.transition'); transition.ontransitionend = () => { console.log('transition
ended'); }; live example in the following example, we have a simple <div> element, styled with a transition that includes a delay: <div class="transition">hover over me</div> <div class="message"></div> .transition { widt...
HTMLMediaElement.autoplay - Web APIs
<video id="video" controls> <source src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&profile_id=165"> </video> *** disable autoplay (recomm
ended) *** false is the default value document.queryselector('#video').autoplay = false; specifications specification status comment html living standardthe definition of 'htmlmediaelement.autoplay' in that specification.
HTMLSourceElement - Web APIs
htmlsourceelement.media is a domstring reflecting the media html attribute, containing the int
ended type of the media resource.
Ajax navigation example - Web APIs
nal server error", 501: "not implemented", 502: "bad gateway", 503: "service unavailable", 504: "gateway timeout", 505: "http version not supported", 506: "variant also negotiates (experimental)", 507: "insufficient storage", 508: "loop detected", 509: "unassigned", 510: "not ext
ended", 511: "network authentication required" }; var oreq, bisloading = false, bupdateurl = false; oloadingbox.id = "ajax-loader"; ocover.onclick = abortreq; oloadingimg.src = "data:image/gif;base64,r0lgodlheaaqapiaap///waaamlcwkjcqgaaagjiyokcgpkskih/c05fvfndqvbfmi4waweaaaah/hpdcmvhdgvkihdpdgggywphegxvywquaw5mbwah+qqjcgaaacwaaaaaeaaqaaadmwi63p4wyklre2miog...
IDBCursorSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBDatabaseSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBEnvironmentSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBFactorySync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBIndexSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBLocaleAwareKeyRange - Web APIs
the idblocaleawarekeyrange interface of the indexeddb api is a firefox-specific version of idbkeyrange — it functions in exactly the same fashion, and has the same properties and methods, but it is int
ended for use with idbindex objects when the original index had a locale value specified upon its creation (see createindex()'s optionalparameters) — that is, it has locale aware sorting enabled.
IDBObjectStoreSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBTransactionSync - Web APIs
important: the synchronous version of the indexeddb api was originally int
ended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IndexedDB API - Web APIs
the synchronous api was int
ended for use only with web workers but was removed from the spec because it was unclear whether it was needed.
KeyboardEvent.key - Web APIs
some specialty keyboard keys (such as the ext
ended keys for controlling media on multimedia keyboards) don't generate key codes on windows; instead, they trigger wm_appcommand events.
Keyboard API - Web APIs
the int
ended use of the keyboard api is by web applications such as games or remote access apps that provide a full-screen immersive experience.
MediaDevices.ondevicechange - Web APIs
once the string is assembled, containing the device's name in bold and the direction in parentheses, it's app
ended to the appropriate list by calling appendchild() on either audiolist or videolist, as appropriate based on the device type.
MediaDevices - Web APIs
ts = { audio: false, video: true }; var errorelement = document.queryselector('#errormsg'); navigator.mediadevices.getusermedia(constraints) .then(function(stream) { var videotracks = stream.getvideotracks(); console.log('got stream with constraints:', constraints); console.log('using video device: ' + videotracks[0].label); stream.onremovetrack = function() { console.log('stream
ended'); }; window.stream = stream; // make variable available to browser console video.srcobject = stream; }) .catch(function(error) { if (error.name === 'constraintnotsatisfiederror') { errormsg('the resolution ' + constraints.video.width.exact + 'x' + constraints.video.height.exact + ' px is not supported by your device.'); } else if (error.name === 'permissiondeniederror') { ...
MediaError.message - Web APIs
the error's code attribute is checked to determine a generic error message to display, and, if message is not empty, it's app
ended to provide additional details.
MediaSource.activeSourceBuffers - Web APIs
ddsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); console.log(mediasource.activesourcebuffers); // will contain the source buffer that was added above, // as it is selected for playing in the video player video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; ...
MediaSource.addSourceBuffer() - Web APIs
ported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'addsourcebuffer()' in that specification.
MediaSource.duration - Web APIs
igation.) function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); mediasource.duration = 120; video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; ...
MediaSource.endOfStream() - Web APIs
ported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'endofstream()' in that specification.
MediaSource.isTypeSupported() - Web APIs
ported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'istypesupported()' in that specification.
MediaSource.sourceBuffers - Web APIs
e); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); console.log(mediasource.sourcebuffers); // will contain the source buffer that was added above video.play(); //console.log(mediasource.readystate); //
ended }); sourcebuffer.appendbuffer(buf); }); }; ...
MediaTrackConstraints.deviceId - Web APIs
however, the value of the deviceid is determined by the source of the track's content, and there's no particular format mandated by the specification (although some kind of guid is recomm
ended).
MediaTrackConstraints.groupId - Web APIs
however, the value of the groupid is determined by the source of the track's content, and there's no particular format mandated by the specification (although some kind of guid is recomm
ended).
Media Capture and Streams API (Media Stream) - Web APIs
events addtrack
ended muted overconstrained removetrack started unmuted guides and tutorials the articles below provide additional guidance and how-to information that will help you learn to use the api, and how to perform specific tasks that you may wish to handle.
Microsoft API extensions - Web APIs
rhover media apis htmlvideoelement.msframestep() htmlvideoelement.mshorizontalmirror htmlvideoelement.msinsertvideoeffect() htmlvideoelement.msislayoutoptimalforplayback htmlvideoelement.msisstereo3d htmlvideoelement.mszoom htmlaudioelement.msaudiocategory htmlaudioelement.msaudiodevicetype htmlmediaelement.mscleareffects() htmlmediaelement.msinsertaudioeffect() mediaerror.msext
endedcode msgraphicstrust msgraphicstruststatus msisboxed msplaytodisabled msplaytopreferredsourceuri msplaytoprimary msplaytosource msrealtime mssetmediaprotectionmanager mssetvideorectangle msstereo3dpackingmode msstereo3drendermode onmsvideoformatchanged onmsvideoframestepcompleted onmsvideooptimallayoutchanged msfirstpaint pinned sites apis mssitemodeevent mssitemodejumplist...
MutationObserver.observe() - Web APIs
observation follows nodes when disconnected mutation observers are int
ended to let you be able to watch the desired set of nodes over time, even if the direct connections between those nodes are severed.
MutationObserverInit - Web APIs
all of the other mutationobserverinit properties are then ext
ended to all of the nodes in the subtree instead of applying solely to the target node.
NavigatorID.userAgent - Web APIs
browser identification based on detecting the user agent string is unreliable and is not recomm
ended, as the user agent string is user configurable.
Node.nextSibling - Web APIs
therefore a node obtained, for example, using node.firstchild or node.previoussibling may refer to a whitespace text node rather than the actual element the author int
ended to get.
Node.previousSibling - Web APIs
therefore a node obtained, for example, using node.firstchild or node.previoussibling may refer to a whitespace text node rather than the actual element the author int
ended to get.
Node.rootNode - Web APIs
therefore a node obtained, for example, using node.firstchild or node.previoussibling may refer to a whitespace text node rather than the actual element the author int
ended to get.
Notification.renotify - Web APIs
examples the following snippet is int
ended to fire a notification that renotifies the user after it has been replaced; a simple options object is created, and then the notification is fired using the notification() constructor.
Notification.silent - Web APIs
examples the following snippet is int
ended to fire a silent notification; a simple options object is created, and then the notification is fired using the notification() constructor.
Notification.vibrate - Web APIs
examples the following snippet is int
ended to create a notification that also triggers a device vibration; a simple options object is created, and then the notification is fired using the notification() constructor.
OES_texture_float - Web APIs
ext
ended methods this extension extends webglrenderingcontext.teximage2d() and webglrenderingcontext.texsubimage2d(): the type parameter now accepts gl.float.
OES_texture_half_float - Web APIs
ext
ended methods this extension extends webglrenderingcontext.teximage2d() and webglrenderingcontext.texsubimage2d(): the type parameter now accepts ext.half_float_oes.
OfflineAudioContext - Web APIs
deprecated methods offlineaudiocontext.resume() resumes the progression of time in an audio context that has previously been susp
ended.
OscillatorNode - Web APIs
event handlers oscillatornode.on
ended sets the event handler for the
ended event, which fires when the tone has stopped playing.
PaymentAddress - Web APIs
this identifies the language in which the address is given, and is int
ended to aid in localization of the display of the address.
Performance Timeline - Web APIs
this interface has the following four properties, and these properties are ext
ended (with additional constraints) by other interfaces (such as performancemark): name the name of the performance entry when the metric was created.
PushEvent.PushEvent() - Web APIs
full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
PushEvent.data - Web APIs
full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 44safari no support nowebview android no support nochrome android full supp...
PushManager.hasPermission() - Web APIs
full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 29safari no support nowebview android no support nochrome android full supp...
PushManager.supportedContentEncodings - Web APIs
full support 17firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 47safari no support nowebview android no support nochrome android full supp...
PushMessageData.arrayBuffer() - Web APIs
webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetarraybuffer experimentalchrome full support 50edge full support ≤79firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
PushMessageData.blob() - Web APIs
android webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetblob experimentalchrome full support 50edge full support ≤79firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
PushMessageData.json() - Web APIs
android webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetjson experimentalchrome full support 50edge full support ≤79firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
PushMessageData.text() - Web APIs
android webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internettext experimentalchrome full support 50edge full support ≤79firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 37safari no support nowebview android no support nochrome android full supp...
PushSubscription.getKey() - Web APIs
roperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetgetkey()chrome full support 42edge full support 16firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 29safari no support nowebview android no support nochrome android full supp...
PushSubscription.options - Web APIs
eroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetoptionschrome full support 42edge full support 16firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 29safari no support nowebview android no support nochrome android full supp...
Web Push API Notifications best practices - Web APIs
searching the web for "web push notifications," you'll find articles from marketing experts who believe you should use push to re-engage people who have left your site so they can complete a purchase, or be sent the latest news, or receive links to recomm
ended products.
RTCRtpParameters - Web APIs
it is ext
ended separately for senders and receivers in the form of the rtcrtpsendparameters and rtcrtpreceiveparameters dictionaries.
Range.extractContents() - Web APIs
html id attributes are also cloned, which can lead to an invalid document if a partially-selected node is extracted and app
ended to the document.
Using the Resource Timing API - Web APIs
this example also calculates the time from the start of the fetch and request start phases (fetchstart and requeststart, respectively), until the response has
ended (responseend).
SVGLengthList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
SVGNumberList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
SVGPathSegList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
SVGPointList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
SVGStringList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
SVGTransformList - Web APIs
if the index is greater than or equal to numberofitems, then the new item is app
ended to the end of the list.
ScriptProcessorNode.bufferSize - Web APIs
t outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.on
ended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'buffersize' in that specification.
ScriptProcessorNode.onaudioprocess - Web APIs
ata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.on
ended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'onaudioprocess' in that specification.
ServiceWorkerRegistration.navigationPreload - Web APIs
17 full support 17 full support 16disabled disabled from version 16: this feature is behind the enable service workers preference.firefox full support 44notes full support 44notes notes ext
ended support releases (esr) before firefox 78 esr do not support service workers and the push api.ie no support noopera full support 46safari full support 11.1webview android full support 59chrome android ful...
Using Service Workers - Web APIs
lone = response.clone(); caches.open('v1').then((cache) => { cache.put(event.request, responseclone); }); return response; }); }).catch(() => { return caches.match('./sw-test/gallery/mylittlevader.jpg'); }) ); }); we have opted for this fallback image because the only updates that are likely to fail are new images, as everything else is dep
ended on for installation in the install event listener we saw earlier.
SourceBuffer.abort() - Web APIs
a buffer is being app
ended but the operation has not yet completed) a user "scrubs" the video seeking to a new point in time.
SourceBuffer.changeType() - Web APIs
usage notes if the parent mediasource is in its "
ended" readystate, calling changetype() will transition the media source to the "open" readystate and fire a simple event named sourceopen at the parent media source.
SourceBuffer.timestampOffset - Web APIs
the timestampoffset property of the sourcebuffer interface controls the offset applied to timestamps inside media segments that are app
ended to the sourcebuffer.
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 app
ended to the sourcebuffer.
SourceBufferList - Web APIs
the source buffer list containing the sourcebuffers app
ended to a particular mediasource can be retrieved using the mediasource.sourcebuffers property.
SpeechRecognition: audioend event - Web APIs
bubbles no cancelable no interface event event handler onaudioend examples you can use the audioend event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('audioend', function() { console.log('audio capturing
ended'); }); or use the onaudioend event handler property: recognition.onaudioend = function() { console.log('audio capturing
ended'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.onaudioend - Web APIs
}; examples var recognition = new speechrecognition(); recognition.onaudioend = function() { console.log('audio capturing
ended'); } specifications specification status comment web speech apithe definition of 'onaudioend' in that specification.
Storage Access API - Web APIs
the storage access api is int
ended to solve this problem; embedded cross-origin content can request unrestricted access to its first-party storage on a site-by-site basis via the document.requeststorageaccess() method, and check whether it already has access via the document.hasstorageaccess() method.
Streams API concepts - Web APIs
as well as the conventional readable stream there is a type called a byte stream — this is an ext
ended version of a conventional stream for reading underlying byte sources (otherwise known as byob, or “bring your own buffer”) sources.
StyleSheet.media - Web APIs
the media property of the stylesheet interface specifies the int
ended destination media for style information.
StyleSheet - Web APIs
stylesheet.media read only returns a medialist representing the int
ended destination medium for style information.
TypeInfo - Web APIs
the obsolete typeinfo interface was int
ended to be used to describe a dom data type by keying its name to a namespace within the document's schema.
UIEvent.isChar - Web APIs
example in this snippet, which is part of an event handler, the event is checked to see if it generates a character; if it does, the value of uievent.which is app
ended to a string which buffers the typed characters.
URLSearchParams.append() - Web APIs
as shown in the example below, if the same key is app
ended multiple times it will appear in the parameter string multiple times for each value.
USBDevice.close() - Web APIs
the close() method of the usbdevice interface returns a promise that resolves when all open interfaces are released and the device session has
ended.
USBDevice - Web APIs
usbdevice.close() returns a promise that resolves when all open interfaces are released and the device session has
ended.
WEBGL_color_buffer_float - Web APIs
ext
ended methods this extension extends webglrenderingcontext.renderbufferstorage(): the internalformat parameter now accepts ext.rgba32f_ext and ext.rgb32f_ext ( ).
WEBGL_depth_texture - Web APIs
ext
ended methods this extension extends webglrenderingcontext.teximage2d(): the format and internalformat parameters now accept gl.depth_component and gl.depth_stencil.
WebGLRenderingContext.lineWidth() - Web APIs
because of these implementation defined limits it is not recomm
ended to use line widths other than 1.0 since there is no guarantee any user's browser will display any other width.
WebRTC connectivity - Web APIs
after setlocaldescription(), the caller asks stun servers to generate the ice candidates the caller uses the signaling server to transmit the offer to the int
ended receiver of the call.
Using DTMF with WebRTC - Web APIs
webrtc currently ignores these payloads; this is because webrtc's dtmf support is primarily int
ended for use with legacy telephone services that rely on dtmf tones to perform tasks such as: teleconferencing systems menu systems voicemail systems entry of credit card or other payment information passcode entry note: while the dtmf is not sent to the remote peer as audio, browsers may choose to play the corresponding tone to the local user as part of their user experience, since users ar...
Inputs and input sources - Web APIs
this space is int
ended to be used when drawing a model of the handheld webxr input controller represented by the objecxrinputsource, but can just as well be used to draw any object, such as a ball, a tool, or a weapon.
WebXR Device API - Web APIs
for example, if the position and/or orient extensions to the webgl api the webgl api is ext
ended by the webxr specification to augment the webgl context to allow it to be used to render views for display by a webxr device.
Using the Web Storage API - Web APIs
these three lines all set the (same) colorsetting entry: localstorage.colorsetting = '#a4509b'; localstorage['colorsetting'] = '#a4509b'; localstorage.setitem('colorsetting', '#a4509b'); note: it's recomm
ended to use the web storage api (setitem, getitem, removeitem, key, length) to prevent the pitfalls associated with using plain objects as key-value stores.
Using Web Workers - Web APIs
they are int
ended to (amongst other things) enable the creation of effective offline experiences, intercepting network requests and taking appropriate action based on whether the network is available and updated assets reside on the server.
Web Workers API - Web APIs
they are int
ended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
Window: animationend event - Web APIs
examples this example listens for the animationend event: window.addeventlistener('animationend', () => { console.log('animation
ended'); }); the same, but using the onanimationend event handler property: window.onanimationend = () => { console.log('animation
ended'); }; see a live example of this event.
Window.console - Web APIs
these methods are int
ended for debugging purposes only and should not be relied on for presenting information to end users.
Window: copy event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property oncopy the original target for this event is the element that was the int
ended target of the copy action.
Window: cut event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property oncut the original target for this event is the element that was the int
ended target of the cut action.
Window.external - Web APIs
the external property of the window api returns an instance of the external interface, which was int
ended to contain functions related to adding external search providers to the browser.
window.location - Web APIs
: " + (olocation[sprop] || "n/a")); } alert(alog.join("\n")); } // in html: <button onclick="showloc();">show location properties</button> example #5: send a string of data to the server by modifying the search property: function senddata (sdata) { location.search = sdata; } // in html: <button onclick="senddata('some data');">send data</button> the current url with "?some%20data" app
ended is sent to the server (if no action is taken by the server, the current document is reloaded with the modified search string).
Window.open() - Web APIs
tip: for accessibility reasons, it is strongly recomm
ended to set this feature always on scrollbars if this feature is on, the new secondary window will show horizontal and/or vertical scrollbar(s) if the document doesn't fit into the window's viewport.
Window: paste event - Web APIs
bubbles yes cancelable yes interface clipboardevent event handler property onpaste the original target for this event is the element that was the int
ended target of the paste action.
window.postMessage() - Web APIs
this mechanism provides control over where messages are sent; for example, if postmessage() was used to transmit a password, it would be absolutely critical that this argument be a uri whose origin is the same as the int
ended receiver of the message containing the password, to prevent interception of the password by a malicious third party.
Window.status - Web APIs
the status property of the window interface was originally int
ended to set the text in the status bar at the bottom of the browser window.
Window: transitionend event - Web APIs
examples this code adds a listener to the transitionend event: window.addeventlistener('transitionend', () => { console.log('transition
ended'); }); the same, but using the ontransitionend property instead of addeventlistener(): window.ontransitionend = () => { console.log('transition
ended'); }; see a live example of this event.
Using XMLHttpRequest - Web APIs
the recomm
ended way to enable cross-site scripting is to use the access-control-allow-origin http header in the response to the xmlhttprequest.
XREnvironmentBlendMode - Web APIs
since the real world is being digitally presented, the brightness of each pixel can be controlled, whether it's reality or the rendered xr image, the user's environment can be bl
ended with the virtual environment with each pixel having its color and brightness precisely controlled.
XRHandedness - Web APIs
with these values in hand (no pun int
ended), myrenderhandobject() can draw the appropriate model positioned and formed for the correct hand.
XRInputSource.handedness - Web APIs
with these values in hand (no pun int
ended), myrenderhandobject() can draw the appropriate model positioned and formed for the correct hand.
XRInputSource.targetRayMode - Web APIs
for each such input, this example looks for inputs whose targetraymode is tracked-pointer, indicating that the input is in fact int
ended to represent a targeting device rather than a gazing device, screen tap, or mouse click.
XRInputSource.targetRaySpace - Web APIs
for each such input, this example looks for inputs whose targetraymode is tracked-pointer, indicating that the input is in fact int
ended to represent a targeting device rather than a gazing device, screen tap, or mouse click.
XRRigidTransform.matrix - Web APIs
creating the matrix in this section, int
ended for more advanced readers, we cover how the api calculates the matrix for the specified transform.
XRRigidTransform.position - Web APIs
example to create a reference space which can be used to place an object at eye level (assuming eye level is 1.5 meters): function onsessionstarted(xrsession) { xrsession.addeventlistener("end", onsession
ended); gl = initgraphics(xrsession); let gllayer = new xrwebgllayer(xrsession, gl); xrsession.updaterenderstate({ baselayer: gllayer }); if (immersivesession) { xrsession.requestreferencespace("bounded-floor").then((refspace) => { refspacecreated(refspace); }).catch(() => { session.requestreferencespace("local-floor").then(refspacecreated); }); } else { session...
XRSession: end event - Web APIs
an end event is fired at an xrsession object when the webxr session has
ended, either because the web application has chosen to stop the session, or because the user agent terminated the session.
XRSession.environmentBlendMode - Web APIs
since the real world is being digitally presented, the brightness of each pixel can be controlled, whether it's reality or the rendered xr image, the user's environment can be bl
ended with the virtual environment with each pixel having its color and brightness precisely controlled.
XRSession.onend - Web APIs
}; example xrsession.onend = function(event) { console.log("the xr session has
ended") } specifications specification status comment webxr device apithe definition of 'xrsession.onend' in that specification.
XRSession - Web APIs
event description end sent to the xrsession object after the webxr session has
ended and all hardware-related functions have completed.
XRSessionEvent - Web APIs
end fired at the session when it has
ended, after being terminated by the application or the user agent.
XRTargetRayMode - Web APIs
for each such input, this example looks for inputs whose targetraymode is tracked-pointer, indicating that the input is in fact int
ended to represent a targeting device rather than a gazing device, screen tap, or mouse click.
XRWebGLLayer - Web APIs
static methods getnativeframebufferscalefactor() returns the scaling factor that can be used to scale the resolution of the recomm
ended webgl framebuffer resolution to the rendering device's native resolution.
Using the aria-invalid attribute - Accessibility
me', ' ', 'invalid name entered (requires both first and last name)');"/> <br /> <input name="email" id="email" aria-required="true" aria-invalid="false" onblur="checkvalidity('email', '@', 'invalid e-mail address');"/> note that it is not necessary to validate the fields immediately on blur; the application could wait until the form is submitted (though this is not necessarily recomm
ended).
Using the group role - Accessibility
the group role is used to identify a set of user interface objects which, in contrast with a region, are not int
ended to be included in a table of contents or a page summary (such as the structures that are dynamically created by a script or assistive technologies); a group should not be considered a major perceivable section on a page.
Using the link role - Accessibility
note: where possible, it is recomm
ended that you use a native <a> element rather than the link role, as native elements are more widely supported by older user agents and assistive technology.
ARIA: application role - Accessibility
any sort of special interpretation of html structures and widgets should be susp
ended, and control should be completely handed over to the browser and web application to handle mouse, keyboard, or touch interaction.
ARIA: Comment role - Accessibility
i think the cowbell could distract from the solo.</p> <p><time datetime="2019-03-30t21:02">march 30 2019, 21:02</time></p> </div> </div> accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: Complementary role - Accessibility
ching for the perfect lunch containers because i've found them</a></li> <li><a href="#">the time has come to finally decide what we should be calling these foods</a></li> <li><a href="#">17 really good posts we saw on tumblr this week</a></li> <li><a href="#">10 parent hacks we know work because we tried them</a></li> </ul> </div> accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: feed role - Accessibility
keyboard interaction supporting the following, or a similar, interface is recomm
ended when focus is inside the feed: page down: move focus to next article.
ARIA: Mark role - Accessibility
accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: search role - Accessibility
examples <form id="search" role="search"> <label for="search-input">search this site</label> <input type="search" id="search-input" name="search" spellcheck="false"> <input value="submit" type="submit"> </form> accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: Suggestion role - Accessibility
</p> <div id="comment-source">suggested by chris, <time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></div> browsers tend to provide a default black strikethrough for deletions, and a black underline for insertions, but you’ll probably want to use accessibility concerns landmark roles are int
ended to be used sparingly, to identify larger overall sections of the document.
ARIA: button role - Accessibility
where possible, it is recomm
ended to use native html buttons (<button>, <input type="button">, <input type="submit">, <input type="reset"> and <input type="image">) rather than the button role, as native html buttons are supported by all user agents and assistive technology and provide keyboard and focus requirements by default, without need for additional customization.
ARIA: checkbox role - Accessibility
as such, it is recomm
ended to use the native html checkbox using form control instead of recreating a checkbox's functionality with javascript and aria.
ARIA: textbox role - Accessibility
aria-autocomplete attribute indicates whether and how the user's input into the field could trigger display of a prediction of the int
ended value.
WAI-ARIA Roles - Accessibility
it is int
ended to mimic the functionality of the html td element for table-style grouping of information.aria: heading rolethe heading role defines this element as a heading to a page or section.
Basic form hints - Accessibility
required and invalid fields note: now that required is available to more than 97% of users globally, it is no longer recomm
ended that you use both required and aria-required.
Perceivable - Accessibility
1.2.7 provide ext
ended video with audio descriptions (aaa) where audio descriptions cannot be provided (see 1.2.5) due to video timing issues (e.g., there are no suitable pauses in the content in which to insert the audio descriptions), an alternative version of the video should be provided that includes inserted pauses (and audio descriptions).
Text labels and names - Accessibility
example <img src="milkweed.jgp" alt="black and white close-up photo of milkweed flowers"> interactive elements must be labeled if an element is int
ended for users to interact with it, it should have a label.
Understanding the Web Content Accessibility Guidelines - Accessibility
des: all of wcag 2.0 (verbatim, word-for-word) 17 new success criteria at the a / aa / aaa levels primarily addressing user needs in these areas: mobile accessibility low vision cognitive read more about wcag 2.1: deque: wcag 2.1: what is next for accessibility guidelines tpg: web content accessibility guidelines (wcag) 2.1 legal standing this guide is int
ended to provide practical information to help you build better, more accessible websites.
Accessibility
assistive technology (at) development a collection of articles int
ended for at developers mobile accessibility checklist this document provides a concise checklist of accessibility requirements for mobile app developers.
-webkit-box-reflect - CSS: Cascading Style Sheets
n values */ -webkit-box-reflect: above; -webkit-box-reflect: below; -webkit-box-reflect: left; -webkit-box-reflect: right; /* offset value */ -webkit-box-reflect: below 10px; /* mask value */ -webkit-box-reflect: below 0 linear-gradient(transparent, white); /* global values */ -webkit-box-reflect: inherit; -webkit-box-reflect: initial; -webkit-box-reflect: unset; note: this feature is not int
ended to be used by web sites.
system - CSS: Cascading Style Sheets
if a counter style rule is using the extends system, any unspecified descriptors, and their values will be taken from the ext
ended counter style specified.
Questions about CSS - CSS: Cascading Style Sheets
an imported style sheet, using the css @import notation to automatically import and merge an external style sheet with the current style sheet style attributes specified by the viewer to the browser the default style sheet assumed by the browser in general, the web page creator's style sheet takes precedence, but it's recomm
ended that browsers provide ways for the viewer to override the style attributes in some respects.
background-size - CSS: Cascading Style Sheets
.gradient-example { width: 50px; height: 100px; background-image: linear-gradient(blue, red); /* not safe to use */ background-size: 25px; background-size: 50%; background-size: auto 50px; background-size: auto 50%; /* safe to use */ background-size: 25px 50px; background-size: 50% 50%; } note that it's particularly not recomm
ended to use a pixel dimension and an auto dimension with a <gradient>, because it's impossible to replicate rendering in versions of firefox prior to 8, and in browsers not implementing firefox 8's rendering, without knowing the exact size of the element whose background is being specified.
background - CSS: Cascading Style Sheets
candidate recommendation the shorthand property has been ext
ended to support multiple backgrounds and the new background-size, background-origin and background-clip properties.
cross-fade() - CSS: Cascading Style Sheets
specification syntax the cross-fade() function takes a list of images with a percentage defining how much of each image is retained in terms of opacity when it is bl
ended with the other images.
<frequency-percentage> - CSS: Cascading Style Sheets
percentage values 90% positive percentage +90% positive percentage with leading + -90% negative percentage — not valid for all properties that use percentages invalid percentage values 90 % no space is allowed between the number and the unit valid frequency values 12hz positive integer 4.3hz non-integer 14khz the unit is case-insensitive, though non-si capitalization is not recomm
ended.
mask - CSS: Cascading Style Sheets
it is therefore recomm
ended to use the mask shorthand rather than other shorthands or the individual properties to override any mask settings earlier in the cascade.
pointer-events - CSS: Cascading Style Sheets
to help us in deciding how pointer-events should be further ext
ended for html, if you have any particular things that you would like to be able to do with this property, then please add them to the use cases section of this wiki page (don't worry about keeping it tidy).
<time-percentage> - CSS: Cascading Style Sheets
es 50% +50% optional plus sign -50% negative percentages are not valid for all properties that accept percentages invalid percentages 50 % space not allowed between the space and the percentage sign valid times 12s positive integer -456ms negative integer 4.3ms non-integer 14ms the unit is case-insensitive, although capital letters are not recomm
ended.
<time> - CSS: Cascading Style Sheets
examples valid times 12s positive integer -456ms negative integer 4.3ms non-integer 14ms the unit is case-insensitive, although capital letters are not recomm
ended.
Ajax - Developer guides
xml the extensible markup language (xml) is a w3c-recomm
ended general-purpose markup language for creating special-purpose markup languages.
Creating a cross-browser video player - Developer guides
play/pause playpause.addeventlistener('click', function(e) { if (video.paused || video.
ended) video.play(); else video.pause(); }); when a click event is detected on the play/pause button, the handler first of all checks if the video is currently paused or has
ended (via the media api's paused and
ended attributes); if so, it uses the play() method to playback the video.
Overview of events and handlers - Developer guides
button event handler demo for example, browser <button> elements are int
ended to emit events named 'click' in response to a mouse click or, when displayed in touch sensitive surfaces, to a finger tap.
HTML attribute: rel - HTML: Hypertext Markup Language
<link rel="alternate" type="application/atom+xml" href="posts.xml" title="blog"> both the hreflang and type attributes specify links to versions of the document in an alternative format and language, int
ended for other media: <link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="french html (for printing)"> <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="french pdf"> author indicates the author of the current document or article.
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
html <p><dfn id="html"><abbr title="hypertext markup language">html</abbr> </dfn> is a markup language used to create the semantics and structure of a web page.</p> <p>a <dfn id="spec">specification</dfn> (<abbr title="specification">spec</abbr>) is a document that outlines in detail how a technology or api is int
ended to function and how it is accessed.</p> result accessibility concerns spelling out the acronym or abbreviation in full the first time it is used on a page is beneficial for helping people understand it, especially if the content is technical or industry jargon.
<input type="checkbox"> - HTML: Hypertext Markup Language
examples the following example is an ext
ended version of the "multiple checkboxes" example we saw above — it has more standard options, plus an "other" checkbox that when checked causes a text field to appear to enter a value for the "other" option.
<tr>: The Table Row element - HTML: Hypertext Markup Language
table { border: 1px solid black; } th, td { border: 1px solid black; } result row and column spanning now, let's introduce another column that shows the date the user's membership
ended, along with a super-heading above the "joined" and "canceled" dates called "membership dates".
dir - HTML: Hypertext Markup Language
as the directionality of the text is semantically related to its content and not to its presentation, it is recomm
ended that web developers use this attribute instead of the related css properties when possible.
tabindex - HTML: Hypertext Markup Language
accessibility concerns avoid using the tabindex attribute in conjunction with non-interactive content to make something int
ended to be interactive focusable by keyboard input.
Vary - HTTP
it can help google and other search engines to discover the mobile version of a page, and might also tell them that no cloaking is int
ended.
X-XSS-Protection - HTTP
chrome has removed their xss auditor firefox have not, and will not implement x-xss-protection edge have retired their xss filter this means that if you do not need to support legacy browsers, it is recomm
ended that you use content-security-policy without allowing unsafe-inline scripts instead.
HTTP headers - HTTP
content-language describes the human language(s) int
ended for the audience, so that it allows a user to differentiate according to the users' own preferred language.
An overview of HTTP - HTTP
the client-server structure, combined with the ability to simply add headers, allows http to advance along with the ext
ended capabilities of the web.
103 Early Hints - HTTP
the http 103 early hints information response status code is primarily int
ended to be used with the link header to allow the user agent to start preloading resources while the server is still preparing a response.
202 Accepted - HTTP
it is int
ended for cases where another process or server handles the request, or for batch processing.
301 Moved Permanently - HTTP
it is therefore recomm
ended to use the 301 code only as a response for get or head methods and to use the 308 permanent redirect for post methods instead, as the method change is explicitly prohibited with this status.
302 Found - HTTP
it is therefore recomm
ended to set the 302 code only as a response for get or head methods and to use 307 temporary redirect instead, as the method change is explicitly prohibited in that case.
414 URI Too Long - HTTP
there are a few rare conditions when this might occur: when a client has improperly converted a post request to a get request with long query information, when the client has desc
ended into a loop of redirection (for example, a redirected uri prefix that points to a suffix of itself), or when the server is under attack by a client attempting to exploit potential security holes.
HTTP
overview of http the basic features of the client-server protocol: what it can do and its int
ended uses.
Closures - JavaScript
s of using closures in this particular instance, we could instead rewrite it to avoid using closure as follows: function myobject(name, message) { this.name = name.tostring(); this.message = message.tostring(); } myobject.prototype = { getname: function() { return this.name; }, getmessage: function() { return this.message; } }; however, redefining the prototype is not recomm
ended.
Equality comparisons and sameness - JavaScript
for example, someone might say that double equals is an ext
ended version of triple equals, because the former does everything that the latter does, but with type conversion on its operands.
Grammar and types - JavaScript
enhanced object literals in es2015, object literals are ext
ended to support setting the prototype at construction, shorthand for foo: foo assignments, defining methods, making super calls, and computing property names with expressions.
Iterators and generators - JavaScript
this exception will be thrown from the current susp
ended context of the generator, as if the yield that is currently susp
ended were instead a throw value statement.
Memory Management - JavaScript
in this context, the notion of an "object" is ext
ended to something broader than regular javascript objects and also contain function scopes (or the global lexical scope).
Arrow function expressions - JavaScript
var func = (a, b, c) => 1; // syntaxerror: expected expression, got '=>' however, this can be am
ended by putting the line break after the arrow or using parentheses/braces as seen below to ensure that the code stays pretty and fluffy.
BigInt - JavaScript
usage recommendations coercion because coercing between number and bigint can lead to loss of precision, it is recomm
ended to only use bigint when values greater than 253 are reasonably expected and not to coerce between the two types.
Date.prototype.toISOString() - JavaScript
the toisostring() method returns a string in simplified ext
ended 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).
Function.arguments - JavaScript
the recomm
ended way to access the arguments object available within functions is simply to refer to the variable arguments.
Function - JavaScript
optionally, a given sequence of arguments will be prep
ended to arguments provided the newly-bound function is called.
Intl.Locale.prototype.collation - JavaScript
direct binary code point order (used in hindi) ducet the default unicode collation element table order emoji recomm
ended ordering for emoji characters eor european ordering rules gb2312 pinyin ordering for latin, gb2312han charset ordering for cjk characters (used in chinese) phonebk phonebook style ordering (such as in german) phonetic phonetic ordering (sorting based on pronunciation) pinyin pinyin ordering for latin and for cjk characters (used in chine...
Intl.Locale.prototype.numberingSystem - JavaScript
value description adlm adlam digits ahom ahom digits arab arabic-indic digits arabext ext
ended arabic-indic digits armn armenian upper case numerals — algorithmic armnlow armenian lower case numerals — algorithmic bali balinese digits beng bengali digits bhks bhaiksuki digits brah brahmi digits cakm chakma digits cham cham digits cyrl cyrillic numerals — algorithmic de...
Math.clz32() - JavaScript
000000000001000 (16 leading zeros) math.clz32(a); // 16 var b = ~32776; // 11111111111111110111111111110111 (32776 inversed, 0 leading zeros) math.clz32(b); // 0 (this is equal to how many leading one's there are in a) using this logic, a clon function can be created as follows: var clz = math.clz32; function clon(integer){ return clz(~integer); } further, this technique could be ext
ended to create jumpless "count trailing zeros" and "count trailing ones" functions as seen below.
Object.prototype.isPrototypeOf() - JavaScript
baz = new baz(); console.log(baz.prototype.isprototypeof(baz)); // true console.log(bar.prototype.isprototypeof(baz)); // true console.log(foo.prototype.isprototypeof(baz)); // true console.log(object.prototype.isprototypeof(baz)); // true isprototypeof() method, along with the instanceof operator particularly comes in handy if you have code that can only function when dealing with objects desc
ended from a specific prototype chain, e.g., to guarantee that certain methods or properties will be present on that object.
Object.prototype.toLocaleString() - JavaScript
otype.tolocalestring() number: number.prototype.tolocalestring() date: date.prototype.tolocalestring() typedarray: typedarray.prototype.tolocalestring() bigint: bigint.prototype.tolocalestring() examples array tolocalestring() override on array objects, tolocalestring() can be used to print array values as a string, optionally with locale-specific identifiers (such as currency symbols) app
ended to them: for example: const testarray = [4, 7, 10]; let europrices = testarray.tolocalestring('fr', { style: 'currency', currency: 'eur'}); // "4,00 €,7,00 €,10,00 €" date tolocalestring() override on date objects, tolocalestring() is used to print out date displays more suitable for specific locales: for example: const testdate = new date(date.now()); // "date fri may 29 2020 18:04:...
String length - JavaScript
unicode since `length` counts code units instead of characters, if you want to get the number of characters you need something like this: function getcharacterlength (str) { // the string iterator that is used here iterates over characters, // not mere code units return [...str].length; } console.log(getcharacterlength('a\ud87e\udc04z')); // 3 // while not recomm
ended, you could add this to each string as follows: object.defineproperty(string.prototype, 'charlength', { get () { return getcharacterlength(this); } }); console.log('a\ud87e\udc04z'.charlength); // 3 examples basic usage let x = 'mozilla'; let empty = ''; console.log(x + ' is ' + x.length + ' code units long'); /* "mozilla is 7 code units long" */ console.log('the empty string has a...
String.prototype.localeCompare() - JavaScript
let items = ['réservé', 'premier', 'cliché', 'communiqué', 'café', 'adieu']; items.sort( (a, b) => a.localecompare(b, 'fr', {ignorepunctuation: true})); // ['adieu', 'café', 'cliché', 'communiqué', 'premier', 'réservé'] check browser support for ext
ended arguments the locales and options arguments are not supported in all browsers yet.
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 int
ended to be subclassed.
Symbol.match - JavaScript
now, if the match symbol is set to false (or a falsy value), it indicates that the object is not int
ended to be used as a regular expression object.
Property accessors - JavaScript
(in the ecmascript standard, the names of properties are technically "identifiernames", not "identifiers", so reserved words can be used but are not recomm
ended).
yield - JavaScript
unfortunately, next() is asymmetric, but that can’t be helped: it always sends a value to the currently susp
ended yield, but returns the operand of the following yield.
for...in - JavaScript
given that for...in is built for iterating object properties, not recomm
ended for use with arrays, and options like array.prototype.foreach() and for...of exist, what might be the use of for...in at all?
import - JavaScript
(it is recomm
ended not to have any side effects in a module, but you sometimes cannot control this in your module dependencies.) use dynamic import only when necessary.
var - JavaScript
bla = 2; var bla; // ...is implicitly understood as: var bla; bla = 2; for that reason, it is recomm
ended to always declare variables at the top of their scope (the top of global code and the top of function code) so it's clear which variables are function scoped (local) and which are resolved on the scope chain.
icons - Web app manifests
purpose defines the purpose of the image, for example if the image is int
ended to serve some special purpose in the context of the host os (i.e., for better integration).
Navigation and resource timings - Web Performance
checking compression ratios is important but ensure to also check duration and the time between when the domcontentloaded event
ended and when the dom is complete, as running javascript on the main thread for long periods of time can lead to a non-responsive user interface.
Web Performance
to understand how to improve performance and perceived performance, it helps to understand how the browser works.recomm
ended web performance timings: how long is too long?there are no clear set rules as to what constitutes a slow pace when loading pages, but there are specific guidelines for indicating content will load (1 second), idling (50ms), animating (16.7s) and responding to user input (50 to 200ms).the business case for web performanceyou know web performance is important, but how do you convince clients and ma...
Progressive web apps (PWAs)
in this article we will go even further and improve the performance of the app by progressively loading its resources.progressive web app structurenow that we know the theory behind pwas, let's look at the recomm
ended structure of an actual app.
clip-path - SVG: Scalable Vector Graphics
" clip-path="circle() view-box" /> </svg> usage notes value <url> | [ <basic-shape> || <geometry-box> ] | none default value none animatable yes <geometry-box> an extra information to tell how a <basic-shape> is applied to an element: fill-box indicates to use the object bounding box; stroke-box indicates to use the object bounding box ext
ended with the stroke; view-box indicates to use the nearest svg viewport as the reference box.
externalResourcesRequired - SVG: Scalable Vector Graphics
if an external resource is not available, progressive rendering is susp
ended, the document's svgload event is not fired and the animation timeline does not begin until that resource and all other required resources become available, have been parsed and are ready to be rendered.
order - SVG: Scalable Vector Graphics
it is recomm
ended that only small values (e.g., 3) be used; higher values may result in very high cpu overhead and usually do not produce results that justify the impact on performance.
units-per-em - SVG: Scalable Vector Graphics
the units-per-em attribute specifies the number of coordinate units on the "em square", an abstract square whose height is the int
ended distance between lines of type in the same type size.
xlink:arcrole - SVG: Scalable Vector Graphics
tetransform>, <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 int
ended property.
SVG Attribute reference - SVG: Scalable Vector Graphics
e, accumulate event attributes animation event attributes onbegin, onend, onrepeat document event attributes onabort, onerror, onresize, onscroll, onunload global event attributes oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, on
ended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ont...
<feComposite> - SVG: Scalable Vector Graphics
the second set does not wipe out the background, with the result that the background sometimes shines through and is other cases is bl
ended 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> </fi...
Namespaces crash course - SVG: Scalable Vector Graphics
hence to get the value of the xlink:href parameter of an <a> element in svg you would write: elt.getattributens('http://www.w3.org/1999/xlink', 'href'); for setting parameters that have a namespace, it is recomm
ended (but not required) that you also include their prefix in the second parameter so that the dom can later be more easily converted back to xml (if for instance you want to send it back to the server).
Web security
this secure connection allows clients to be sure that they are connected with the int
ended server, and to exchange sensitive data.
HTML Imports - Web Components
html imports is int
ended to be the packaging mechanism for web components, but you can also use html imports by itself.