Parser API
position; end: position; } each position object consists of a line number (1-indexed) and a column number (0-indexed): interface position { line: uint32 >= 1; column: uint32 >= 0; } programs interface program <: node { type: "program"; body: [ statement ]; } a complete program source tree.
...nt { } any declaration node.
...tor: boolean; expression: boolean; } a function declaration.
...And 45 more matches

Index - Web APIs
ent.
... reference canvasimagesource provides a mechanism for other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
... other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
...And 26 more matches

Applying styles and colors - Web APIs
« previousnext » in the chapter about drawing shapes, we used only the default line and fill styles.
...s to your drawings.
...we have only seen methods of the drawing context.
...And 21 more matches

Regular expressions - JavaScript
« previousnext » regular expressions are patterns used to match character combinations in strings.
... « previousnext » regular expressions are patterns used to match character combinations in strings.
...essions are also objects.
...And 21 more matches

<input type="tel"> - HTML: Hypertext Markup Language
ific input type for telephone numbers also makes adding custom validation and handling of phone numbers more convenient.
..., telephone number inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum length, in utf-16 characters, to accept as a valid input minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if present, indicates that the field's contents should not be user-editable size the number of characters wide the input field should be onscreen list the val...
...e telephone number field.
...And 20 more matches

Client-side form validation - Learn web development
but to recap: required: specifies whether a form field needs to be filled in before the form can be submitted.
...eld needs to be filled in before the form can be submitted.
... the element matches the :invalid css pseudo-class, and sometimes other ui pseudo-classes (e.g., :out-of-range) depending on the error, which lets you apply a specific style to invalid elements.
...And 19 more matches

<input type="url"> - HTML: Hypertext Markup Language
omatically applied as appropriate to visually denote whether the current value of the field is a valid url or not.
...heir type, url inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck contr...
...egative integer value smaller than or equal to the value specified by maxlength.
...And 19 more matches

SVG documentation index - SVG: Scalable Vector Graphics
lresourcesrequired attribute specifies whether referenced resources that are not part of the current document are required for proper rendering of the given container or graphics element.
...ferent meanings.
...ong which a referenced element is animated.
...And 19 more matches

<input type="email"> - HTML: Hypertext Markup Language
lly denote whether the current value of the field is a valid e-mail address or not.
... list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid multiple whether or not to allow multiple, comma-separated, e-mail addresses to be entered pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be list the values of t...
...pecify the required attribute, the user must enter a valid e-mail address for the field to be considered valid.
...And 18 more matches

page-mod - Archive of obsolete content
run scripts in the context of web pages whose url matches a given pattern.
... run scripts in the context of web pages whose url matches a given pattern.
...ntent scripts by exchanging messages.
...And 17 more matches

WebRequest.jsm
event in question, passing it the listener to remove.
...the filter argument is the second argument to addlistener().
...cular event.
...And 17 more matches

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
t, url maximum length (number of characters) of value min numeric types minimum value minlength password, search, tel, text, url minimum length (number of characters) of value multiple email, file boolean.
...f characters) of value min numeric types minimum value minlength password, search, tel, text, url minimum length (number of characters) of value multiple email, file boolean.
....guest; let hatsize = form.elements["hat-size"]; when this code has run, guestname will be the htmlinputelement for the guest field, and hatsize the object for the hat-size field.
...And 16 more matches

<input type="password"> - HTML: Hypertext Markup Language
ote: any forms involving sensitive information like passwords (e.g.
...ngetext(), and setselectionrange() value the value attribute contains a domstring whose value is the current contents of the text editing control being used to enter the password.
...f the value.
...And 13 more matches

nsIZipReader
zipwriter.
... in the user interface, the character matching is only fine on utf-8 zip archives.
... the entry is a directory, the directory will be extracted non-recursively.
...And 12 more matches

<input type="search"> - HTML: Hypertext Markup Language
tive example is stored in a github repository.
..., search field inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck contr...
...its) the user can enter into the search field.
...And 10 more matches

Tutorials
a recap of the javascript programming language aimed at intermediate-level developers.
...termediate-level developers.
...l javascript guide a comprehensive, regularly updated guide to javascript for all levels of learning from beginner to advanced.
...And 10 more matches

context-menu - Archive of obsolete content
selectioncontext() this context occurs when the menu is invoked on a page in which the user has made a selection.
...er has made a selection.
...tion.
...And 9 more matches

Web accessibility for seizures and physical reactions - Accessibility
tions.
...al patterns, especially stripes, can also cause physical reactions even though they are not animated.
...disorders is documented in such articles as “gamma oscillations and photosensitive epilepsy”, where it is noted “certain visual images, even in the absence of motion or flicker, can trigger seizures in patients with photosensitive epilepsy” the epilepsy foundation, in its article, "shedding light on photosensitivity, one of epilepsy's most complex conditions" talks about static images and patterns.
...And 9 more matches

<input type="text"> - HTML: Hypertext Markup Language
ractive example is stored in a github repository.
...eir type, text inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck contr...
...gative integer value smaller than or equal to the value specified by maxlength.
...And 9 more matches

Typical use cases of Flexbox - CSS: Cascading Style Sheets
s into the overall picture of css layout.
...bs that might be better done by grid layout, as a fallback for grid, and also in order to get alignment capabilities.
...and by using justify-content: space-between make equal amounts of space between the items.
...And 8 more matches

String.prototype.replace() - JavaScript
the replace() method returns a new string with some or all matches of a pattern replaced by a replacement.
... the replace() method returns a new string with some or all matches of a pattern replaced by a replacement.
... the replace() method returns a new string with some or all matches of a pattern replaced by a replacement.
...And 8 more matches

Client-Server Overview - Learn web development
equested resource.
...s, coaches and their relationships, and the html templates.
...d player number either as url parameters (e.g.
...And 7 more matches

RegExp() constructor - JavaScript
the regexp constructor creates a regular expression object for matching text with a pattern.
...r an introduction to regular expressions, read the regular expressions chapter in the javascript guide.
...lar expressions, read the regular expressions chapter in the javascript guide.
...And 7 more matches

Index - Archive of obsolete content
-db add-on sdk exposes the indexeddb api to add-ons.
... add a toolbar to the firefox user interface.
... 124 util/array helper functions for working with arrays.
...And 6 more matches

Overview of events and handlers - Developer guides
this overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the types of such incidents modern web browsers can handle.
...the innovation of the dynamic approach allows for a page to be partially rendered even when the browser has not finished retrieving all resources; this approach also allows for event driven actions, which javascript leverages.
...y rendered even when the browser has not finished retrieving all resources; this approach also allows for event driven actions, which javascript leverages.
...And 6 more matches

Proxy Auto-Configuration (PAC) file - HTTP
"www.google.com" , "www.mozilla.org") // false (domain name mismatch) localhostordomainis("home.mozilla.org", "www.mozilla.org") // false (hostname mismatch) isresolvable() syntax isresolvable(host) parameters host is the hostname from the url.
...ismatch) isresolvable() syntax isresolvable(host) parameters host is the hostname from the url.
...) syntax isresolvable(host) parameters host is the hostname from the url.
...And 6 more matches

String.prototype.replaceAll() - JavaScript
as of august 2020 the replaceall() method is supported by firefox but not by chrome.
... as of august 2020 the replaceall() method is supported by firefox but not by chrome.
...u'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...And 5 more matches

height - SVG: Scalable Vector Graphics
ment in the user coordinate system.
... yes note: starting with svg2, height is a geometry property meaning this attribute can also be used as a css property for images.
...te: starting with svg2, height is a geometry property meaning this attribute can also be used as a css property for images.
...And 5 more matches

width - SVG: Scalable Vector Graphics
ment in the user coordinate system.
... yes note: starting with svg2, width is a geometry property meaning this attribute can also be used as a css property for images.
...te: starting with svg2, width is a geometry property meaning this attribute can also be used as a css property for images.
...And 5 more matches

x - SVG: Scalable Vector Graphics
rmatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fefunca>, <fefuncb>, <fefuncg>, <fefuncr>, <fegaussianblur>, <feimage>, <femerge>, <femergenode>, <femorphology>, <feoffset>, <fepointlight>, <fespecularlighting>, <fespotlight>, <fetile>, <feturbulence>, <filter>, <foreignobject>, <glyphref>, <image>, <mask>, <pattern>, <rect>, <svg>, <text>, <tref>, <tspan>, and <use> html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"> <rect x="20" y="20" width="60" height="60" /> <rect x="120" y="20" width="60" height="60" /> <rect x="220" y="20" width="60" height="60" /> </svg> altglyph warning: as of svg2 <altglyph> is deprecated and shouldn't be used.
...note: starting with svg2, x is a geometry property meaning this attribute can also be used as a css property for images.
... with svg2, x is a geometry property meaning this attribute can also be used as a css property for images.
...And 5 more matches

y - SVG: Scalable Vector Graphics
rmatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fefunca>, <fefuncb>, <fefuncg>, <fefuncr>, <fegaussianblur>, <feimage>, <femerge>, <femergenode>, <femorphology>, <feoffset>, <fepointlight>, <fespecularlighting>, <fespotlight>, <fetile>, <feturbulence>, <filter>, <foreignobject>, <glyphref>, <image>, <mask>, <pattern>, <rect>, <svg>, <text>, <tref>, <tspan>, and <use> html,body,svg { height:100% } <svg viewbox="0 0 100 300" xmlns="http://www.w3.org/2000/svg"> <rect y="20" x="20" width="60" height="60" /> <rect y="120" x="20" width="60" height="60" /> <rect y="220" x="20" width="60" height="60" /> </svg> altglyph warning: as of svg2 <altglyph> is deprecated and shouldn't be used.
... note: starting with svg2, y is a geometry property meaning this attribute can also be used as a css property for images.
...g with svg2, y is a geometry property meaning this attribute can also be used as a css property for images.
...And 5 more matches

Modifying Web Pages Based on URL - Archive of obsolete content
to follow this tutorial you'll need to have learned the basics of jpm.
... to follow this tutorial you'll need to have learned the basics of jpm.
...match a particular pattern (for example, "http://example.org/") as they are loaded, use page-mod module.
...And 4 more matches

Organizing your CSS - Learn web development
than having to work out your own personal methodology from scratch.
...ology from scratch.
...ct oriented css (oocss), an approach made popular by the work of nicole sullivan.
...And 4 more matches

Limitations of chrome scripts
this page describes patterns that used to work in the chrome process that will no longer work in multiprocess firefox.
...ns that used to work in the chrome process that will no longer work in multiprocess firefox.
...n multiprocess firefox.
...And 4 more matches

Mozilla internal string guide
sed across modules, use nsastring references to pass strings.
...size need.
... could accommodate the new logical length.
...And 4 more matches

CanvasRenderingContext2D.setLineDash() - Web APIs
the setlinedash() method of the canvas 2d api's canvasrenderingcontext2d interface sets the line dash pattern used when stroking lines.
... the setlinedash() method of the canvas 2d api's canvasrenderingcontext2d interface sets the line dash pattern used when stroking lines.
...e a solid line.
...And 4 more matches

Navigator.vibrate() - Web APIs
the navigator.vibrate() method pulses the vibration hardware on the device, if such hardware exists.
... the navigator.vibrate() method pulses the vibration hardware on the device, if such hardware exists.
...ethod pulses the vibration hardware on the device, if such hardware exists.
...And 4 more matches

RegExp.prototype[@@replace]() - JavaScript
the [@@replace]() method replaces some or all matches of a this pattern in a string by a replacement, and returns the result of the replacement as a new string.
...ored in a github repository.
...lacement patterns are supported; see the specifying a string as a parameter section in string.prototype.replace() page.
...And 4 more matches

RegExp - JavaScript
the regexp object is used for matching text with a pattern.
...lar expression will remain constant.
..., if you use literal notation to construct a regular expression used in a loop, the regular expression won't be recompiled on each iteration.
...And 4 more matches

Web video codec guide - Web media technologies
an internal pixel format, or otherwise represents the image using a means other than simple pixels, the format of the original image doesn't make any difference.
...are placed into the video file.
... frames are full frames, which are used to repair any damage or artifact residue that's currently visible.
...And 4 more matches

href - SVG: Scalable Vector Graphics
link to a resource as a reference url.
...lement; to be valid, the reference must be to a different <lineargradient> or <radialgradient> element.
...valid, the reference must be to a different <lineargradient> or <radialgradient> element.
...And 4 more matches

page-worker - Archive of obsolete content
allow object an object with keys to configure the permissions on the page worker.
...ect with keys to configure the permissions on the page worker.
... page are allowed to run.
...And 3 more matches

Third-party APIs - Learn web development
elayer() method), and the default zoom level.
...in your application — the developer of the application must apply to get a key, and then include it in their code to be allowed access to the api's functionality.
...pi allows you to retrieve new york times news story information and display it on your site.
...And 3 more matches

Server-side web frameworks - Learn web development
request) # perform operations using information from the request.
...ou can change the url used to deliver a particular feature without having to change the underlying code.
...iver a particular feature without having to change the underlying code.
...And 3 more matches

Componentizing our Svelte app - Learn web development
uld work (try checking/unchecking a couple, and then observing that the filters still work as expected), but our "x out of y items completed" status heading will no longer update accordingly.
...later on.
...tween components: props-down, events-up pattern the bind directive is pretty straightforward and allows you to share data between a parent and child component with minimal fuss.
...And 3 more matches

Creating JavaScript callbacks in components
callback patterns in idl xpcom components use idl to create interfaces.
... callback patterns in idl xpcom components use idl to create interfaces.
... callback patterns in idl xpcom components use idl to create interfaces.
...And 3 more matches

An Overview of XPCOM
posed is a well-defined list of callable methods (i.e., the interface).
...fies a given set of interfaces that it wants implemented, and any number of different cids may step in and fill that request.
... difference between a contract id and a cid is what makes it possible to override components.
...And 3 more matches

CanvasRenderingContext2D - Web APIs
1.0.
...renderingcontext2d.linejoin defines the type of corners where two lines meet.
...lues: ltr, rtl, inherit (default).
...And 3 more matches

xlink:href - SVG: Scalable Vector Graphics
of that link depends on the context of each element using it.
...tops due to its own xlink:href attribute, then the current element can inherit those attributes or gradient stops.
...s own xlink:href attribute, then the current element can inherit those attributes or gradient stops.
...And 3 more matches

Venkman Introduction - Archive of obsolete content
again (on the letter "b").
...ich do not contain executable code, such as blank and comment lines.
...rror message explaining why the breakpoint could not be set.
...And 2 more matches

Index - MDN Web Docs Glossary: Definitions of Web-related terms
age used to specified objects' interfaces apart from any specific programming language.
...age.
...chanics a mime type (now properly called "media type", but also sometimes "content type") is a string sent along with a file indicating the type of the file (describing the content format, for example, a sound file might be labeled audio/ogg, or an image file image/png).
...And 2 more matches

MVC - MDN Web Docs Glossary: Definitions of Web-related terms
mvc (model-view-controller) is a pattern in software design commonly used to implement user interfaces, data, and controlling logic.
... mvc (model-view-controller) is a pattern in software design commonly used to implement user interfaces, data, and controlling logic.
...terfaces, data, and controlling logic.
...And 2 more matches

nsAutoRefTraits
se(t*) static method and possibly the addref(t*) static method need to be added.
...ddref(t*) static method need to be added.
...) is necessary for nscountedref<t> but not for nsautoref<t>.
...And 2 more matches

Reference Manual
about "in/out" parameters?
... // initialize member |nscomptr|s in the member initialization clause of your // constructor...
...truction form.
...And 2 more matches

HTMLInputElement - Web APIs
s min attribute, containing the minimum (numeric or date-time) value for this item, which must not be greater than its maximum (max attribute) value.
... or date-time) value for this item, which must not be greater than its maximum (max attribute) value.
...s / sets the element's minlength attribute, containing the minimum number of characters (in unicode code points) that the value can have.
...And 2 more matches

Vibration API - Web APIs
most modern mobile devices include vibration hardware, which lets software code provide physical feedback to the user by causing the device to shake.
...ost modern mobile devices include vibration hardware, which lets software code provide physical feedback to the user by causing the device to shake.
...ice to shake.
...And 2 more matches

Cookbook template - CSS: Cascading Style Sheets
note: this is a template page for a css cookbook page.
... note: this is a template page for a css cookbook page.
...ments what does this pattern need to include, or what problems does it need to solve?
...And 2 more matches

Recipe: Media objects - CSS: Cascading Style Sheets
the media object is a pattern we see all over the web.
... the media object is a pattern we see all over the web.
...h a maximum size of 200 pixels, when we have a small image such as the icon, the track only gets as large as the size of that image — the max-content size.
...And 2 more matches

<input type="month"> - HTML: Hypertext Markup Language
normalized to the format yyyy-mm.
... this is an issue because of the number of different ways in which people write dates.
...f the browser falls back to treating it like a text input, the pattern will be used.
...And 2 more matches

HTML documentation index - HTML: Hypertext Markup Language
as it is impossible to meet both criteria.
... attribute, attributes, constraint validation the boolean multiple attribute, if set, means the form control accepts one or more values.
...r the email and file input types and the <select>, the manner by which the user opts for multiple values depends on the form control.
...And 2 more matches

<xsl:decimal-format> - XSLT: Extensible Stylesheet Language Transformations
path axes the <xsl:decimal-format> element defines the characters and symbols that are to be used in converting numbers into strings using theformat-number( ) function.
...fault is the hyphen (-).
... used when the value is not a number.
...And 2 more matches

The new nsString class implementation (1999) - Archive of obsolete content
page you want.
...rs to use the nsstring api's like a standard char* without incurring the 2-byte per character overhead.
...ations, but programmers are free to use their own.
...se are stubbed out today awaiting their review and implementation).

XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
//text/xml; charset="utf-8" // send to get headers first?
...type (as seems to be the case); can some other tool be uesd in ff (or ie) to detect encoding of local file?
...$/; if ((contenttype && contenttype.match(/[text|application]\/(.*)\+?xml/)) || (href.indexof('file://') === 0 && href.match(patternxml))) { /* grab the response as text (see below for that routine) and then find encoding within*/ var encname = '([a-za-z][a-za-z0-9._-]*)'; var pattern = new regexp('^<\\?xml\\s+.*encoding\\s*=\\s*([\'"])'+encname+'\\1.*\\?>'); // check document if not?
...j++) { xincludeparent.insertbefore(responsenodes[j], xinclude); } xincludeparent.removechild(xinclude); } else if (responsetype === 'responsetext') { if (encname) { var encodingtype = response.match(pattern); if (encodingtype) { encodingtype = encodingtype[2]; } else { encodingtype = 'utf-8'; } // need to make a whole new request apparently since cannot conv...

SourceMap.jsm
its children.
...: the traversal function.
...al function.
...ype.join except for sourcenodes.

Running Automated JavaScript Tests
lgrind.
... all the options.
...he jstests test suite also includes some tests from web-platform-tests.
...unning jstest in a browser jstests also runs on browser, with the following command: ./mach jstestbrowser to run specific test, you can use --filter=pattern command-line argument, where pattern is a regexp pattern that is tested against file:///{path_to_obj_dir}/dist/test-stage/jsreftest/tests/jsreftest.html?test={relative_path_to_test_from_js/src/tests} string: ./mach jstestbrowser --filter=pattern running jstests on treeherder when viewing treeherder after a push to the mozilla repositories, jstests run in the browser are shown as r(j) meaning "javascript reftests".

Index
ng mozilla, extensions, mozilla, needsupdate, obsolete, xpcom, xpcom:language bindings, xpconnect programmers writing and reviewing javascript code in mozilla should understand how code using xpcom in javascript can leak so that they can avoid leaks.
...nt, xpcom in mozilla code, a stream is an object which represents access to a sequence of characters.
... 796 nsinavhistoryqueryresultnode developing mozilla, extensions, interfaces, places, xpcom, xpcom api reference returns the queries that build the node's children; only valid for result_type_query nodes.
..., xpcom, xpcom api reference places results use a model-view-controller (mvc) design pattern.

CanvasRenderingContext2D.fillStyle - Web APIs
the canvasrenderingcontext2d.fillstyle property of the canvas 2d api specifies the color, gradient, or pattern to use inside shapes.
... the canvasrenderingcontext2d.fillstyle property of the canvas 2d api specifies the color, gradient, or pattern to use inside shapes.
...e color, gradient, or pattern to use inside shapes.
..., or pattern to use inside shapes.

CanvasRenderingContext2D.strokeStyle - Web APIs
the canvasrenderingcontext2d.strokestyle property of the canvas 2d api specifies the color, gradient, or pattern to use for the strokes (outlines) around shapes.
... the canvasrenderingcontext2d.strokestyle property of the canvas 2d api specifies the color, gradient, or pattern to use for the strokes (outlines) around shapes.
...rn to use for the strokes (outlines) around shapes.
... strokes (outlines) around shapes.

Constraint validation API - Web APIs
the constraint validation api enables checking values that users have entered into form controls, before submitting the values to the server.
...validity state is set to invalid.
... the following form: <form> <label for="name">enter username (upper and lowercase letters): </label> <input type="text" name="name" id="name" required pattern="[a-za-z]+"> <button>submit</button> </form> the basic html form validation features will cause this to produce a default error message if you try to submit the form with either no valid filled in, or a value that does not match the pattern.
...ample renders like so: in brief: we check the valid state of the input element every time its value is changed by running the checkvalidity() method via the input event handler.

Node - Web APIs
he user's console: "\n\t", "foo", "\n\t", "bar", "\n\t", "baz" note: whitespace forms part of a text node, meaning indentation and newlines form separate text between the element nodes.
...eachnode() function: searching for text on a web-page.
...a wrapper function named grep to do the searching: function grep(parentnode, pattern) { const matches = [] let endscan = false eachnode(parentnode, function(node){ if (endscan) { return false } // ignore anything which isn't a text node if (node.nodetype !== node.text_node) { return } if (typeof pattern === "string") { if (-1 !== node.textcontent.indexof(pattern)) { matches.push(node) } } else if (pattern.test(node.textcontent)) { if (!pattern.global) { endscan = true matches = node } else { matches.push(node) } } }) return matches } for example, to find text nodes that contain typos: const typos = ["teh", "adn", "btu", "adress", "youre", "msitakes"] const pattern = new regexp("\\b(...
...e.textcontent)) { if (!pattern.global) { endscan = true matches = node } else { matches.push(node) } } }) return matches } for example, to find text nodes that contain typos: const typos = ["teh", "adn", "btu", "adress", "youre", "msitakes"] const pattern = new regexp("\\b(" + typos.join("|") + ")\\b", "gi") const mistakes = grep(document.body, pattern) console.log(mistakes) specifications specification status comment domthe definition of 'node' in that specification.

ARIA: feed role - Accessibility
technology users can read articles, jump forward and backward by article, and reliably trigger new articles to load while in reading mode.
...yboard commands for moving focus among articles so that keyboard users can navigate through your feed.
...nd a description with an aria-describedby, suggesting to screen readers which elements to speak after the label when navigating by article.
...e been loaded or the total number in the feed, depending on which value is more helpful to users.

str:split() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.

Constraint validation - Developer guides
om constraint validation or have a sanitization algorithm transforming incorrect values to a correct default.
... following attributes are used to describe basic constraints: attribute input types supporting the attribute possible values constraint description associated violation pattern text, search, url, tel, email, password a javascript regular expression (compiled with the ecmascript 5 global, ignorecase, and multiline flags disabled) the value must match the pattern.
...ttributes are used to describe basic constraints: attribute input types supporting the attribute possible values constraint description associated violation pattern text, search, url, tel, email, password a javascript regular expression (compiled with the ecmascript 5 global, ignorecase, and multiline flags disabled) the value must match the pattern.
... <option value="ch">switzerland</option> <option value="fr">france</option> <option value="de">germany</option> <option value="nl">the netherlands</option> </select> <input type="submit" value="validate"> </form> this displays the following form: first, we write a function checking the constraint itself: function checkzip() { // for each country, defines the pattern that the zip has to follow var constraints = { ch : [ '^(ch-)?\\d{4}$', "switzerland zips must have exactly 4 digits: e.g.

<input type="datetime-local"> - HTML: Hypertext Markup Language
format yyyy-mm-ddthh:mm.
...e-local input doesn't use it, the text input fallback will.
...n="[0-9]{4}-[0-9]{2}-[0-9]{2}t[0-9]{2}:[0-9]{2}" required> <span class="validity"></span> </div> <div> <input type="submit" value="book party!"> </div> <input type="hidden" id="timezone" name="timezone" value="-08:00"> </form> if you try submitting it, you'll see that the browser now displays an error message (and highlights the input as invalid) if your entry doesn't match the pattern nnnn-nn-nntnn:nn, where n is a number from 0 to 9.
..."timezone" value="-08:00"> </form> if you try submitting it, you'll see that the browser now displays an error message (and highlights the input as invalid) if your entry doesn't match the pattern nnnn-nn-nntnn:nn, where n is a number from 0 to 9.

<input type="time"> - HTML: Hypertext Markup Language
ond problem is the more serious; as mentioned previously, time inputs' values are always normalized to the format hh:mm or hh:mm:ss.
...ur time input.
...e" type="time" name="appt-time" min="12:00" max="18:00" required pattern="[0-9]{2}:[0-9]{2}"> <span class="validity"></span> </div> <div> <input type="submit" value="submit form"> </div> </form> if you try submitting it, you'll see that non-supporting browsers now display an error message (and highlight the input as invalid) if your entry doesn't match the pattern nn:nn, where n is a number from 0 to 9.
... <div> <input type="submit" value="submit form"> </div> </form> if you try submitting it, you'll see that non-supporting browsers now display an error message (and highlight the input as invalid) if your entry doesn't match the pattern nn:nn, where n is a number from 0 to 9.

SyntaxError: invalid regular expression flag "x" - JavaScript
in regular expression literal, are not one of g, i, m, s, u, or y.
... literal, which consists of a pattern enclosed between slashes, the flags are defined after the second slash.
...osed between slashes, the flags are defined after the second slash.
...ipt.

Intl.Locale.prototype.hourCycle - JavaScript
ss the clock type used by a particular locale.
...xtends the data contained in a locale string.
...table below.
...esponds to 'h' in patterns.

throw - JavaScript
n input string for a u.s.
...ent throws an exception by creating an object of type zipcodeformatexception.
... of type zipcodeformatexception.
... 12345 * 12345-6789 * 123456789 * 12345 6789 * * if the argument passed to the zipcode constructor does not * conform to one of these patterns, an exception is thrown.

Progressive web apps (PWAs)
progressive web apps are web apps that use emerging web browser apis and features along with traditional progressive enhancement strategy to bring a native app-like user experience to cross-platform web applications.
... progressive web apps are web apps that use emerging web browser apis and features along with traditional progressive enhancement strategy to bring a native app-like user experience to cross-platform web applications.
...kpwa application, why it is built that way, and what benefits it brings.pwa developer guidein the articles listed here, you'll find guides about every aspect of development specific to the greation of progressive web applications (pwas).structural overview of progressive web appsin this structural overview, we'll look at the features that make up a standard web application, as well as some design patterns you can follow when building your pwa.
... showing how and when to use web storage, indexeddb, and service workers.

requiredFeatures - SVG: Scalable Vector Graphics
t whether to render the element or not.
...svg11/feature#shape http://www.w3.org/tr/svg11/feature#text http://www.w3.org/tr/svg11/feature#paintattribute http://www.w3.org/tr/svg11/feature#opacityattribute http://www.w3.org/tr/svg11/feature#graphicsattribute http://www.w3.org/tr/svg11/feature#marker http://www.w3.org/tr/svg11/feature#colorprofile http://www.w3.org/tr/svg11/feature#gradient http://www.w3.org/tr/svg11/feature#pattern http://www.w3.org/tr/svg11/feature#clip http://www.w3.org/tr/svg11/feature#mask http://www.w3.org/tr/svg11/feature#filter http://www.w3.org/tr/svg11/feature#xlinkattribute http://www.w3.org/tr/svg11/feature#font http://www.w3.org/tr/svg11/feature#extensibility http://www.w3.org/tr/svg11/feature#svgdom-static the browser supports all of the dom interfaces and methods that corre...
... the display and visibility attributes http://www.w3.org/tr/svg11/feature#marker the browser supports the <marker> element http://www.w3.org/tr/svg11/feature#colorprofile the browser supports the <color-profile> element http://www.w3.org/tr/svg11/feature#gradient the browser supports the <lineargradient>, <radialgradient> and <stop> elements http://www.w3.org/tr/svg11/feature#pattern the browser supports the <pattern> element http://www.w3.org/tr/svg11/feature#clip the browser supports the <clippath> element and the clip-path, clip-rule attributes http://www.w3.org/tr/svg11/feature#basicclip the browser supports the <clippath> element and the clip-path attribute http://www.w3.org/tr/svg11/feature#mask the browser supports the <mask> element http://www.
...lorprofile</text> <!-- testing : http://www.w3.org/tr/svg11/feature#gradient --> <rect class="ko" x="10" y="660" height="25" width="430" /> <rect class="ok" x="10" y="660" height="25" width="430" requiredfeatures="http://www.w3.org/tr/svg11/feature#gradient" /> <text x="20" y="677">http://www.w3.org/tr/svg11/feature#gradient</text> <!-- testing : http://www.w3.org/tr/svg11/feature#pattern --> <rect class="ko" x="10" y="685" height="25" width="430" /> <rect class="ok" x="10" y="685" height="25" width="430" requiredfeatures="http://www.w3.org/tr/svg11/feature#pattern" /> <text x="20" y="702">http://www.w3.org/tr/svg11/feature#pattern</text> <!-- testing : http://www.w3.org/tr/svg11/feature#clip --> <rect class="ko" x="10" y="710" height="25" width="430" /> <rect class...

viewBox - SVG: Scalable Vector Graphics
50% is resolve to 5 which means the center of the circle is in the bottom/right corner of the viewport.
...s for width or height lower or equal to 0 disable rendering of the element.
... height lower or equal to 0 disable rendering of the element.
... are using this attribute: <marker>, <pattern>, <svg>, <symbol>, and <view>.

Fills and Strokes - SVG: Scalable Vector Graphics
as its argument.
...ber specifies a distance for the filled area, and the second a distance for the unfilled area.
...nd path fills 5 pixel units, with 5 blank units until the next dash of 5 units.
...miters; and stroke-dashoffset, which specifies where to start a dasharray on a line.

JavaScript Debugger Service - Archive of obsolete content
gger the hooks.
...st compared fashion.
...ed fashion.

Archived Mozilla and build documentation - Archive of obsolete content
ns and css to style everything else in the interface.
...onkey 2, but don't know how?
...ad manager uses an sqlite table to keep track of downloads in progress as well as queued and past downloads.

HTML forms in legacy browsers - Learn web development
s on older android phones or iphones, the stock browsers that don't update are also legacy browsers.
...nt forms that are "nicer" or "with advanced functionality", but building efficient html forms is not a question of design or technology.
...; /* restyle the search input */ } theappearance property can be used to display an element using platform-native styling, or, as is done with the value of none, remove default platform-native based styling.

Index - Learn web development
r you've understood our html: a good basis for accessibility article.
...nd to work with older css as well.
... regex client-side form validation sometimes requires javascript if you want to customize styling and error messages, but it always requires you to think carefully about the user.

Client-side storage - Learn web development
on't).
...e.getattribute('data-note-id')) — recall that the id of the record was saved in a data-note-id attribute on the <li> when it was first displayed.
... // only run the next code when both promises have fulfilled promise.all([mp4blob, webmblob]).then(function(values) { // display the video fetched from the network with displayvideo() displayvideo(values[0], values[1], video.name); // store it in the idb using storevideo() storevideo(values[0], values[1], video.name); }); let's look at storevideo() first.

Aprender y obtener ayuda - Learn web development
there are also several other great resources on the web, some of which we'll mention below.
...over/focus/active states of menu items appropriately.
...d along the line.

Getting started with React - Learn web development
opers often set up such tooling with a build step.
...me="app-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > learn react </a> </header> </div> ); } export default app; the app.js file consists of three main parts: some import statements at the top, the app component in the middle, and an export statement at the bottom.
...link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > learn react </a> </header> </div> ); } the app function returns a jsx expression.

Setting up your own test automation environment - Learn web development
t much more difficult than running them locally.
... use the below command for marking a status as passed on lambdatest.
...tatus, and a reason for the result.

Leak-hunting strategies and tips
phs that don't entrain other objects.
...llocations mac, linux build with --enable-valgrind and some other options lsan all allocations mac, linux any build apple tools ?
...lsan all allocations mac, linux any build apple tools ?

Redis Tips
e that you'll seldom feel you need to consult it.
...h publishes a message to a channel.
...er client: redis2> publish log.bacon yes publish log.bacon yes (integer) 1 see message received in first client: redis1> 1) "pmessage" 2) "log.*" 3) "log.bacon" 4) "yes" pubsub is useful for things like: chat programs message passing among application components log routing from applications in multiple languages it's good stuff.

Index
ates and bloats the code, and it requires more testing.
...wall with the compose window.
...rms match.

Mozilla
cribes how to package a hunspell spell check dictionary as a firefox add-on, or how to update your existing add-on, so that it can be installed, uninstalled and updated without a restart.
...lled, uninstalled and updated without a restart.
...f code is the observer (or listener) pattern.

Waterfall - Firefox Developer Tools
nt to the main thread.
... is easy to correlate from one to the other.
...rkers are displayed using a button in the toolbar: waterfall patterns exactly what you'll see in the waterfall is very dependent on the kind of thing your site is doing: javascript-heavy sites will have a lot of orange, while visually dynamic sites will have a lot of purple and green.

Using IndexedDB - Web APIs
h using the asynchronous api of indexeddb.
...onous api of indexeddb.
...and, so it's event.target.result).

NDEFReader.scan() - Web APIs
the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
... the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
... the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.

Writing a WebSocket server in Java - Web APIs
fied by the port argument.
...xample.
... is easier than understanding why you must do it in this way.

Lighting a WebXR setting - Web APIs
musée du louvre in paris, france.
...t involving the geolocation api.
...ith compass coordinates, and by reducing the precision of the sun's light angle, the location can no longer be accurately estimated using this technique.

Accessibility documentation index - Accessibility
ssibility project 82 accessibility information for web authors accessibility, authoring dhtml accessibility roadmap: a peek into how dhtml will be made accessible in the future.
...sibility information for web authors accessibility, authoring dhtml accessibility roadmap: a peek into how dhtml will be made accessible in the future.
...functionality that their desktop counterparts do.

Pagination - CSS: Cascading Style Sheets
this cookbook pattern demonstrates the navigation pattern used to display pagination, where the user can move between pages of content such as search results.
... this cookbook pattern demonstrates the navigation pattern used to display pagination, where the user can move between pages of content such as search results.
...s the pagination pattern typically displays items in a row.

Split Navigation - CSS: Cascading Style Sheets
a navigation pattern where one or more elements are separated from the rest of the navigation items.
... a navigation pattern where one or more elements are separated from the rest of the navigation items.
... a navigation pattern where one or more elements are separated from the rest of the navigation items.

Event developer guide - Developer guides
events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
... events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
...chronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.

<input type="date"> - HTML: Hypertext Markup Language
.
...ite dates.
...iewing the following in a unsupporting browser: <form> <label for="bday">enter your birthday: <input type="date" name="bday" required pattern="\d{4}-\d{2}-\d{2}"> <span class="validity"></span> </label> <p> <button>submit</button> </p> </form> if you submit it, you'll see that the browser displays an error and highlights the input as invalid if your entry doesn't match the pattern ####-##-## (where # is a digit from 0 to 9).

<input type="number"> - HTML: Hypertext Markup Language
one to make adjustments to the html that allow them to bypass the validation, or to remove it entirely.
... or to remove it entirely.
... html and submit the data directly to your server.

Microformats - HTML: Hypertext Markup Language
summary microformats (sometimes abbreviated μf) are standards used to embed semantics & structured data in html, and provide an api to be used by search engines, aggregators, and other tools.
...ch as: html example <a class="h-card" href="http://alice.example.com">alice blogger</a> when a parser encounters this data, it will know that this page contains a "card" which describes a person or organization named alice blogger with a url of http://alice.example.com/.
...ral.

RegExp.prototype.compile() - JavaScript
the deprecated compile() method is used to (re-)compile a regular expression during execution of a script.
... the deprecated compile() method is used to (re-)compile a regular expression during execution of a script.
...cky; matches only from the index indicated by the lastindex property of this regular expression in the target string (and does not attempt to match from any later indexes).

String.prototype.split() - JavaScript
the split() method divides a string into an ordered list of substrings, puts these substrings into an array, and returns the array.
... the split() method divides a string into an ordered list of substrings, puts these substrings into an array, and returns the array.
...or a pattern; where the pattern is provided as the first parameter in the method's call.

preserveAspectRatio - SVG: Scalable Vector Graphics
down as much as possible, while still meeting the other criteria in this case, if the aspect ratio of the viewbox does not match the viewport, some of the viewbox will extend beyond the bounds of the viewport (i.e., the area into which the viewbox will draw is larger than the viewport).
...in the rectangle define by the <image> element.
...le define by the <image> element.

SVG element reference - SVG: Scalable Vector Graphics
ncg> <fefuncr> <fegaussianblur> <feimage> <femerge> <femergenode> <femorphology> <feoffset> <fepointlight> <fespecularlighting> <fespotlight> <fetile> <feturbulence> <filter> <foreignobject> g <g> h <hatch> <hatchpath> i <image> l <line> <lineargradient> m <marker> <mask> <mesh> <meshgradient> <meshpatch> <meshrow> <metadata> <mpath> p <path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <stop> <style> <svg> <switch> <symbol> t <text> <textpath> <title> <tspan> u <unknown> <use> v <view> svg elements by category animation elements <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <discard>, <mpath>, <set> basic shapes <circle>, <ellipse>, <line...
...e> <svg> <switch> <symbol> t <text> <textpath> <title> <tspan> u <unknown> <use> v <view> svg elements by category animation elements <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <discard>, <mpath>, <set> basic shapes <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect> container elements <a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>, <unknown> descriptive elements <desc>, <metadata>, <title> filter primitive elements <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>,<fefunca>, <fefuncb>, <fefuncg>, <fefuncr>,<fegaussianblur>, <feimage>, <femerge>, <femergenode>, <femorphology>, <feoffset>, <...
..., <meshgradient>, <radialgradient>, <stop> graphics elements <circle>, <ellipse>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <text>, <use> graphics referencing elements <mesh>, <use> light source elements <fedistantlight>, <fepointlight>, <fespotlight> never-rendered elements <clippath>, <defs>, <hatch>, <lineargradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialgradient>, <script>, <style>, <symbol>, <title> paint server elements <hatch>, <lineargradient>, <meshgradient>, <pattern>, <radialgradient>, <solidcolor> renderable elements <a>, <circle>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <unknown>, <use> shape elements <circle>,...

Low-Level APIs - Archive of obsolete content
of the firefox user interface.
...onent ids.

jpmignore - Archive of obsolete content
g .jpmignore is similar to using .gitignore with git, .hgignore with mercurial, or .npmignore with npm.
...ercurial, or .npmignore with npm.

LookupNamespaceURI - Archive of obsolete content
i = lookupnamespaceuri; } function lookupnamespaceuri (prefix) { return lookupnamespaceurihelper(this, prefix); } function lookupnamespaceurihelper (node, prefix) { // adapted directly from http://www.w3.org/tr/dom-level-3-core/namespaces-algorithms.html#lookupnamespaceurialgo var i, att, htmlmode = document.contenttype, // mozilla only xmlnspattern = /^xmlns:(.*)$/; switch (node.nodetype) { case 1: // element_node (could also just test for node.element_node, etc., if supported in all browsers) if (node.namespaceuri != null && node.prefix === prefix) { // note: prefix could be "null" in the case we are looking for default namespace return node.namespaceuri; ...
... != null && node.prefix === prefix) { // note: prefix could be "null" in the case we are looking for default namespace return node.namespaceuri; } if (node.attributes.length) { for (i = 0; i < node.attributes.length; i++) { att = node.attributes[i]; if (xmlnspattern.test(att.name) && xmlnspattern.exec(att.name)[1] === prefix) { if (att.value) { return att.value; } return null; // unknown } if (att.name === 'xmlns' && prefix == null) { // default namespace ...

LookupPrefix - Archive of obsolete content
{ return _lookupnamespaceprefix(namespaceuri, node.ownerelement); } return null; default: if (node.parentnode) { // entityreferences may have to be skipped to get to it return _lookupnamespaceprefix(namespaceuri, node.parentnode); } return null; } } // private function for lookupprefix only function _lookupnamespaceprefix (namespaceuri, originalelement) { var xmlnspattern = /^xmlns:(.*)$/; if (originalelement.namespaceuri && originalelement.namespaceuri === namespaceuri && originalelement.prefix && originalelement.lookupnamespaceuri(originalelement.prefix) === namespaceuri) { return originalelement.prefix; } if (originalelement.attributes && originalelement.attributes.length) { for (var i=0; i < originalelement.attributes.length; i++) { var att = orig...
...ment.namespaceuri && originalelement.namespaceuri === namespaceuri && originalelement.prefix && originalelement.lookupnamespaceuri(originalelement.prefix) === namespaceuri) { return originalelement.prefix; } if (originalelement.attributes && originalelement.attributes.length) { for (var i=0; i < originalelement.attributes.length; i++) { var att = originalelement.attributes[i]; xmlnspattern.lastindex = 0; var localname = att.localname || att.name.substr(att.name.indexof(':')+1); // latter test for ie which doesn't support localname if (localname.indexof(':') !== -1) { // for firefox when in html mode localname = localname.substr(att.name.indexof(':')+1); } if ( xmlnspattern.test(att.name) && att.value === namespaceuri && lookupnamespaceuri(originalelement...

Creating regular expressions for a microsummary generator - Archive of obsolete content
warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) a regular expression is a special kind of string (i.e.
... warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) a regular expression is a special kind of string (i.e.

prefwindow - Archive of obsolete content
windowtype is a string specifying a window type.
... note that you can define an initwithparams() function in your sub window - to handle parameters passed using openwindow() in case the window was already open.

::-ms-fill - Archive of obsolete content
h the :indeterminate pseudo-class.) by default, internet explorer and edge display a moving dots animation for an indeterminate progress bar.
... edge display a moving dots animation for an indeterminate progress bar.

Common causes of memory leaks in extensions - Extensions
this page explains coding patterns that cause extension to cause memory leaks.
...l variables with var or let, which means they end up belonging to the global scope.

Paddle and keyboard controls - Game development
, we will set up two event listeners.
...u can get useful information: the key holds the information about the key that was pressed.

Mobile accessibility - Learn web development
up and left in a smooth motion.
...nus accessible because the screen is so much narrower on mobile devices, it is very common to use media queries and other technologies to make the navigation menu shrink down to a tiny icon at the top of the display — which can be pressed to reveal the menu only if it's needed — when the site is viewed on mobile.

Grids - Learn web development
th page layout.
...ay: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(100px, auto); grid-gap: 20px; } if you add extra content you will see that the track expands to allow it to fit.

The HTML5 input types - Learn web development
r.
...seful whenever a numeric keypad is useful, and doesn't just have to be used for telephone numbers.

Test your skills: Form validation - Learn web development
lowed, and give suitable error messages.
... single letter, followed by a dot, followed by three or more letters or numbers.

Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
es, continues to run even if the tab is not the active tab or the animation is scrolled off the page, etc.
...s the standard refresh rate.

Introduction to events - Learn web development
utton, or when the pointer moves off the button, respectively.
...ript libraries (for example jquery) have built-in functions that abstract away cross-browser differences.

Making decisions in your code — conditionals - Learn web development
s identical to, or not identical to, another.
...e, followed by a colon.

Object prototypes - Learn web development
d return undefined.
...the code easier to read, as the constructor only contains the property definitions, and the methods are split off into separate blocks.

Creating our first Vue component - Learn web development
on" works the same as v-bind:attribute="expression".
...roperty to the checked attribute on the <input> element.

Handling common JavaScript problems - Learn web development
ariables, etc.
...sion, or the prefixed version (or any other prefixed versions that need consideration) — whichever one is supported by the browser currently viewing the site will be used.

Accessibility information for UI designers and developers
hen your interface uses color to distinguish between things, make sure the distinction is also made in other ways.
...ys.

Eclipse CDT Manual Setup
t "cdt managed build settings entries" is not selected.
...e "language settings provider options" that appear below, make sure that "share setting entries between projects (global provider)" is not ticked.

Cross Process Object Wrappers
browser.contentdocument), it is given back a cpow that wraps the content object.
...n as a listener to the button's "click" event.

Profiling with the Firefox Profiler
load can lead to sampling delays which manifest as gaps in the timeline.
...qual to the sampling interval.

Setting up CDT to work on SpiderMonkey
for me, that means changing "build directory" to read ${workspace_loc:/spidermonkey/_dbg.obj}.
... build" is deactivated, as cdt’s indexer will freak out otherwise.

Shell global objects
g allocation failure at successive allocations until the function completes without seeing a failure.
...ntil the function completes without seeing a failure.

Avoiding leaks in JavaScript XPCOM components
s environment because some of the objects you're dealing with are reference-counted behind the scenes.
...nter to n, so the wrapper wrapping n owns a reference to n as long as j is reachable from a garbage collection root.

Component Internals
w content type handler.
...elow.

Using XPCOM Utilities to Make Things Easier
e module is destroyed.
...ever: you must wrap the variable with the function getter_addrefs, as in the example above.

XPCOM guide
om components for your firefox add-ons and the like.
...service(), etc methods are expensive and should be avoided when possible.receiving startup notificationssometimes it's necessary for xpcom components to receive notifications as to the progress of the application's startup process, so they can start new services at appropriate times, for example.xpcom array guidemozilla has many array classes because each array is optimized for a particular usage pattern.

nsINavHistoryResult
toolkit/components/places/nsinavhistoryservice.idlscriptable describes the result of a history or bookmark query.
... thunderbird 3.3 / seamonkey 2.1) places results use a model-view-controller (mvc) design pattern.

Cached compose window FAQ
ates and bloats the code, and it requires more testing.
...wall with the compose window.

LockManager.request() - Web APIs
to a resource.
...ck for a given name is held, other "shared" locks for the same name can be granted, but no "exclusive" locks with that name can be held or granted.

Notification.vibrate - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.

ServiceWorkerRegistration.showNotification() - Web APIs
necessary.
...n the notification was created.

Using readable streams - Web APIs
al stream we are discussing here.
...readstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should stop generating strings clearinterval(interval); } }); in the readstream() function itself, we lock a reader to the stream using readablestream.getreader(), then follow the same kind of pattern we saw earlier — reading each chunk with read(), checking whether done is true and then ending the process if so, and reading the next chunk and processing it if not, before running the read() method again.

ValidityState - Web APIs
with the exception of the valid property, which is true if the element's value obeys all constraints.
...traints.

WebGL best practices - Web APIs
program(prog); } for (const [vs, fs, prog] of programs) { if (!gl.getprogramparameter(prog, gl.link_status)) { console.error('link failed: ' + gl.getprograminfolog(prog)); console.error('vs info-log: ' + gl.getshaderinfolog(vs)); console.error('fs info-log: ' + gl.getshaderinfolog(fs)); } } khr_parallel_shader_compile for non-blocking compile/link status while we've described a pattern to allow browsers to compile and link in parallel, normally checking compile_status or link_status blocks until the compile or link completes.
...instead, but be aware that this often results in corrupted rendering due to lack of precision (particularly mobile systems) though the corruption is not going to be visible on a typical desktop computer.

WebRTC API - Web APIs
pps.
...c lets you build peer-to-peer communication of arbitrary data, audio, or video—or any combination thereof—into a browser application.

Web Locks API - Web APIs
ces.
...ck will be released.

WindowOrWorkerGlobalScope.setInterval() - Web APIs
rsively call a named function using settimeout().
... that won't necessarily return in order.

Synchronous and asynchronous requests - Web APIs
the synchronous xmlhttprequest invocation): hello world!!
...r.

Web APIs
e cssnamespacerule cssnumericvalue cssomstring csspagerule csspositionvalue cssprimitivevalue csspseudoelement cssrule cssrulelist cssstyledeclaration cssstylerule cssstylesheet cssstylevalue csssupportsrule cssunitvalue cssunparsedvalue cssvalue cssvaluelist cssvariablereferencevalue cache cachestorage canvascapturemediastreamtrack canvasgradient canvasimagesource canvaspattern canvasrenderingcontext2d caretposition channelmergernode channelsplitternode characterdata childnode client clients clipboard clipboardevent clipboarditem closeevent comment compositionevent constantsourcenode constrainboolean constraindomstring constraindouble constrainulong contentindex contentindexevent convolvernode countqueuingstrategy crashreportbody credential credentialsco...
...svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghkernelement svgimageelement svglength svglengthlist svglineelement svglineargradientelement svgmpathelement svgmaskelement svgmatrix svgmeshelement svgmetadataelement svgmissingglyphelement svgnumber svgnumberlist svgpathelement svgpatternelement svgpoint svgpolygonelement svgpolylineelement svgpreserveaspectratio svgradialgradientelement svgrect svgrectelement svgrenderingintent svgsvgelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstringlist svgstylable svgstyleelement svgswitchelement svgsymbolelement svgtrefelement svgtspanelement svgtests svgtextcontentelement svgtextelement svgtextpatheleme...

Web Accessibility: Understanding Colors and Luminance - Accessibility
color ("hues"), however, independent of luminance, that deserves special attention as it applies to accessibility, and that is the concept of saturation.
...sibilty accessibility learning path color <color> web accessibility for seizures and physical reactions color blindness discussions (general) what is the “grayscale” setting for in accessibility options?

:nth-child() - CSS: Cascading Style Sheets
the :nth-child() css pseudo-class matches elements based on their position in a group of siblings.
...n for matching element indices in a list of siblings.

:nth-last-child() - CSS: Cascading Style Sheets
he end.
...ments, counting from the end.

Basic Concepts of grid layout - CSS: Cascading Style Sheets
plate-columns: repeat(3, 1fr); } repeat notation can be used for a part of the track listing.
...ted a grid with an initial 20-pixel track, then a repeating section of 6 1fr tracks then a final 20-pixel track.

Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
that are impossible to build with current methods.
...her non-web sources.

List group with badges - CSS: Cascading Style Sheets
in this recipe we will create a list group pattern with badges that indicate a count.
...s recipe we will create a list group pattern with badges that indicate a count.

Sticky footers - CSS: Cascading Style Sheets
a sticky footer pattern is one where the footer of your page "sticks" to the bottom of the viewport in cases where the content is shorter than the viewport height.
... a sticky footer pattern is one where the footer of your page "sticks" to the bottom of the viewport in cases where the content is shorter than the viewport height.

CSS Layout cookbook - CSS: Cascading Style Sheets
the css layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites.
...when to choose multi-column layout, flexbox or grid for your columns.

Index - Developer guides
which uses the unprefixed version of the spec.
...orientation and motion events, it's important to understand what the values you're given by the browser mean.

Introduction to Web development - Developer guides
inner to advanced.
...pth video series on the javascript language.

<input type="range"> - HTML: Hypertext Markup Language
put.
... the orient attribute defines the orientation of the range slider.

Object.defineProperty() - JavaScript
'); return temperature; }, set(value) { temperature = value; archive.push({ val: temperature }); } }); this.getarchive = function() { return archive; }; } var arc = new archiver(); arc.temperature; // 'get!' arc.temperature = 11; arc.temperature = 13; arc.getarchive(); // [{ val: 11 }, { val: 13 }] in this example, a getter always returns the same value.
...erature = 13; arc.getarchive(); // [{ val: 11 }, { val: 13 }] in this example, a getter always returns the same value.

RegExp.prototype[@@search]() - JavaScript
lmost the same way as string.prototype.search(), except the different this and the different arguments order.
...is and the different arguments order.

RegExp.prototype[@@split]() - JavaScript
.
...nd send us a pull request.

Destructuring assignment - JavaScript
return values that you're not interested in: function f() { return [1, 2, 3]; } const [a, , b] = f(); console.log(a); // 1 console.log(b); // 3 const [c] = f(); console.log(c); // 1 you can also ignore all returned values: [,,] = f(); assigning the rest of an array to a variable when destructuring an array, you can unpack and assign the remaining part of it to a variable using the rest pattern: const [a, ...b] = [1, 2, 3]; console.log(a); // 1 console.log(b); // [2, 3] be aware that a syntaxerror will be thrown if a trailing comma is used on the left-hand side with a rest element: const [a, ...b,] = [1, 2, 3]; // syntaxerror: rest element may not have a trailing comma // always consider using rest operator as the last element unpacking values from a regular expression match when...
...property names, like on object literals, can be used with destructuring.

Performance fundamentals - Web Performance
concept: everyone prefers, say, games that display 60 frames per second over ones that display 10 frames per second, even if they can't explain why.
...ver ones that display 10 frames per second, even if they can't explain why.

Introduction to progressive web apps - Progressive web apps (PWAs)
apps (pwas), discussing what they are and the advantages they offer over regular web apps.
...s in the past.

Structural overview of progressive web apps - Progressive web apps (PWAs)
while progressive web apps (pwas) can do anything any web content can do, they need to have a particular structure and include specific components in order to be recognized as a web app that can be used both on the web and installed and run as a local application.
...hing" instantly, instead of a loading spinner or a blank page.

in - SVG: Scalable Vector Graphics
document under the filter region at the time that the <filter> element was invoked.
...paque everywhere, but that might not be the case if a shape is painted with a gradient or pattern which itself includes transparent or semi-transparent parts.

overflow - SVG: Scalable Vector Graphics
er or not any of its content is clipped.
...lement of a stand-alone document, the <pattern> element, and the <marker> element to be hidden by default.

transform - SVG: Scalable Vector Graphics
.
...ttribute, transform can be used by any element (in svg 1.1, only these 16 elements were allowed to use it: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <switch>, <text>, and <use>).

xlink:title - SVG: Scalable Vector Graphics
ears when a user lets a mouse pointer hover over a starting resource.
... animatable no <anything> this value specifies the title used to describe the meaning of the link or resource.

<feTile> - SVG: Scalable Vector Graphics
the <fetile> svg filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image.
... the <fetile> svg filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image.

SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
nted.
...marker module marker implemented.

Using templates and slots - Web Components
ate> element, e.g., within say a regular <div> element, and still take advantage of the place-holder features of <slot> for shadow dom content, and doing so may indeed avoid the small trouble of needing to first access the template element's content property (and clone it).
..."description"> <slot name="attributes"> the <template> wraps the named slots in a <details> element.

format-number - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the format-number function evaluates a number and returns a string representing the number in a given format.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the format-number function evaluates a number and returns a string representing the number in a given format.

<xsl:template> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:template> element defines an output producing template.
...t elements, exslt functions, xpath functions, xpath axes the <xsl:template> element defines an output producing template.

Content Scripts - Archive of obsolete content
the content of the page: // main.js var tabs = require("sdk/tabs"); var contentscriptstring = 'document.body.innerhtml = "<h1>this page has been eaten</h1>";' tabs.activetab.attach({ contentscript: contentscriptstring }); the following high-level sdk modules can use content scripts to modify web pages: page-mod: enables you to attach content scripts to web pages that match a specific url pattern.

High-Level APIs - Archive of obsolete content
, submenus, and menu separators to the page's context menu.

dev/panel - Archive of obsolete content
ulfilled with the reply.

Chrome Authority - Archive of obsolete content
ssion of authority.

Listen for Page Load - Archive of obsolete content
s a script to all open tabs.

Developing for Firefox Mobile - Archive of obsolete content
ils supported ui/button/action not supported ui/button/toggle not supported ui/frame not supported ui/id supported ui/sidebar not supported ui/toolbar not supported util/array supported util/collection supported util/deprecate supported util/list supported util/match-pattern supported util/object supported util/uuid supported window/utils supported ...

Add-on SDK - Archive of obsolete content
ges, listen for pages loading and list open pages.

Bootstrapped extensions - Archive of obsolete content
ootstrapped extension.

Canvas code snippets - Archive of obsolete content
tx); } } canvas2dcontext.setup = function() { var methods = ['arc', 'arcto', 'beginpath', 'beziercurveto', 'clearrect', 'clip', 'closepath', 'drawimage', 'fill', 'fillrect', 'filltext', 'lineto', 'moveto', 'quadraticcurveto', 'rect', 'restore', 'rotate', 'save', 'scale', 'settransform', 'stroke', 'strokerect', 'stroketext', 'transform', 'translate']; var gettermethods = ['createpattern', 'drawfocusring', 'ispointinpath', 'measuretext', // drawfocusring not currently supported // the following might instead be wrapped to be able to chain their child objects 'createimagedata', 'createlineargradient', 'createradialgradient', 'getimagedata', 'putimagedata' ]; var props = ['canvas', 'fillstyle', 'font', 'globalalpha', 'globalcompositeoperation', 'linecap', 'line...

Extension Etiquette - Archive of obsolete content
orking knowledge of mozilla.

Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
extension code using internal linkage will need to migrate to use frozen linkage because internal linkage will not be available in firefox 3.

Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
ox and then close them.

Custom XUL Elements with XBL - Archive of obsolete content
mponents, js code modules and available chrome scripts.

Index of archived content - Archive of obsolete content
t/assert test/harness test/httpd test/runner test/utils ui/button/action ui/button/toggle ui/frame ui/id ui/sidebar ui/toolbar util/array util/collection util/deprecate util/list util/match-pattern util/object util/uuid window/utils release notes tools cfx cfx to jpm console jpm jpm-mobile jpmignore package.json tutorials ...

JXON - Archive of obsolete content
lement, an element with pure text content, an empty element with attributes, an element with text content and attributes, an element containing elements with different names, an element containing elements with identical names, an element containing elements and contiguous text, an element containing elements and non contiguous text.

MMgc - Archive of obsolete content
e gives us a very natural place to do this work we have better control over how much time is spent marking without threads when smp systems become more prevalent it may be worth investigating this approach because true parallelism may afford better performance.

Dehydra Frequently Asked Questions - Archive of obsolete content
general questions where did the name dehydra come from?

importUserCertificates - Archive of obsolete content
ificate has the same dn as one or more certificates that already exist in the user's certificate store, the nickname associated with the certificate(s) of the same dn in the certificate store is used, and the <tt>"nicknamestring"</tt> parameter is ignored.

Metro browser chrome tests - Archive of obsolete content
properly.

RDF Datasource How-To - Archive of obsolete content
/foo.bar.com/".

String Rosetta Stone - Archive of obsolete content
find a substring nsstring findinreadable(const nsastring& pattern, nsastring::const_iterator start, nsastring::const_iterator end, nsstringcomparator& acomparator = nsdefaultstringcomparator()) std::string size_type find(const basic_string& s, size_type pos = 0) const size_type find(const chart* s, size_type pos, size_type n) const size_type find(const chart* s, size_type pos = 0) const size_type find(chart c, size_type pos = 0) const qstring int qstring::indexof ( const qstring & str, int from = 0, qt::casesensitivity cs = qt::casesensitive ) const format a printf style string nsstring appendprintf() std::string n/a qstring qstring & qstring::sprintf ( const char * cformat, ...

Anonymous Content - Archive of obsolete content
nt are inserted.

Building accessible custom components in XUL - Archive of obsolete content
are the role of each element in our spreadsheet.

Introduction to XUL - Archive of obsolete content
of course, and subject to change for now.

Sorting Results - Archive of obsolete content
ders the results in the order the items appear in the seq.

Template Builder Interface - Archive of obsolete content
bute separated by spaces.

Template Logging - Archive of obsolete content
on"> <triple subject="?person" predicate="http://example.com/name" object="?name"/> <content uri="?uri"> <member container="?uri" child="?human"> <triple subject="?person" predicate="http://example.com/name" object="?name"/> note that subtle difference in these examples.

XUL accessibility guidelines - Archive of obsolete content
.commanddispatcher.focusedelement) { document.commanddispatcher.advancefocus(); return true; } return false; } changing focus unexpectedly can confuse or disorient users.

The Implementation of the Application Object Model - Archive of obsolete content
ess time than native platform development.

Troubleshooting XForms Forms - Archive of obsolete content
icon on the status bar and select 'options...') and select the advanced tab.

Implementation Status - Archive of obsolete content
ment fails to apply to child attributes 342319; 6.1.5 calculate supported 6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fractiondigits 7.

Parsing microformats in JavaScript - Archive of obsolete content
to an iso 8601 date.

RDF in Mozilla FAQ - Archive of obsolete content
ce as parameters.

The Business Benefits of Web Standards - Archive of obsolete content
ed transitional html markup), forces the designer not to use presentation tags in the html documents, naturally enforcing the separation of content from presentation.

Windows Media in Netscape - Archive of obsolete content
ontrols.

Anatomy of a video game - Game development
accept, interpret, calculate, repeat the goal of every video game is to present the user(s) with a situation, accept their input, interpret those signals into actions, and calculate a new situation resulting from those acts.

Examples - Game development
c mmorpg with similarities to runescape classic and ultima.

3D games on the Web - Game development
e are other popular game development libraries and frameworks worth checking too; a-frame, playcanvas and babylon.js are among the most recognizable ones with rich documentation, online editors and active communities.

Audio for Web games - Game development
st arraybuffer = await response.arraybuffer(); const audiobuffer = await audioctx.decodeaudiodata(arraybuffer); return audiobuffer; } we can then use the await operator when calling this function, which ensures that we can run subsequent code when it has finished executing.

Efficient animation for web games - Game development
sets a flag when it calls requestanimationframe.

asm.js - Game development
use it's easy to talk about and benchmark.

Domain sharding - MDN Web Docs Glossary: Definitions of Web-related terms
files that need to be downloaded.

IIFE - MDN Web Docs Glossary: Definitions of Web-related terms
an iife (immediately invoked function expression) is a javascript function that runs as soon as it is defined.

Lazy load - MDN Web Docs Glossary: Definitions of Web-related terms
lazy loading is a strategy that delays the loading of some assets (e.g., images) until they are needed by the user based on the user's activity and navigation pattern; typically, these assets are only loaded when they are scrolled into view.

Random Number Generator - MDN Web Docs Glossary: Definitions of Web-related terms
a prng (pseudorandom number generator) is an algorithm that outputs numbers in a complex, seemingly unpredictable pattern.

WAI-ARIA basics - Learn web development
end of this article, but can you remember the most important information?

CSS selectors - Learn web development
rk.

Test your skills: tables - Learn web development
task in the lesson we styled up a table in a rather garish manner.

Test your skills: backgrounds and borders - Learn web development
n your own editor or in an online editor.

Test your skills: Flexbox - Learn web development
the aim of this task is to get you working with flexbox and demonstrate your understanding of how flex items behave.

Introduction to CSS layout - Learn web development
cover these in the lesson on legacy layout methods.

Supporting older browsers - Learn web development
class="item">item three</div> </div> note: the clear property also has no effect once the cleared item becomes a grid item, so you could have a layout with a cleared footer, which is then turned into a grid layout.

create fancy boxes - Learn web development
(175deg, rgba(0,0,0,0) 75%, #9f8fa4 75%), linear-gradient( 85deg, rgba(0,0,0,0) 83%, #9f8fa4 83%), linear-gradient(175deg, rgba(0,0,0,0) 70%, #74a6ae 70%), linear-gradient( 85deg, rgba(0,0,0,0) 80%, #74a6ae 80%); } gradients can be used in some very creative ways.

What text editors are available? - Learn web development
port syntax highlighting, but not necessarily the other two features.

UI pseudo-classes - Learn web development
d: controls with no constraint validation will always be valid, and therefore matched with :valid.

The web and web standards - Learn web development
and at the same time, there is a skill shortage in the industry — so what better time to learn web development?

Define terms with HTML - Learn web development
dl> <dt>jambalaya</dt> <dd> rice-based entree typically containing chicken, sausage, seafood, and spices </dd> <dt>sukiyaki</dt> <dd> japanese specialty consisting of thinly sliced meat, vegetables, and noodles, cooked in sake and soy sauce </dd> <dt>chianti</dt> <dd> dry italian red wine originating in tuscany </dd> </dl> the basic pattern, as you can see, is to alternate <dt> terms with <dd> descriptions.

Getting started with HTML - Learn web development
ype doesn't change the category of the element, and doesn't affect which elements it can contain and which elements it can be contained in.

Mozilla splash page - Learn web development
objective: to test knowledge around embedding images and video in web pages, frames, and html responsive image techniques.

Responsive images - Learn web development
than you might expect to display nicely.

Making asynchronous programming easier with async and await - Learn web development
to continue to run in the meantime, but your own code is blocked.

Looping code - Learn web development
ed '; const para = document.queryselector('p'); for (let i = 0; i < cats.length; i++) { info += cats[i] + ', '; } para.textcontent = info; </script> </body> </html> note: you can find this example code on github too (also see it running live).

Drawing graphics - Learn web development
ees gives us a full circle), and the sixth parameter defines whether the circle should be drawn counterclockwise (anticlockwise) or clockwise (false is clockwise).

Fetching data from the server - Learn web development
calhost:7800/9b75250e-5279-e249-884f-d03eb1fd84f4 challenge: an xhr version of the can store we'd like you to try converting the fetch version of the app to use xhr as a useful bit of practice.

JavaScript object basics - Learn web development
pen your devtools and try typing in the above commands to see the object structure.

Website security - Learn web development
your very successful website may also find bugs by offering a bug bounty like mozilla does here.

Getting started with Ember - Learn web development
the cost of having to learn those conventions.

Ember resources and troubleshooting - Learn web development
dvanced use: asset compilation guide.

Introduction to client-side frameworks - Learn web development
); span.appendchild(textcontent) item.id = id; item.appendchild(span); item.appendchild(builddeletebuttonel(id)); return item; } here, we use the document.createelement() method to make our <li>, and several more lines of code to create the properties and children it needs.

Accessibility in React - Learn web development
again try using the "edit" and "cancel" buttons to toggle between the templates of your <todo /> component; you'll see the browser focus indicator move appropriately, without the problem we discussed at the start of this section.

Componentizing our React app - Learn web development
equivalent rendered checkboxes accordingly.

React interactivity: Events and state - Learn web development
e original tasks array.

Getting started with Svelte - Learn web development
ecosystem.

Handling common accessibility problems - Learn web development
we've included some javascript to make the buttons alert a message), or start typing to enter text in a text input (other form elements have different controls, for example the <select> element can have its options displayed and cycled between using the up and down arrow keys).

Implementing feature detection - Learn web development
9+/9.2+), whereas the javascript version should work in much older browsers (probably back to ie8 or 9, although older versions of ie will have additional problems, such as not supporting document.queryselector, and having a messed up box model).

Command line crash course - Learn web development
called mdn-example.txt.

Browser chrome tests
ng other tests.

Limitations of frame scripts
observers in the chrome process, most observers should be registered in the chrome process and will not work in the content process.

Limitations of frame scripts
observers in the chrome process, most observers should be registered in the chrome process and will not work in the content process.

PBackground
orks in both chrome and content processes a lot of code "just works" in the content process.

Introduction to Layout in Mozilla
puted stylistic data style data is computed lazily, as it is asked for reflow recursively compute geometry (x, y, w, h) for frames, views, and widgets given w & h constraints of “root frame” compute (x, y, w, h) for all children constraints propagated “down” via nshtmlreflowstate desired size returned “up” via nshtmlreflowmetrics basic pattern parent frame initializes child reflow state (available w, h); places child frame (x, y); invokes child’s reflow method child frame computes desired (w, h), returns via reflow metrics parent frame sizes child frame and view based on child’s metrics n.b.

Task.jsm
sync function" that starts a new task.

Gecko Profiler FAQ
uching a memory page that hasn’t been touched in awhile.

Power profiling overview
he best ways to reduce power consumption.

Certificate functions
vocationpolicy mxr 3.12 and later cert_getprevgeneralname mxr 3.10 and later cert_getprevnameconstraint mxr 3.10 and later cert_getsloptime mxr 3.2 and later cert_getsslcacerts mxr 3.2 and later cert_getstatename mxr 3.2 and later cert_getusepkixforvalidation mxr 3.12 and later cert_getvaliddnspatternsfromcert mxr 3.12 and later cert_gentime2formattedascii mxr 3.2 and later cert_hexify mxr 3.2 and later cert_importcachain mxr 3.2 and later cert_importcerts mxr 3.2 and later cert_isrootdercert mxr 3.8 and later cert_isusercert mxr 3.6 and later cert_keyfromdercrl mxr 3.4 and later ...

NSS_3.12_release_notes.html
ert.h) cert_findcrlentryreasonexten (see cert.h) cert_findcrlnumberexten (see cert.h) cert_findnameconstraintsexten (see cert.h) cert_getclassicocspdisabledpolicy (see cert.h) cert_getclassicocspenabledhardfailurepolicy (see cert.h) cert_getclassicocspenabledsoftfailurepolicy (see cert.h) cert_getpkixverifynistrevocationpolicy (see cert.h) cert_getusepkixforvalidation (see cert.h) cert_getvaliddnspatternsfromcert (see cert.h) cert_newtempcertificate (see cert.h) cert_setocsptimeout (see certhigh/ocsp.h) cert_setusepkixforvalidation (see cert.h) cert_pkixverifycert (see cert.h) hash_gettype (see sechash.h) nss_initwithmerge (see nss.h) pk11_createmergelog (see pk11pub.h) pk11_creategenericobject (see pk11pub.h) pk11_createpbev2algorithmid (see pk11pub.h) pk11_destroymergelog (see pk11pub.h) pk11_g...

NSS environment variables
pr_log_file (default stderr).

NSS functions
vocationpolicy mxr 3.12 and later cert_getprevgeneralname mxr 3.10 and later cert_getprevnameconstraint mxr 3.10 and later cert_getsloptime mxr 3.2 and later cert_getsslcacerts mxr 3.2 and later cert_getstatename mxr 3.2 and later cert_getusepkixforvalidation mxr 3.12 and later cert_getvaliddnspatternsfromcert mxr 3.12 and later cert_gentime2formattedascii mxr 3.2 and later cert_hexify mxr 3.2 and later cert_importcachain mxr 3.2 and later cert_importcerts mxr 3.2 and later cert_isrootdercert mxr 3.8 and later cert_isusercert mxr 3.6 and later cert_keyfromdercrl mxr 3.4 and later ...

sslcrt.html
* matches anything ?

NSS_3.12.3_release_notes.html
y value to enable) tells nss to send ec key points across the pkcs#11 interface in the non-standard unencoded format that was used by default before nss 3.12.3.

Pork Tool Development
files and locations most tools are in the "oink" directory.

Pork Tools
the definition and call sites of those functions.

SpiderMonkey Internals
gc is exact, c/c++ applications must ensure that all live objects, strings, and numbers are gc-reachable.

JSVAL_TO_INT
integer without any type checking or error handling.

JSVAL_TRUE
val_true and jsval_false are jsval constants that represent the javascript boolean values, true and false.

JS_GetNaNValue
description js_getnanvalue returns a value of type js::value that represents an ieee floating-point quiet not-a-number (nan).

The Rust programming language
y of volunteers, designed to help developers create fast, secure applications which take full advantage of the powerful features of modern multi-core processors.

History Service Design
and groupable by common timeframes or domains.

XPCOM array guide
introduction array types mozilla has many array classes because each array is optimized for a particular usage pattern.

Using XPCOM Components
your component as an instance or a service is a design question, really, and something you should be clear about in the documentation for your component.

Detailed XPCOM hashtable guide
y structures; often wastes memory making many small heap allocations.

Observer Notifications
cs that you can observe during the course of an application.

RefPtr
to me when the compiler will reject an attempt to use nscomptr to hold a concrete class pointer and when it will not (will it only rejecte it if a qi is involved in the construction or or assignment to the nscomptr (common in implementation details of nscomptr) but not when an instance of the concrete class is assigned directly?).

nsIJSCID
and access service components.

Frequently Asked Questions
omptr leak (for a debug test)?

Filelink Providers
ld contain a form with the id "provider-form", with its onsubmit attribute set to "return false;".

MailNews Protocols
imap pop3 nntp smtp mailbox rss these are all implemented in c++, except for rss.

Network request list - Firefox Developer Tools
45, the timeline also contains two vertical lines: the blue line marks the point at which the page's domcontentloaded event is triggered.

Animating CSS properties - Firefox Developer Tools
this is showing frame rate.

AudioParam - Web APIs
the web audio api's audioparam interface represents an audio-related parameter, usually a parameter of an audionode (such as gainnode.gain).

Beacon API - Web APIs
ata by creating an image element and setting its src attribute within the unload handler.

CanvasRenderingContext2D.clip() - Web APIs
the canvasrenderingcontext2d.clip() method of the canvas 2d api turns the current or given path into the current clipping region.

CanvasRenderingContext2D.getLineDash() - Web APIs
the getlinedash() method of the canvas 2d api's canvasrenderingcontext2d interface gets the current line dash pattern.

CanvasRenderingContext2D.imageSmoothingQuality - Web APIs
ality.

Compositing example - Web APIs
dth = size * 2; proto.canvas.height = size * 2; proto.fillstyle = color1; // top-left proto.fillrect(0, 0, size, size); proto.fillstyle = color2; // top-right proto.fillrect(size, 0, size, size); proto.fillstyle = color2; // bottom-left proto.fillrect(0, size, size, size); proto.fillstyle = color1; // bottom-right proto.fillrect(size, size, size, size); var pattern = proto.createpattern(proto.canvas, "repeat"); pattern.data = proto.canvas.todataurl(); return pattern; }; var op_8x8 = createinterlace(8, "#fff", "#eee"); ...

Canvas API - Web APIs
y makes the rectangle green.

DOMError - Web APIs
ument.

DOMException - Web APIs
underror the object cannot be found here.

Document.mozSetImageElement() - Web APIs
vas); } the code here is called each time the user clicks the <div> element.

Examples of web and XML development using the DOM - Web APIs
this chapter provides some longer examples of web and xml development using the dom.

Document Object Model (DOM) - Web APIs
helement svgglyphrefelement svggradientelement svggraphicselement svghatchelement svghatchpathelement svghkernelement svgimageelement svglineargradientelement svglineelement svgmarkerelement svgmaskelement svgmeshelement svgmeshgradientelement svgmeshpatchelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgmpathelement svgpathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstyleelement svgsvgelement svgswitchelement svgsymbolelement svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtrefelement svgtspanelement svguseelement svgunknownelemen...

DragEvent - Web APIs
selection target.

The HTML DOM API - Web APIs
de structure and functionality required by the elements used to create and manage forms, including the <form> and <input> elements.

Key Values - Web APIs
schwa (0xfe8a) ə gdk_key_dead_capital_schwa (0xfe8b) Ə gdk_key_dead_greek (0xfe8c) function keys while various platforms support different numbers of the general-purpose function keys, such as f1–f12 (or f1–f10, or f1–f15, etc.), the first few are specifically defined as follows.

MSManipulationEvent.initMSManipulationEvent() - Web APIs
he web: it will not work for every user.

MSSiteModeEvent - Web APIs
s that are specific to pinned site events.

Capabilities, constraints, and settings - Web APIs
logelement.innerhtml += (msg + "<br>"); } function handleerror(reason) { log("error <code>" + reason.name + "</code> in constraint <code>" + reason.constraint + "</code>: " + reason.message); } result here you can see the complete example in action.

Navigator.sendBeacon() - Web APIs
n the user agent has an opportunity to do so, without delaying unload or the next navigation.

Notification.Notification() - Web APIs
displayed below the title.

Notification - Web APIs
silent — i.e., no sounds or vibrations should be issued, regardless of the device settings.

PaymentRequest.show() - Web APIs
cts with a securityerror if the call to show() was not in response to a user action, such as a click or keyup event.

Payment Request API - Web APIs
irectly in the browser.

PublicKeyCredentialCreationOptions.extensions - Web APIs
is based on the same biometric data that the previous authentication.

PublicKeyCredentialRequestOptions.extensions - Web APIs
is based on the same biometric data that the previous authentication.

ResizeObserver() - Web APIs
be used to access the new dimensions of the element after each change.

Resize Observer API - Web APIs
rners that scale with the box size.

SVGUnitTypes - Web APIs
the svgunittypes interface defines a commonly used set of constants used for reflecting gradientunits, patterncontentunits and other similar attributes.

Using the Screen Capture API - Web APIs
ical display surface is one which is in part or completely obscured, either by being overlapped by another object to some extent, or by being entirely hidden or offscreen.

Service Worker API - Web APIs
zation.

SpeechGrammar - Web APIs
the speechgrammar interface of the web speech api represents a set of words or patterns of words that we want the recognition service to recognize.

SpeechGrammarList - Web APIs
the speechgrammarlist interface of the web speech api represents a list of speechgrammar objects containing words or patterns of words that we want the recognition service to recognize.

WebGLRenderingContext.bufferData() - Web APIs
for pixel transfer operations.

WebGLRenderingContext.getBufferParameter() - Web APIs
fer: buffer used for storing uniform blocks.

WebXR application life cycle - Web APIs
view of what's involved in creating and driving a webxr application, without diving down to the code level in detail.

Rendering and the WebXR frame animation callback - Web APIs
to do the job, so we'll look at this method first.

Advanced techniques: Creating and sequencing audio - Web APIs
buffer = await response.arraybuffer(); const audiobuffer = await audiocontext.decodeaudiodata(arraybuffer); return audiobuffer; } we can then use the await operator when calling this function, which ensures that we can only run subsequent code when it has finished executing.

Visualizations with Web Audio API - Web APIs
ow have the audio data for that moment in time captured in our array, and can proceed to visualize it however we like, for example by plotting it onto an html5 <canvas>.

Web Audio API - Web APIs
(e.g.

Web Speech API - Web APIs
ervice.

Window.getComputedStyle() - Web APIs
s directly added to it from javascript manipulation or the global style attribute.

XRSession.requestAnimationFrame() - Web APIs
amebuffer(xrwebgllayer.framebuffer) for (xrview of viewer.views) { let xrviewport = xrwebgllayer.getviewport(xrview) gl.viewport(xrviewport.x, xrviewport.y, xrviewport.width, xrviewport.height) // webgl draw calls will now be rendered into the appropriate viewport.

ARIA: article role - Accessibility
inset and aria-setsize attributes on each article role to the appropriate values, bearing in mind that aria-posinset is 1-based.

ARIA: row role - Accessibility
the row's role, including aria-colindex, aria-level, aria-rowindex, and aria-selected.

ARIA: tab role - Accessibility
the aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.

ARIA: table role - Accessibility
spectively.

Architecture - Accessibility
until a non-embed is found.

Mobile accessibility checklist - Accessibility
this document provides a concise checklist of accessibility requirements for mobile app developers.

Understandable - Accessibility
ver-side validation should be used to detect errors and display helpful messages to the user to allow them to correct their inputs.

-moz-image-rect - CSS: Cascading Style Sheets
this is the top-left corner of the image.

:nth-last-of-type() - CSS: Cascading Style Sheets
selects every fourth <p> element among any group of siblings, counting backwards from the last one */ p:nth-last-of-type(4n) { color: lime; } note: this pseudo-class is essentially the same as :nth-of-type, except it counts items backwards from the end, not forwards from the beginning.

:nth-of-type() - CSS: Cascading Style Sheets
the :nth-of-type() css pseudo-class matches elements of a given type (tag name), based on their position among a group of siblings.

:placeholder-shown - CSS: Cascading Style Sheets
e highlights the branch and id code fields with a custom style.

Box alignment in Flexbox - CSS: Cascading Style Sheets
ross axis align-self makes sense as we potentially have additional space in the flex container in that dimension, in which a single item can be moved to the start and end.

Aligning Items in a Flex Container - CSS: Cascading Style Sheets
paragraph of text in the block direction.

Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
ke preserving white space between items no longer applies.

Basic concepts of flexbox - CSS: Cascading Style Sheets
t and the end edge on the left.

Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
ize and won’t cause the rest of the page’s layout to "wobble".

Ordering Flex Items - CSS: Cascading Style Sheets
following resources.

CSS Flexible Box Layout - CSS: Cascading Style Sheets
ways to change the order and direction of items, and covering the potential issues in doing so.

Grid template areas - CSS: Cascading Style Sheets
o) / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ; } we will revisit the other functionality offered by this shorthand later in these guides when we take a look at auto placement and the grid-auto-flow property.

Layout using named grid lines - CSS: Cascading Style Sheets
ur items on works.

Subgrid - CSS: Cascading Style Sheets
level 2 of the css grid layout specification includes a subgrid value for grid-template-columns and grid-template-rows.

Breadcrumb Navigation - CSS: Cascading Style Sheets
ges.

Card - CSS: Cascading Style Sheets
this pattern is a list of "card" components with optional footers.

Column layouts - CSS: Cascading Style Sheets
you will often need to create a layout which has a number of columns, and css provides several ways to do this.

Grid wrapper - CSS: Cascading Style Sheets
the grid wrapper pattern is useful for aligning grid content within a central wrapper, while also allowing items to break out and align to the edge of the containing element or page when desired.

Linear-gradient Generator - CSS: Cascading Style Sheets
ortant; } /** * main container */ #container { width: 1000px; height: 100%; display: table; margin: 0 auto; } #gradient-container { width: 450px; height: 250px; min-width: 8px; min-height: 8px; margin: 100px auto; border: 1px solid #ddd; position: relative; } #gradient-container[data-alpha="true"]:after { content: ""; width: 100%; height: 100%; background: url('images/canvas-pattern.png'); position: absolute; z-index: -1; } /** * gradient axis */ .gradient-axis { width: 125%; height: 4px; margin: -3px 0 0 0; border: 1px solid #ccc; position: absolute; top: 50%; left: 0; opacity: 0.5; } .gradient-axis[data-active='true'] { opacity: 1; z-index: 1; } .gradient-axis:after { content: ""; width: 25px; height: 100%; background-color: #ccc; position: absolute...

border-bottom-width - CSS: Cascading Style Sheets
ne of the following values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.

border-image - CSS: Cascading Style Sheets
ource: none or the image with its uri made absoluteborder-image-width: as specified, but with relative lengths converted into absolute lengthsanimation typediscrete formal syntax <'border-image-source'> | <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>?

border-left-width - CSS: Cascading Style Sheets
ne of the following values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.

border-right-width - CSS: Cascading Style Sheets
ne of the following values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.

border-top-width - CSS: Cascading Style Sheets
ne of the following values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.

border-width - CSS: Cascading Style Sheets
ne of the following values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.

element() - CSS: Cascading Style Sheets
gin:0 0; transform: rotate(45deg); color:white;">this text is part of the background.

grid-auto-columns - CSS: Cascading Style Sheets
the grid-auto-columns css property specifies the size of an implicitly-created grid column track or pattern of tracks.

grid-auto-rows - CSS: Cascading Style Sheets
the grid-auto-rows css property specifies the size of an implicitly-created grid row track or pattern of tracks.

grid-template-columns - CSS: Cascading Style Sheets
sents the formula min(max-content, max(auto, argument)), which is calculated similar to auto (i.e.

grid-template-rows - CSS: Cascading Style Sheets
presents the formula min(max-content, max(auto, argument)), which is calculated similar to auto (i.e.

mask-border - CSS: Cascading Style Sheets
iscretemask-border-slice: discretemask-border-source: discretemask-border-width: discretecreates stacking contextyes formal syntax <'mask-border-source'> | <'mask-border-slice'> [ / <'mask-border-width'>?

repeat() - CSS: Cascading Style Sheets
the repeat() css function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.

text-emphasis-position - CSS: Cascading Style Sheets
er ] && [ right | left ] examples preferring ruby over emphasis marks some editors prefer to hide emphasis marks when they conflict with ruby.

CSS: Cascading Style Sheets
ificity, inheritance and the cascade css units and values box model and margin collapse the containing block stacking and block-formatting contexts initial, computed, used, and actual values css shorthand properties css flexible box layout css grid layout media queries animation cookbook the css layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your sites.

Strings (str) - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt strings package provides functions that allow the manipulation of strings.

Ajax - Developer guides
m a string, a file or via javascript and how to serialize xml documents to strings, javascript object trees (jxon) or files.

HTML5 Parser - Developer guides
.

Developer guides
s.

Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
the border.

disabled - HTML: Hypertext Markup Language
are still focusable, whereas disabled controls can not receive focus and are not submitted with the form and generally do not function as controls until they are enabled.

HTML attribute reference - HTML: Hypertext Markup Language
rea>, <map>, <meta>, <param> name of the element.

<input type="color"> - HTML: Hypertext Markup Language
with an alpha channel are not supported; specifying a color in 9-character hexadecimal notation (e.g.

x-ms-format-detection - HTML: Hypertext Markup Language
o followable links.

Evolution of HTTP - HTTP
ttp has been extended to allow authoring, and a standard called webdav was created.

Content-Location - HTTP
ccept header: request header response header accept: application/json, text/json content-location: /documents/foo.json accept: application/xml, text/xml content-location: /documents/foo.xml accept: text/plain, text/* content-location: /documents/foo.txt these urls are examples — the site could serve the different filetypes with any url patterns it wishes, such as a query string parameter: /documents/foo?format=json, /documents/foo?format=xml, and so on.

HTTP resources and specifications - HTTP
.0 doesn't extend the http standard obsolete microsoft document specifying legacy document modes* defines x-ua-compatible note rfc 5689 http extensions for web distributed authoring and versioning (webdav) these extensions of the web, as well as carddav and caldav, are out-of-scope for http on the web.

Closures - JavaScript
ative way of doing this, but it is possible to emulate private methods using closures.

Functions - JavaScript
as fat arrow function) has a shorter syntax compared to function expressions and does not have its own this, arguments, super, or new.target.

Grammar and types - JavaScript
rom some of the same conveniences.

Assertions - JavaScript
assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).

Character classes - JavaScript
.

Regular expression syntax cheatsheet - JavaScript
.

Quantifiers - JavaScript
, meaning that they try to match as much of the string as possible.

Using Promises - JavaScript
se() or dothirdthing() to finish, and will run in parallel with them, likely unintended.

Memory Management - JavaScript
sues that may not be available for javascript executed within a browser environment.

Classes - JavaScript
console.log(`${this.name} makes a noise.`); } }; class dog { constructor(name) { this.name = name; } } // if you do not do this you will get a typeerror when you invoke speak object.setprototypeof(dog.prototype, animal); let d = new dog('mitzie'); d.speak(); // mitzie makes a noise.

Deprecated and obsolete features - JavaScript
global whether or not to test the regular expression against all possible matches in a string, or only against the first.

SyntaxError: test for equality (==) mistyped as assignment (=)? - JavaScript
(==).

Functions - JavaScript
benefits of creating a named function expression is that in case we encountered an error, the stack trace will contain the name of the function, making it easier to find the origin of the error.

Array.prototype.map() - JavaScript
m the results.

Intl - JavaScript
pecific rules for plurals.

JSON.parse() - JavaScript
gerous.lastindex = 0; if (rx_dangerous.test(text)) { text = text.replace(rx_dangerous, function(a) { return ( "\\u" + ("0000" + a.charcodeat(0).tostring(16)).slice(-4) ); }); } // in the second stage, we run the text against regular expressions that look // for non-json patterns.

Object.freeze() - JavaScript
per", address: { street: "rohini", city: "delhi" } }; object.freeze(employee); employee.name = "dummy"; // fails silently in non-strict mode employee.address.city = "noida"; // attributes of child object can be modified console.log(employee.address.city) // output: "noida" to make an object immutable, recursively freeze each property which is of type object (deep freeze).

Object - JavaScript
s executed.

RegExp.prototype.exec() - JavaScript
the index at which to start the next match.

RegExp.$1-$9 - JavaScript
ript interprets $n's literally (where n is a positive integer).

RegExp.prototype.sticky - JavaScript
ith regard to the ^ assertion and the sticky flag which allowed expressions starting with the ^ assertion and using the sticky flag to match when they shouldn't.

RegExp.prototype.test() - JavaScript
ibute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

String.prototype.search() - JavaScript
ive-examples and send us a pull request.

Nullish coalescing operator (??) - JavaScript
falsy const somenumber = 42; const vala = nullvalue ??

function declaration - JavaScript
sion (see function expression).

let - JavaScript
ounter, }); }; thing.prototype.showpublic = function() { return this.someproperty; }; thing.prototype.showprivate = function() { return privatescope.get(this).hidden; }; } console.log(typeof privatescope); // "undefined" var thing = new thing(); console.log(thing); // thing {someproperty: "foo"} thing.showpublic(); // "foo" thing.showprivate(); // 1 the same privacy pattern with closures over local variables can be created with var, but those need a function scope (typically an iife in the module pattern) instead of just a block scope like in the example above.

Image file type and format guide - Web media technologies
ctives, providing the width and height of the bitmap (and optionally the hotspot, if the image is designed as a cursor), followed by an array of unsigned char, where each value contains 8 1-bit monochrome pixels.

Animation performance and frame rate - Web Performance
this is showing frame rate.

Making PWAs work offline with Service workers - Progressive web apps (PWAs)
responses retrieved from the cache, or synthesize responses completely.

SVG Presentation Attributes - SVG: Scalable Vector Graphics
ity - value:; animatable: - stop-color indicates what color to use at that gradient stop.

class - SVG: Scalable Vector Graphics
se> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <missing-glyph> <path> <pattern> <polygon> <polyline> <radialgradient> <rect> <stop> <svg> <switch> <symbol> <text> <textpath> <title> <tref> <tspan> <use> ...

clip-path - SVG: Scalable Vector Graphics
entation attribute defines or associates a clipping path with the element it is related to.

clip - SVG: Scalable Vector Graphics
he css clip property.

color-interpolation - SVG: Scalable Vector Graphics
animated.

color-rendering - SVG: Scalable Vector Graphics
ation-filters.

enable-background - SVG: Scalable Vector Graphics
the enable-background attribute specifies how the accumulation of the background image is managed.

fill-opacity - SVG: Scalable Vector Graphics
the fill-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.

fill - SVG: Scalable Vector Graphics
the fill attribute has two different meanings.

mask - SVG: Scalable Vector Graphics
a css property and is a shorthand for many other properties: mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite.

onclick - SVG: Scalable Vector Graphics
the onclick attribute specifies some script to run when the element is clicked.

pointer-events - SVG: Scalable Vector Graphics
fill = '#' + color.tostring(16).padstart(6,'0') // let's apply our color in the // element we actually clicked on e.target.style.fill = fill }) as a presentation attribute, it can be applied to any element but it is mostly relevant only on the following twenty-three elements: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use> usage notes value bounding-box | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | none default value visiblepainted animatable yes for a detailed explanation of each possible value, have a look at the css pointer-event...

stroke-dasharray - SVG: Scalable Vector Graphics
the stroke-dasharray attribute is a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a presentation attribute, stroke-dasharray can be used as a css property.

stroke-opacity - SVG: Scalable Vector Graphics
the stroke-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.

stroke - SVG: Scalable Vector Graphics
the stroke attribute is a presentation attribute defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a presentation attribute stroke can be used as a css property.

systemLanguage - SVG: Scalable Vector Graphics
e attribute represents a list of supported language tags.

xlink:arcrole - SVG: Scalable Vector Graphics
person," but in the context of a particular arc it might have the role of "mother" and in the context of a different arc it might have the role of "daughter." twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, <use> usage notes value <iri> default value none animatable no <iri> this value specifies an iri reference that identifies some resource that describes the intended property.

xlink:type - SVG: Scalable Vector Graphics
the xlink:type attribute identifies the type of xlink being used.

SVG Attribute reference - SVG: Scalable Vector Graphics
ing lighting-color limitingconeangle local m marker-end marker-mid marker-start markerheight markerunits markerwidth mask maskcontentunits maskunits mathematical max media method min mode n name numoctaves o offset opacity operator order orient orientation origin overflow overline-position overline-thickness p panose-1 paint-order path pathlength patterncontentunits patterntransform patternunits ping pointer-events points pointsatx pointsaty pointsatz preservealpha preserveaspectratio primitiveunits r r radius referrerpolicy refx refy rel rendering-intent repeatcount repeatdur requiredextensions requiredfeatures restart result rotate rx ry s scale seed shape-rendering slope spacing specularconstant specul...

<a> - SVG: Scalable Vector Graphics
aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<a>' in that specification.

<defs> - SVG: Scalable Vector Graphics
ke-width, transform, vector-effect, visibility usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<defs>' in that specification.

<g> - SVG: Scalable Vector Graphics
-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<g>' in that specification.

<glyph> - SVG: Scalable Vector Graphics
a <glyph> defines a single glyph in an svg font.

<marker> - SVG: Scalable Vector Graphics
aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment svg markersthe definition of '<marker>' in that specification.

<mask> - SVG: Scalable Vector Graphics
stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment css masking module level 1the definition of '<mask>' in that specification.

<missing-glyph> - SVG: Scalable Vector Graphics
ered, if for a given character the font doesn't define an appropriate <glyph>.

<svg> - SVG: Scalable Vector Graphics
-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<svg>' in that specification.

<symbol> - SVG: Scalable Vector Graphics
-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> note: a <symbol> element itself is not meant to be rendered.

<text> - SVG: Scalable Vector Graphics
the svg <text> element draws a graphics element consisting of text.

SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
implementation status unknown display behavior of <style> defined via ua style sheet implementation status unknown !important user agent style rules controlling never-rendered elements implementation status unknown :focus and ::selection styles implementation status unknown geometry change notes x and y attributes removed from <pattern> and <filter> implementation status unknown auto value of width and height computes to 0 but 100% on <svg> not implemented coordinate systems, transformations and units change notes exception for bad values on svgmatrix.skewx() and svgmatrix.skewy() implementation status unknown bounding box for element with no position at (0, 0) impl...

Texts - SVG: Scalable Vector Graphics
port the text will appear.

Tools for SVG - SVG: Scalable Vector Graphics
owser implementations.

SVG Tutorial - SVG: Scalable Vector Graphics
at inkscape's documentation page.

number - XPath
object] ) arguments object(optional) the object to be converted to a number.

Index - XPath
found 57 pages: # page tags and summary 1 xpath css selectors, dom, jxon, landing, path, xml, xpath, xslt xpath stands for xml path language.

XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes xpath stands for xml path language.

An Overview - XSLT: Extensible Stylesheet Language Transformations
ertain constraints on which type of nodes can occur where: for example, text nodes can have no children.

Using the Mozilla JavaScript interface to XSL Transformations - XSLT: Extensible Stylesheet Language Transformations
oduce an html dom objects if only the toplevel element of the result is <html> as xsltprocessor.transformtofragment() is rarely used to create this element.