Search completed in 1.85 seconds.
requiredFeatures - SVG: Scalable Vector Graphics
the
requiredfeatures attribute takes a list of feature strings, with the individual strings separated by white space.
...if a null string or empty string value is given to attribute
requiredfeatures, the attribute is evaluate to false.
...
requiredfeatures is often used in conjunction with the <switch> element.
...And 26 more matches
HTML attribute: required - HTML: Hypertext Markup Language
the boolean
required attribute which, if present, indicates that the user must specify a value for the input before the owning form can be submitted.
... the
required attribute is supported by text, search, url, tel, email, password, date, month, week, time, datetime-local, number, checkbox, radio, file, <input> types along with the <select> and <textarea> form control elements.
... if present on any of these input types and elements, the :
required pseudo class will match.
...And 17 more matches
:required - CSS: Cascading Style Sheets
the :
required css pseudo-class represents any <input>, <select>, or <textarea> element that has the
required attribute set on it.
... /* selects any
required <input> */ input:
required { border: 1px dashed red; } this pseudo-class is useful for highlighting fields that must have valid data before a form can be submitted.
... syntax :
required examples see :invalid for an example.
...And 5 more matches
externalResourcesRequired - SVG: Scalable Vector Graphics
the externalresources
required 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.
...in particular, if an element sets externalresources
required="true", then all style sheets must be available since any style sheet might affect the rendering of that element.
... the externalresources
required attribute is not inheritable (from a sense of attribute value inheritance), but if set on a container element, its value will apply to all elements within the container.
...And 5 more matches
SVGExternalResourcesRequired - Web APIs
the svgexternalresources
required interface defines an interface which applies to all elements where this element or one of its descendants can reference an external resource.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svgexternalresources
required" target="_top"><rect x="1" y="1" width="280" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="141" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgexternalresources
required</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification...
... properties svgexternalresources
required.externalresources
required corresponds to the externalresources
required attribute of the given element.
...And 3 more matches
JSObjectOps.getRequiredSlot
the jsobjectops.get
requiredslot and set
requiredslot callbacks get and set a
required slot—one that should already have been allocated.
... syntax typedef jsval (*jsget
requiredslotop)(jscontext *cx, jsobject *obj, uint32 slot); typedef jsbool (*jsset
requiredslotop)(jscontext *cx, jsobject *obj, uint32 slot, jsval v); name type description cx jscontext * the js context in which we access the slot.
... v jsval the value to store in the slot, for jsset
requiredslotop.
...And 2 more matches
Using the aria-required attribute - Accessibility
description the aria-
required attribute is used to indicate that user input is
required on an element before a form can be submitted.
... html5 now has the
required attribute, but aria-
required is still useful for user agents that do not yet support html5.
... value true or false (default: false) possible effects on user agents and assistive technology screen readers should announce the field as
required.
...And 2 more matches
requiredExtensions - SVG: Scalable Vector Graphics
the
requiredextensions attribute defines a list of
required language extensions.
... usage notes value <list-of-extensions> default value none animatable no <list-of-extensions> the value is a list of references (iri references in svg 1, url references in svg 2) which identify the
required extensions, with the individual values separated by white space.
...
requiredextensions is often used in conjunction with the <switch> element.
...And 2 more matches
XRPermissionDescriptor.requiredFeatures - Web APIs
the xrpermissiondescriptor dictionary's
requiredfeatures property should be set prior to calling navigator.permissions.query() to a list of webxr features which must be supported for the app to work.
... syntax xrpermissiondescriptor = { mode: xrsessionmode,
requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.
requiredfeatures = reqfeaturelist; reqfeaturelist = xrpermissiondescriptor.
requiredfeatures; value an array of strings indicating the webxr features which must be available for use by the app or site.
... let xrpermissiondesc = { name: "xr", mode: "immersive-ar",
requiredfeatures: [ "local-floor" ] }; if (navigator.permissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr();...
... } specifications specification status comment webxr device apithe definition of 'xrpermissiondescriptor.
requiredfeatures' in that specification.
426 Upgrade Required - HTTP
the http 426 upgrade
required client error response code indicates that the server refuses to perform the request using the current protocol but might be willing to do so after the client upgrades to a different protocol.
... the server sends an upgrade header with this response to indicate the
required protocol(s).
... status 426 upgrade
required examples http/1.1 426 upgrade
required upgrade: http/2.0 connection: upgrade content-length: 53 content-type: text/plain this service requires use of the http/2.0 protocol specifications specification title rfc 7231, section 6.5.15: 426 upgrade
required hypertext transfer protocol (http/1.1): semantics and content ...
428 Precondition Required - HTTP
the http 428 precondition
required response status code indicates that the server requires the request to be conditional.
... typically, this means that a
required precondition header, such as if-match, is missing.
... status 428 precondition
required specifications specification title rfc 6585, section 3: 428 precondition
required additional http status codes ...
mozbrowserusernameandpasswordrequired
the mozbrowserusernameandpassword
required event is fired when the content within a browser <iframe> requires an http authentification.
... example var browser = document.queryselector("iframe[mozbrowser]"); browser.addeventlistener("mozbrowserusernameandpassword
required", function( event ) { console.log("the auth realm is:" + event.detail.realm); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange ...
402 Payment Required - HTTP
the http 402 payment
required is a nonstandard client error status response code that is reserved for future use.
... status 402 payment
required example response http/1.1 402 payment
required date: wed, 21 oct 2015 07:28:00 gmt specifications specification title rfc 7231, section 6.5.2: 402 payment
required http/1.1: semantics and content ...
407 Proxy Authentication Required - HTTP
the http 407 proxy authentication
required client error status response code indicates that the request has not been applied because it lacks valid authentication credentials for a proxy server that is between the browser and the server that can access the requested resource.
... status 407 proxy authentication
required example response http/1.1 407 proxy authentication
required date: wed, 21 oct 2015 07:28:00 gmt proxy-authenticate: basic realm="access to internal site" specifications specification title rfc 7235, section 3.2: 407 proxy authentication
required http/1.1: authentication ...
411 Length Required - HTTP
the hypertext transfer protocol (http) 411 length
required client error response code indicates that the server refuses to accept the request without a defined content-length header.
... status 411 length
required specifications specification title rfc 7231, section 6.5.10: 411 length
required hypertext transfer protocol (http/1.1): semantics and content ...
511 Network Authentication Required - HTTP
the http 511 network authentication
required response status code indicates that the client needs to authenticate to gain network access.
... status 511 network authentication
required specifications specification title rfc 6585, section 6: 511 network authentication
required additional http status codes ...
UI pseudo-classes - Learn web development
we'll discuss these in more detail in the sections below, but briefly, the main ones we'll be looking at are: :
required and :optional: targets
required or optional form controls.
... styling inputs based on whether they are
required or not one of the most basic concepts with regards to client-side form validation is whether a form input is
required (it has to be filled in before the form can be submitted) or optional.
... <input>, <select>, and <textarea> elements have a
required attribute available which, when set, means that you have to fill in that control before the form will successfully submit.
...And 28 more matches
Index
this strategy allows nss to work with many hardware devices (e.g., to speed up the calculations
required for cryptographic operations, or to access smartcards that securely protect a secret key) and software modules (e.g., to allow to load such modules as a plugin that provides additional algorithms or stores key or trust information) that implement the pkcs#11 interface.
...it's also
required that you safely keep your own secret keys that belong to your own certificates.
...the programmer's task is to initialize nss with the
required parameters (such as a database), and nss will then transparently manage the database files.
...And 28 more matches
Client-side form validation - Learn web development
previous overview: forms next before submitting data to the server, it is important to ensure all
required form controls are filled out, in the correct format.
...you'll get messages such as: "this field is
required" (you can't leave this field blank).
... "please enter your phone number in the format xxx-xxxx" (a specific data format is
required for it to be considered valid).
...And 20 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
required for accessibility autocomplete all hint for form autofill feature autofocus all automatically focus the form control when the page is loaded capture file media capture input method in file upload controls checked radio, checkbox whether the command or control is checked dirname text, search name of form field to use for se...
...the value is not editable
required almost all boolean.
... a value is
required or must be check for the form to be submittable size email, password, tel, text size of the control src image same as src attribute for <img>; address of image resource step numeric types incremental values that are valid.
...And 18 more matches
StringView - Archive of obsolete content
arguments input (
required) the argument the stringview is constructed from.
... arguments base64string (
required) a base64-encoded string which will be decoded and copied into the new stringview object.
... arguments callback (
required) a function to be invoked for each character.
...And 16 more matches
Codecs used by WebRTC - Web media technologies
this guide reviews the codecs that browsers are
required to implement as well as other codecs that some or all browsers support for webrtc.
...this guide reviews the codecs that browsers are
required to implement as well as other codecs that some or all browsers support for webrtc.
...the sender is not
required to support this mechanism, however, so you have to be prepared to receive media at a different resolution than you requested.
...And 15 more matches
Index - Web APIs
10 abortsignal api, abortsignal, dom, experimental, interface, reference the abortsignal interface represents a signal object that allows you to communicate with a dom request (such as a fetch) and abort it if
required via an abortcontroller object.
...the type is a unicode string generally given by a mime type, although a mime type is not
required.
...since element ids are
required to be unique if specified, they're a useful way to get access to a specific element quickly.
...And 13 more matches
MediaTrackConstraints - Web APIs
a constraints dictionary is passed into applyconstraints() to allow a script to establish a set of exact (
required) values or ranges and/or preferred values or ranges of values for the track, and the most recently-requested set of custom constraints can be retrieved by calling getconstraints().
... properties of all media tracks deviceid a constraindomstring object specifying a device id or an array of device ids which are acceptable and/or
required.
... groupid a constraindomstring object specifying a group id or an array of group ids which are acceptable and/or
required.
...And 13 more matches
JavaScript Daemons Management - Archive of obsolete content
ll; daemon.prototype.rate = 100; daemon.prototype.length = infinity; daemon.prototype.reversals = 0; daemon.prototype.onstart = null; daemon.prototype.onstop = null; /* these properties should be read-only after the creation of the daemon */ daemon.prototype.session = -1; daemon.prototype.index = 0; daemon.prototype.paused = true; daemon.prototype.backw = true; /* system
required daemon global object methods */ daemon.forcecall = function (odmn) { odmn.index += odmn.backw ?
... -1 : 1; var bbreak = odmn.task.call(odmn.owner, odmn.index, odmn.length, odmn.backw) === false, bend = odmn.isatend(), binvert = odmn.reversals > 0; if (bend && !binvert || bbreak) { odmn.pause(); return false; } if (bend && binvert) { odmn.backw = !odmn.backw; odmn.reversals--; } return true; }; /* system not
required daemon global object methods */ /** * daemon global object optional methods (shortcuts).
...*/ daemon.incorporate = function (fconstr) { var olegacy = fconstr.prototype; fconstr.prototype = new daemon.blank(); fconstr.prototype.legacy = olegacy; return fconstr; }; /* system
required daemon instances methods */ daemon.prototype.isatend = function () { return this.backw ?
...And 11 more matches
sslfnc.html
nss_init nss_initreadwrite nss_nodb_init ssl_optionsetdefault ssl_optiongetdefault ssl_cipherprefsetdefault ssl_cipherprefgetdefault ssl_clearsessioncache ssl_configserversessionidcache ssl_configmpserversidcache ssl_inheritmpserversidcache nss_init sets up configuration files and performs other tasks
required to run network security services.
... nss_initreadwrite sets up configuration files and performs other tasks
required to run network security services.
... nss_nodb_init performs tasks
required to run network security services without setting up configuration files.
...And 9 more matches
sslintro.html
required.
...sets up configuration files and performs other tasks
required to run network security services.
...
required.
...And 9 more matches
Index - Archive of obsolete content
or for "reasons," your company is
required to use very old software and you need to build web content that runs on that software.
... 140 package.json commonjs, jpm, sdk, add-on, package.json the package.json file contains manifest data for your add-on, providing not only descriptive information about the add-on for presentation in the add-ons manager, but other metadata
required of add-ons.
...presentation formatting is also
required to provide compatibility with legacy browsers (microsoft internet explorer and netscape navigator 4.x).
...And 7 more matches
Elements - Archive of obsolete content
" xmlns:html = "http://www.w3.org/1999/xhtml" xmlns:xul = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:svg = "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"> binding <!entity % binding-content "(resources?,content?,implementation?,handlers?)"> <!element binding %binding-content;> <!attlist binding id id #
required extends cdata #implied display cdata #implied inheritstyle true #implied > the binding element describes a single xbl binding.
...keep in mind that the binding is still
required to have an id even though you're not referencing it.
...for the binding element, this attribute is
required, since it is used to attach bindings.
...And 7 more matches
WAI-ARIA basics - Learn web development
objective: to gain familiarity with wai-aria, and how it can be used to provide useful additional semantics to enhance accessibility where
required.
...as an example, aria-
required="true" specifies that a form input needs to be filled in to be valid, whereas aria-labelledby="label" allows you to put an id on an element, then reference it as being the label for anything else on the page, including multiple elements, which is not possible using <label for="input">.
...in these situations, aria can help to provide what's missing with a combination of roles like button, listbox, or tabgroup, and properties like aria-
required or aria-posinset to provide further clues as to functionality.
...And 7 more matches
How to structure a web form - Learn web development
let's consider this example: <p>
required fields are followed by <abbr title="
required">*</abbr>.</p> <!-- so this: --> <div> <label for="username">name:</label> <input id="username" type="text" name="username"> <label for="username"><abbr title="
required" aria-label="
required">*</abbr></label> </div> <!-- would be better done like this: --> <div> <label for="username"> <span>name:</span> <input id="username" type="text...
..." name="username"> <abbr title="
required" aria-label="
required">*</abbr> </label> </div> <!-- but this is probably best: --> <div> <label for="username">name: <abbr title="
required" aria-label="
required">*</abbr></label> <input id="username" type="text" name="username"> </div> the paragraph at the top states a rule for
required elements.
... the rule must be included before it is used so that sighted users and users of assistive technologies such as screen readers can learn what it means before they encounter a
required element.
...And 7 more matches
An overview of NSS Internals
this strategy allows nss to work with many hardware devices (e.g., to speed up the calculations
required for cryptographic operations, or to access smartcards that securely protect a secret key) and software modules (e.g., to allow to load such modules as a plugin that provides additional algorithms or stores key or trust information) that implement the pkcs#11 interface.
...it's also
required that you safely keep your own secret keys that belong to your own certificates.
...the programmer's task is to initialize nss with the
required parameters (such as a database), and nss will then transparently manage the database files.
...And 7 more matches
<input type="email"> - HTML: Hypertext Markup Language
value a domstring representing an e-mail address, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, multiple, name,pattern, placeholder, readonly,
required, size, and type idl attributes list and value methods select() value the <input> element's value attribute contains a domstring which is automatically validated as conforming to e-mail syntax.
... note: normally, if you specify the
required attribute, the user must enter a valid e-mail address for the field to be considered valid.
...in other words, the user does not have to enter even one e-mail address when multiple is specified, regardless of the value of
required.
...And 7 more matches
HTTP Index - HTTP
24 reason: cors header 'access-control-allow-origin' missing cors, corsmissingalloworigin, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting the response to the cors request is missing the
required access-control-allow-origin header, which is used to determine whether or not the resource can be accessed by content operating within the current origin.
... 25 reason: cors header ‘origin’ cannot be added cors, corsoriginheadernotadded, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting the user agent was unable to add the
required origin header to the http request.
... 170 proxy-authorization http, http header, reference, request header, header the http proxy-authorization request header contains the credentials to authenticate a user agent to a proxy server, usually after the server has responded with a 407 proxy authentication
required status and the proxy-authenticate header.
...And 7 more matches
PKCS11 Implement
the nss always passes null, as
required by the pkcs #11 specification, in the single c_initialize parameter preserved.
...the nss interprets the combination of the ckf_login_
required and ckf_user_pin_initialized flags as shown in table 1.1.
... nss's interpretation of the ckf_login_
required and ckf_user_pin_initialized flags cfk_login_
required cfk_user_pin_initialized nss assumes that: false false this is a general access device.
...And 6 more matches
NSS tools : modutil
the only
required argument is the database that where the databases will be located.
... installing a cryptographic module from a jar file pkcs #11 modules can also be loaded using a jar file, which contains all of the
required libraries and an installation script that describes how to install the module.
...for example: platforms { linux:5.4.08:x86 { modulename { "example pkcs #11 module" } modulefile { crypto.so } defaultmechanismflags{0x0000} cipherenableflags{0x0000} files { crypto.so { path{ /tmp/crypto.so } } setup.sh { executable path{ /tmp/setup.sh } } } } linux:6.0.0:x86 { equivalentplatform { linux:5.4.08:x86 } } } both the install script and the
required libraries must be bundled in a jar file, which is specified with the -jar argument.
...And 6 more matches
NSS tools : modutil
the only
required argument is the database that where the databases will be located.
... installing a cryptographic module from a jar file pkcs #11 modules can also be loaded using a jar file, which contains all of the
required libraries and an installation script that describes how to install the module.
...odulefile { crypto.so } defaultmechanismflags{0x0000} cipherenableflags{0x0000} files { crypto.so { path{ /tmp/crypto.so } } setup.sh { executable path{ /tmp/setup.sh } } } } linux:6.0.0:x86 { equivalentplatform { linux:5.4.08:x86 } } } both the install script and the
required libraries must be bundled in a jar file, which is specified with the -jar argument.
...And 6 more matches
<input type="number"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
...if the
required attribute is used, the input is no longer considered valid when empty.
... validation we have already mentioned a number of validation features of number inputs, but let's review them now: <input type="number"> elements automatically invalidate any entry that isn't a number (or empty, unless
required is specified).
...And 6 more matches
<input type="url"> - HTML: Hypertext Markup Language
value a domstring representing a url, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly,
required and size idl attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
... note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
...by adding the
required attribute, only properly-formed urls are allowed; the input is no longer considered valid when empty.
...And 6 more matches
HTTP response status codes - HTTP
402 payment
required this response code is reserved for future use.
... 407 proxy authentication
required this is similar to 401 but authentication is needed to be done by a proxy.
... 411 length
required server rejected the request because the content-length header field is not defined and the server requires it.
...And 6 more matches
nsISecurityCheckedComponent
method overview string cancallmethod(in nsiidptr iid, in wstring methodname); string cancreatewrapper(in nsiidptr iid); string cangetproperty(in nsiidptr iid, in wstring propertyname); string cansetproperty(in nsiidptr iid, in wstring propertyname); methods cancallmethod() returns a capability string indicating what permissions are
required to call the specified method on the given interface.
... return value the capability
required to call this method.
...cancreatewrapper() returns a string indicating what permissions are
required to create a wrapper for the given interface.
...And 5 more matches
<input type="password"> - HTML: Hypertext Markup Language
value a domstring representing a password, or empty events change and input supported common attributes autocomplete, inputmode, maxlength, minlength, pattern, placeholder, readonly,
required, and size idl attributes selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), 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.
...if the
required property is specified, then the password edit box must contain a value other than an empty string to be valid.
... note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
...And 5 more matches
2015 MDN Fellowship Program - Archive of obsolete content
required skills and experience experience and comfort writing javascript test scripts.
...
required skills and experience experienced web developer with expertise in javascript, css, html as well as with efficient network interaction (queuing resource fetching, etc.).
...
required skills and experience computer graphics experience with programmable shaders and the opengl, opengl es, webgl, or direct3d apis.
...And 4 more matches
Creating our first Vue component - Learn web development
listing props as an object allows you to specify default values, mark props as
required, perform basic object typing (specifically around javascript primitive types), and perform simple prop validation.
... the first is a
required property, which will have a value of true.
...this means that when no done prop is passed to a todoitem component, the done prop will will have a value of false (bear in mind that this is not
required — we only need default on non-
required props).
...And 4 more matches
nss tech note1
the number of
required templates is determined by the type of the first template.when multiple templates are
required, the pointer must point to a null-terminated array of templates.
...if kind contains the sec_asn1_inline or sec_asn1_pointer modifiers, then it must point to the
required subtemplate.
... if kind contains the sec_asn1_xtrn or sec_asn1_dynamic modifiers, this is a pointer to a callback function that will dynamically return the
required subtemplate.
...And 4 more matches
NSS Tools modutil
the options and arguments in square brackets are optional, those without square brackets are
required.
... platforms (
required) gives a list of platforms.
... modulename (
required) gives the common name for the module.
...And 4 more matches
Creating the Component Code
« previousnext » this chapter goes over the basic code
required to handle the relationship between your component and xpcom.
...this is very useful if the caller is
required to know information about the component like its threading module, whether or not it's a singleton, its implementation language, and so forth.
... basic structure of the weblock component source weblock1.cpp that defines these classes and the code you need to create a basic component has the following structure: *
required includes and constants * weblock: public iweblock * weblockfactory: public nsifactory * weblockmodule: public nsimodule in xpcom, all of these classes also derive from the nsisupports base interface.
...And 4 more matches
SecurityPolicyViolationEvent.SecurityPolicyViolationEvent() - Web APIs
this can include the following properties, but bear in mind that if you do include an eventinitdict, certain properties must be included (marked below with
required): blockeduri: the blockeduri of the securitypolicyviolationevent.
... disposition: the disposition of the securitypolicyviolationevent (
required).
... documenturi: the documenturi of the securitypolicyviolationevent (
required).
...And 4 more matches
Web video codec guide - Web media technologies
not only is the
required storage space enormous, but the network bandwidth needed to transmit an uncompressed video like that would be enormous, at 249 mb/sec—not including audio and overhead.
... non-web browser implementations of webrtc (any implementation which doesn't include the javascript apis) are
required to support avc as a codec in webrtc calls.
... while web browsers are not
required to do so, some do.
...And 4 more matches
Install Manifests - Archive of obsolete content
layout the basic layout of an install manifest is like so: <?xml version="1.0" encoding="utf-8"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <!-- properties --> </description> </rdf> some properties are
required, some are optional.
...
required property reference your install manifest must specify these properties correctly otherwise your add-on may not install.
...however, while <em:maxversion> is a
required property, it is ignored unless you also set <em:strictcompatibility> in the main <description> of your install.rdf (i.e.
...And 3 more matches
Microsummary XML grammar reference - Archive of obsolete content
attributes: name (
required) a descriptive, human-readable name for the microsummary created by the generator.
... child elements: <template> (
required) defines how to transform pages into their microsummaries.
... <pages> (
required) identifies the set of pages that the generator is able to summarize.
...And 3 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
the following new components will be developed throughout the course of this article: moreactions: displays the check all and remove completed buttons, and emits the corresponding events
required to handle their functionality.
...instead, it parses and analyzes our code, creates a dependency tree, and then generates the
required javascript to update only the parts of the dom that need to be updated.
... choose one, and update your checkalltodos() function as
required.
...And 3 more matches
nss tech note3
each of the above seccertusages translates into a
required set of cert type and key usage for the certificate itself, and into another set of
required cert type and key usage for all the ca certs in the cert chain.
... to determine if a cert is valid for a given cert usage, it must have the the cert type and key usage
required for that cert usage, and all the ca certs in the cert chain must have the cert type and key usage
required for ca certs for that cert usage.
... there are 8 key usages: cert_sign crl_sign data_encipherment digital_signature govt_approved key_agreement key_encipherment non_repudiation there are 9 cert types: email email_ca object_signing object_signing_ca ssl_ca ssl_client ssl_server status_responder time_stamp for the cert being checked, the requirements are: cert usage requried key usage
required cert type -------------------- -------------------- ----------------------- sslclient: digital_signature; ssl_client; sslserver: key_agreement or key_encipherment; ssl_server; sslserverwithstepup: govt_approved and ssl_server key_agreement or key_encipherment sslca: cert_sign; ssl_ca; emailsigner: digital_signature; email; emailrecipient: key_agreement or key_encipherment; email; ob...
...And 3 more matches
NSS tools : certutil
-b validity-time specify a time at which a certificate is
required to be valid.
...giving a key type generates a new key pair; giving the id of an existing key reuses that key pair (which is
required to renew certificates).
...the path to the directory (-d) is
required.
...And 3 more matches
certutil
-b validity-time specify a time at which a certificate is
required to be valid.
...giving a key type generates a new key pair; giving the id of an existing key reuses that key pair (which is
required to renew certificates).
...the path to the directory (-d) is
required.
...And 3 more matches
Index
5 bundling multiple binary components binary xpcom components are sometimes
required to implement low-level features for extensions.
... 104 creating the component code xpcom this chapter goes over the basic code
required to handle the relationship between your component and xpcom.
...clients requiring dynamic "binding" of clsids will be
required to use some higher-level services (tbd) to figure out the clsids they should use.
...And 3 more matches
ARIA Test Cases - Accessibility
widget test cases alert simple alert complex alert real alert example with aria-
required and aria-invalid -- type in a email address without an at sign to test the alert expected at behavior: a screen reader or screen magnifier must speak an alert when it becomes visible.
... n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - checkbox simple checkbox testcases: set aria-checked="false" for unchecked both remove or set attribute for unchecked case -- also includes an invalid and
required checkbox hierarchical (newly added test not in test results yet) dojo nightly build expected at behavior: screen reader should speak the accessible name followed by both the type being checkbox and the state (checked, unchecked).
... markup used: role="img" notes: if the screen reader does not provide the
required behavior, then most likely it is a browser issue, for not respecting "children presentational: true" for that role.
...And 3 more matches
Video player styling basics - Developer guides
lor:#666; } the video controls container itself also needs some styling so that it is set up the correct way: .controls { width:100%; height:8.0971659919028340080971659919028%; /* of figure's height */ position:relative; } the height of the .controls class is set to be (a very precise!) percentage of the enclosing <figure> element (this was worked out with experimentation based on the
required button height).
... its position is also specifically set to relative, which is
required for its responsiveness (more on that later).
...o be set for all elements within the video controls: .controls > * { float:left; width:3.90625%; height:100%; margin-left:0.1953125%; display:block; } .controls > *:first-child { margin-left:0; } all elements are floated left, as they are to be aligned next to one another, and each element is set to have a width of nearly 4% (again the actual value was calculated based on the
required dimensions of the buttons), and a height of 100%.
...And 3 more matches
<input type="tel"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
... making telephone numbers
required you can make it so that an empty input is invalid and won't be submitted to the server using the
required attribute.
... for example, let's use this html: <form> <div> <label for="telno">enter a telephone number (
required): </label> <input id="telno" name="telno" type="tel"
required> <span class="validity"></span> </div> <div> <button>submit</button> </div> </form> and let's include the following css to highlight valid entries with a checkmark and invalid entries with a cross: div { margin-bottom: 10px; position: relative; } input[type="number"] { width: 100px; } input + span { padding-right: 30px; } input:invalid+span:after { position: absolute; content: '✖'; padding-left: 5px; color: #8b0000; } input:valid+span:after { position: absolute; content: '✓'; padding-left: 5px; color: #009000; } the output looks like this: pattern validation if you want to fu...
...And 3 more matches
<input type="text"> - HTML: Hypertext Markup Language
events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly,
required and size idl attributes list, value methods select(), setrangetext() and setselectionrange().
... note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
... making input
required you can use the
required attribute as an easy way of making entering a value
required before form submission is allowed: <form> <div> <label for="uname">choose a username: </label> <input type="text" id="uname" name="name"
required> <span class="validity"></span> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; position: relative; } input ...
...And 3 more matches
<input type="time"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
...be prepared for this situation to arise: const input = document.createelement('input'); input.type = 'time'; input.min = '23:00'; input.max = '01:00'; input.value = '23:59'; if (input.validity.valid && input.type === 'time') { // <input type=time> reversed range supported } else { // <input type=time> reversed range unsupported } making times
required in addition, you can use the
required attribute to make filling in the time mandatory.
... let's look at an example; here we've set minimum and maximum times, and also made the field
required: <form> <div> <label for="appt-time">choose an appointment time (opening hours 12:00 to 18:00): </label> <input id="appt-time" type="time" name="appt-time" min="12:00" max="18:00"
required> <span class="validity"></span> </div> <div> <input type="submit" value="submit form"> </div> </form> if you try to submit the form with an incomplete time (or with a time outside the set bounds), the browser displays an error.
...And 3 more matches
<textarea> - HTML: Hypertext Markup Language
the <textarea> element also accepts several attributes common to form <input>s, such as autocomplete, autofocus, disabled, placeholder, readonly, and
required.
... minlength the minimum number of characters (utf-16 code units)
required that the user should enter.
...
required this attribute specifies that the user must fill in a value before submitting a form.
...And 3 more matches
XUL Application Packaging - Archive of obsolete content
required name example: name=testapplication version specifies the application version number.
...
required see toolkit version format for version numbering details example: version=0.1 buildid specifies a unique build identifier.
...
required example: buildid=20060201 id specifies the unique application id
required the application id, like extension ids, can be formatted either like an email applicationname@vendor.tld or a uuid {12345678-1234-1234-1234-123456789abc}.
...And 2 more matches
CSS property compatibility table for form controls - Learn web development
therefore, it's
required to use -webkit-appearance:none to be able to apply this property to search fields.
...therefore, it's
required to use -webkit-appearance:none to be able to apply this property to search fields.
...therefore, it's
required to use -webkit-appearance:none to be able to apply this property to search fields.
...And 2 more matches
Using XPCOM Utilities to Make Things Easier
the module macros include one set of macros that define the exported nsgetmodule entry point, the
required nsimodule implementation code and another that creates a generic factory for your implementation class.
...the four
required parts[other-parts] of the structure contain the following information: a human readable class name the class id (cid) the contract id (an optional but recommended argument) a constructor for the given object static const nsmodulecomponentinfo components[] = { { "pretty class name", cid, contract_id, constructor }, // ...
... these three entries constitute the
required parameters for the registerfactorylocation method we looked at in the prior chapter.
...And 2 more matches
xptcall FAQ
porting this code is
required in order to make mozilla run on any given platform.
... both of these facilities are
required by xpconnect.
... the xptcall approach was chosen over an approach that would have
required generating stub code for calling and implementing all interfaces.
...And 2 more matches
Using IndexedDB - Web APIs
version changes while a web app is open in another tab when your web app changes in such a way that a version change is
required for your database, you need to consider what happens if the user has the old version of your app open in one tab and then loads the new version of your app in another.
...achieving proper international sorting therefore
required the entire dataset to be called into memory, and sorting to be performed by client-side javascript, which is not very efficient.
...ibs/jquery/1.8.3/jquery.min.js"></script> <h1>indexeddb demo: storing blobs, e-publication example</h1> <div class="note"> <p> works and tested with: </p> <div id="compat"> </div> </div> <div id="msg"> </div> <form id="register-form"> <table> <tbody> <tr> <td> <label for="pub-title" class="
required"> title: </label> </td> <td> <input type="text" id="pub-title" name="pub-title" /> </td> </tr> <tr> <td> <label for="pub-biblioid" class="
required"> bibliographic id:<br/> <span class="note">(isbn, issn, etc.)</span> </label> ...
...And 2 more matches
Signaling and video calling - Web APIs
as the existing code allows the sending of arbitrary message types, no additional changes are
required.
... if an error occurs while trying to get the local media stream, our catch clause calls handlegetusermediaerror(), which displays an appropriate error to the user as
required.
... the first three of these event handlers are
required; you have to handle them to do anything involving streamed media with webrtc.
...And 2 more matches
Using the aria-invalid attribute - Accessibility
aria-invalid can also be used to indicate that a
required field has not been filled in.the attribute should be programmatically set as a result of a validation process.
...note that since the default value for aria-
required is false, it is not strictly necessary to add the attribute to input.
... <input name="name" id="name" aria-
required="true" aria-invalid="false" onblur="checkvalidity('name', ' ', 'invalid name entered (requires both first and last name)');"/> <br /> <input name="email" id="email" aria-
required="true" aria-invalid="false" onblur="checkvalidity('email', '@', 'invalid e-mail address');"/> note that it is not necessary to validate the fields immediately on blur; the application could wait until the form is submitted (though this is not necessarily recommended).
...And 2 more matches
Basic form hints - Accessibility
required and invalid fields note: now that
required is available to more than 97% of users globally, it is no longer recommended that you use both
required and aria-
required.
... web developers typically use presentational strategies to indicate
required or invalid fields.
...aria provides attributes for indicating that form controls are
required or invalid: the aria-
required property can be applied to a form element, to indicate to an at that it is
required to complete the form.
...And 2 more matches
Alerts - Accessibility
the form first, please read about the aria-
required technique if you have not done so, as this technique expands upon that.
... here is a simple form: <form method="post" action="post.php"> <fieldset> <legend>please enter your contact details</legend> <label for="name">your name (
required):</label> <input name="name" id="name" aria-
required="true"/> <br /> <label for="email">e-mail address (
required):</label> <input name="email" id="email" aria-
required="true"/> <br /> <label for="website">website (optional):</label> <input name="website" id="website"/> </fieldset> <label for="message">please enter your message (
required):</label> <br /> <textarea name="message" id="message" rows="5" cols="80" aria-
required="true"></textarea> <br /> <input type="submit" name="submit" value="send message"/> <input type="reset" name="reset" value="reset for...
...we need to change the two inputs for e-mail and name for this: <input name="name" id="name" aria-
required="true" onblur="checkvalidity('name', ' ', 'invalid name entered!');"/> <br /> <input name="email" id="email" aria-
required="true" onblur="checkvalidity('email', '@', 'invalid e-mail address');"/> testing the example if you use firefox 3 and a currently-supported screen reader, try the following: enter only your first name as the name.
...And 2 more matches
Understandable - Accessibility
3.1.4 abbreviations (aaa) where abbreviations are used, you should provide an expansion of them, or a definition as
required.
... guideline 3.3 — input assistance: help users avoid and correct mistakes this guideline centers around helping users enter correct information when
required with the minimum of mistakes.
... 3.3.2 labels or instructions (a) clear instructions should be provided when data input is
required.
...And 2 more matches
:optional - CSS: Cascading Style Sheets
the :optional css pseudo-class represents any <input>, <select>, or <textarea> element that does not have the
required attribute set on it.
... /* selects any optional <input> */ input:optional { border: 1px dashed black; } this pseudo-class is useful for styling fields that are not
required to submit a form.
... note: the :
required pseudo-class selects
required form fields.
...And 2 more matches
Creating a cross-browser video player - Developer guides
the player controls themselves won't be styled beyond the basics
required to get them working; full styling of the player will be taken care of in a future article.
... setup before dealing with the individual buttons, a number of initialisation calls are
required.
...a number of variables pointing to html elements are
required: var videocontainer = document.getelementbyid('videocontainer'); var video = document.getelementbyid('video'); var videocontrols = document.getelementbyid('video-controls'); as mentioned earlier, the browser's default controls now need to be disabled, and the custom controls need to be displayed: // hide the default controls video.controls = false; // display the user defined video controls ...
...And 2 more matches
<input type="search"> - HTML: Hypertext Markup Language
events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder,
required, size.
... note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
... making input
required you can use the
required attribute as an easy way of making entering a value
required before form submission is allowed: <form> <div> <input type="search" id="mysearch" name="q" placeholder="search the site..."
required> <button>search</button> <span class="validity"></span> </div> </form> input { margin-right: 10px; } input:invalid ~ span:after { content: '✖'; ...
...And 2 more matches
passwords - Archive of obsolete content
so: if a web server at http://www.example.com requested authentication with a response code like this: http/1.0 401 authorization
required server: apache/1.3.27 www-authenticate: basic realm="exampleco login" the corresponding values for the credential (excluding username and password) should be: url: "http://www.example.com" realm: "exampleco login" oncomplete and onerror this api is explicitly asynchronous, so all its functions take two callback functions as additional options: oncomplete and onerror.
...the url property, initialized from self.uri: function show_my_addon_passwords() { require("sdk/passwords").search({ url: require("sdk/self").uri, oncomplete: function oncomplete(credentials) { credentials.foreach(function(credential) { console.log(credential.username); console.log(credential.password); }); } }); } parameters options : object
required options: name type oncomplete function the callback function that is called once the function completes successfully.
... parameters options : object
required options: name type username string the username for the credential.
... }) }); to change an existing credential just call store after remove succeeds: require("sdk/passwords").remove({ realm: "user registration", username: "joe", password: "secret123" oncomplete: function oncomplete() { require("sdk/passwords").store({ realm: "user registration", username: "joe", password: "{new password}" }) } }); parameters options : object
required options: name type username string the username for the credential.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
these conditions will vary from one license to the next, but the open source definition stipulates the following minimum conditions: the integrity of the author’s source code must be preserved; no discrimination may be made against individuals or organizations; no discrimination may be made based on field of endeavor; no additional licensing can be
required when redistributing; license must not be specific to a product; license must not interfere with other software.
...the “no additional licensing can be
required when redistributing” rule means that you cannot prohibit the software’s use from anyone who does not buy a separate license.
... copyleft is not
required a common misconception regarding open source is that any modification made to open-source code must also be released as open source.
... oss license can duplicate can distribute can modify commercial license install on one machine only unauthorized copies prohibited no modifications payment
required certain uses are permitted depending on which license you choose english version is the official text nearly all oss licenses take english as their official texts.
Updating addons broken by private browsing changes - Archive of obsolete content
moziasyncfavicons/nsifaviconservice: setandfetchfaviconforpage/setandloadfaviconforpage now take a
required privacy status argument, either nsifaviconservice.favicon_load_private or nsifaviconservice.favicon_load_non_private.
... nsicontentprefservice: getpref, setpref, haspref, hascachedpref, removepref, removegroupedprefs, removeprefsbyname, getprefs, and getprefsbyname all take a
required nsiloadcontext argument to indicate the privacy status of the pref in question.
... internalsave: takes a new
required document argument (prior to the optional boolean and string arguments) indicating the document that originated the save action.
... saveurl: takes a new
required document argument indicating the source of the url being saved.
Learn XPI Installer Scripting by Example - Archive of obsolete content
// this function verifies disk space in kilobytes function verifydiskspace(dirpath, space
required) { var spaceavailable; // get the available disk space on the given path spaceavailable = filegetdiskspaceavailable(dirpath); // convert the available disk space into kilobytes spaceavailable = parseint(spaceavailable / 1024); // do the verification if(spaceavailable < space
required) { logcomment("insufficient disk space: " + dirpath); logcomment("
required ...
...: " + space
required + " k"); logcomment(" available: " + spaceavailable + " k"); return(false); } return(true); } in the verifydiskspace block, filegetdiskspaceavailable is called with dirpath as its expected input.
... this input is defined in line 22, where getfolder() is used to assign a value to the communicatorfolder variable representing the "program" folder on the local system: var communicatorfolder = getfolder("program"); spaceavailable = filegetdiskspaceavailable(dirpath); space
required, the other expected input to the verifydiskspace function, is given as 17311 kilobytes on line 19.
... inside the function, the two sizes are compared and if the available space is larger than the
required space, the installation proceeds.
The Joy of XUL - Archive of obsolete content
this poses a significant problem in team environments because the skills
required to develop these two parts are often satisfied by different people.
...the ui for the xul application
required zero porting effort because it worked with almost no alteration on both new platforms.
...however, since the libical library is written in c, more significant effort was
required to migrate this component to the other platforms.
...developers who are equipped with the software and knowledge
required to compile mozilla can set an optional environment variable and build the calendar themselves.
Tips for authoring fast-loading HTML pages - Learn web development
minimize the number of files reducing the number of files referenced in a web page lowers the number of http connections
required to download a page, thereby reducing the time for these requests to be sent, and for their responses to be received.
... more information: http conditional get for rss hackers http 304: not modified http etag on wikipedia caching in http optimally order the components of the page download page content first, along with any css or javascript that may be
required for its initial display, so that the user gets the quickest apparent response during the page loading.
... css files
required for page appearance.
... javascript files for functions
required during the loading of the page, but not any interaction related javascript that can only run after page loads.
Package management basics - Learn web development
you can prove this by looking in our package.json file again — you'll see that the dependencies field have been updated for us: "dependencies": { "date-fns": "^2.12.0", "parcel-bundler": "^1.12.4" } parcel has also added the files
required for someone else to pick up this project and install any dependencies that we’ve used.
... in the case of parcel (prior to parcel version 2), there's a special flag
required — --experimental-scope-hoisting — which will tree shake while building.
...it differs in that it uses a different method for downloading and storing the packages on your computer, aiming to reduce the overall disk space
required.
... note: the npm package manager is not
required to install packages from the npm registry, even though they share the same name.
Updating NSPR or NSS in mozilla-central
(because some developers might not be aware that nspr/nss are separately maintained and released, the mozilla hg server rejects accidental changes/forking, if the
required keywords are missing in the commit comment.) if nspr or nss must be upgraded to a new static tag, follow this procedure: before starting, make sure your local repository is updated to mozilla-central tip and that there are no local changes: $ hg status -mard pull the new sources $ python client.py update_nspr nspr_tag_name or $ python client.py update_nss nss_tag_name if you u...
...if merging is
required, update the patch file.
... check for new or removed files $ hg addremove -n review the output to make sure it looks correct update the minimum
required system nss version in old-configure.in.
... in your commit message, include the
required keywords, upgrade_nspr_release and/or upgrade_nss_release.
API-provided widgets
properties property description id the id of the widget (
required).
... viewid only useful for views (and
required there): the id of the that should be shown when clicking the widget.
... overflows whether widget can overflow when in an overflowable toolbar (optional, default: true) defaultarea default area to add the widget to (optional, default: none;
required if non-removable) shortcutid id of an element that has a shortcut for this widget (optional, default: null).
... showinprivatebrowsing whether to show the widget in private browsing mode (optional, default: true) event handlers you can also define several event handlers which will be called at various stages in a widget's lifetime: event handler name description onbuild(adoc) only useful for custom widgets (and
required there); a function that will be invoked with the document in which to build a widget.
PKCS11 FAQ
if multiple pkcs #11 modules are loaded, how does nss determine which ones to use for the mechanisms
required by ssl?
... nss uses the first slot it finds that can perform all the
required operations.
... if i have a multipurpose token that supports all
required pkcs #11 functions and provides rsa_pkcs and dsa mechanisms but but not aes, des or rc4, will nss use the token for the rsa_pkcs mechanisms and the nss internal pkcs #11 module for aes, des or rc4 when making an ssl connection?
...(it goes to sso mode only if your token identifies itself as ckf_login_
required, but not ckf_user_initialized).
sslerr.html
ssl_error_token_insertion_removal -12205 "pkcs #11 token was inserted or removed while operation was in progress." a cryptographic operation
required to complete the handshake failed because the token that was performing it was removed while the handshake was underway.
... ssl_error_token_slot_not_found -12204 "no pkcs#11 token could be found to do a
required operation." a cryptographic operation
required a pkcs#11 token with specific abilities, and no token could be found in any slot, including the "soft token" in the internal virtual slot, that could do the job.
...(certain of these error codes have more specific meanings, as described.) ssl_error_generate_random_failure -12223 "ssl experienced a failure of its random number generator." ssl_error_sign_hashes_failure -12222 "unable to digitally sign data
required to verify your certificate." ssl_error_extract_public_key_failure -12221 "ssl was unable to extract the public key from the peer's certificate." ssl_error_server_key_exchange_failure -12220 "unspecified failure while processing ssl server key exchange handshake." ssl_error_client_key_exchange_failure -12219 "unspecified failure while processing ssl cli...
... sec_error_bad_export_algorithm -8117
required algorithm is not allowed.
TPS History Lists
the history list used for operations other than delete has the following properties: uri:
required.
...visits:
required.
... an array of objects representing visits to the page, each object has the following properties: type:
required.
...date:
required.
Animated PNG graphics
exactly one 'fctl' chunk is
required for each frame.
... frame timings should be independent of the time
required for decoding and display of each frame, so that animations will run at the same rate regardless of the performance of the decoder implementation.
... at least one 'fdat' chunk is
required for each frame.
...nd adat from 0.6 the fdat chunk is no longer a container for other chunks, but rather a replacement for an idat chunk removed the fend chunk added a sequence number field to fdat reintroduced the width and height fields in fctl from 0.7 removed hidden flag, instead only the first frame can be hidden and it is signaled with a missing fctl idat, fctl and fdat are no longer
required to have no other chunks in between them from 0.8 removed crcs for ihdr and plte from actl the actl fctl and adat are now not copy safe, renamed them to actl, fctl and adat from 0.9 split render_op into dispose_op and blend_op from 0.10 no changes test encoder and sample images sample images are available from the apng implementation page at http://littlesvr.ca/apng/ an enco...
How to build an XPCOM component in JavaScript
for code outside the tree note: on windows if you download the gecko sdk without the whole build tree, you will be missing some
required dlls for xpidl.exe and it will run with no errors but not do anything.
...ls can set it up properly: /*********************************************************** class definition ***********************************************************/ //class constructor function helloworld() { // if you only need to access your component from javascript, uncomment the following line: //this.wrappedjsobject = this; } // class definition helloworld.prototype = { // properties
required for xpcom registration: classdescription: "my hello world javascript xpcom component", classid: components.id("{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}"), contractid: "@dietrich.ganx4.com/helloworld;1", // [optional] custom factory (an object implementing nsifactory).
...using the generateqi helper (remove argument if skipped steps above) queryinterface: xpcomutils.generateqi([components.interfaces.nsihelloworld]), // optional, but
required if you want your component to be exposed to dom classinfo: xpcomutils.generateci({classid: components.id("{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}"), contractid: "@dietrich.ganx4.com/helloworld;1", interfaces: [ci.nsihelloworld], flags: ci.nsiclassinfo.dom_object}), // ...component imple...
...oworld]; if ("generatensgetfactory" in xpcomutils) var nsgetfactory = xpcomutils.generatensgetfactory(components); // firefox 4.0 and higher else var nsgetmodule = xpcomutils.generatensgetmodule(components); // firefox 3.x note: starting with firefox 4.0 you will need to declare your component in chrome.manifest; classdescription and contractid properties on the other hand are no longer
required.
Mozilla internal string guide
the string classes distinguish, as part of the type hierarchy, between strings that must have a null-terminator at the end of their buffer (ns[c]string) and strings that are not
required to have a null-terminator (nsa[c]string).
...it is often necessary to insert literal string values when an nsastring or nsacstring is
required.
... in cases where a raw-character buffer is
required, string and wstring provide faster access than promiseflatstring.
... utf-16 strings defined with wstring or astring are fast when the unicode value is
required.
Mailnews and Mail code review requirements
all patches that affect user experience or interfaces on thunderbird should have ui-review on those patches in addition to the reviews
required below.
... super-review is
required in certain situations: significant architectural refactoring, any change to any api, all changes that affect how code modules interact.
... unit test rules patches are
required to include automated tests which are run during make check or via mozmill in thunderbird, but submitters are encouraged to request exceptions from reviewers in cases where the cost is believed to outweigh the benefit.
... a bug is still
required, even if it is immediately marked fixed.
CredentialsContainer.create() - Web APIs
tbd id: (
required) usvstring inherited from credentialdata.
... name: optional usvstring tbd iconurl: optional usvstring tbd password: (
required) usvstring tbd federated: optional an federatedcredentialinit object.
...the available options are: id: (
required) usvstring inherited from credentialdata.
... name: optional usvstring tbd iconurl: optional usvstring tbd provider: (
required) usvstring tbd protocol: optional usvstring tbd publickey: optional an publickeycredentialcreationoptions object that describes the options for creating a webauthn credential.
MediaDevices.getUserMedia() - Web APIs
note: it's possible for the returned promise to neither resolve nor reject, as the user is not
required to make a choice at all and may simply ignore the request.
... the following requests both audio and video without any specific requirements: { audio: true, video: true } if true is specified for a media type, the resulting stream is
required to have that type of track in it.
... in addition, user permission is always
required to access the user's audio and video inputs.
...browsers are
required to display an indicator that shows that a camera or microphone is in use, above and beyond any hardware indicator that may exist.
Using bounded reference spaces - Web APIs
this diagram defines the boundaries of room with the origin in the center, as
required, and a set of 12 points representing the vertices of the available physical space.
...as this suggests, the safe area is not
required to be convex, but may have any number of indentations or extrusions, as long as it's a contiguous shape, note that the coordinates of the origin here, (0, 0), are indicative of the fact that the boundaries are defined at floor level and are essentially a 2d shape on the floor, like an invisible fence used to keep pets from getting away from home.
...since not all hardware supports bounded reference spaces, you should made sure to support bounded reference spaces as an option rather than as a
required feature unless you have special knowledge of the environment in which your code will run.
... you can create a session that supports a bounded-floor reference space if available by using code such as the following: async function onactivatexrbutton(event) { if (!xrsession) { navgator.xr.requestsession("immersive-vr"), {
requiredfeatures: ["local-floor"], optionalfeatures: ["bounded-floor"] }).then((session) => { xrsession = session; startsessionanimation(); }); } } this function, called when the user clicks on a button to start the xr experience, works as usual, exiting at once if a session is already in place, then requesting a new session using immersive-vr mode.
Starting up and shutting down a WebXR session - Web APIs
const immersiveok = await navigator.xr.issessionsupported("immersive-vr"); if (immersiveok) { // create and use an immersive vr session } else { // create an inline session instead, or tell the user about the // incompatibility if inline is
required } creating and starting the session a webxr session is represented by an xrsession object.
...you can specify either
required or optional reference spaces in order to obtain a session compatible with the reference spaces you need or prefer to use.
... for example, if you need an unbounded reference space, you can specify that as a
required feature in order to ensure that the session you get can use unbounded spaces: async function createimmersivesession(xr) { try { session = await xr.requestsession("immersive-vr", {
requiredfeatures: [ "unbounded" ] }); return session; } catch(error) { throw error; } } on the other hand, if you need aninline session and would prefer a local reference space, you can do this: async function createinlinesession(xr) { try { session = await xr.requestsession("inline", { optionalfeatures: [ "local" ] }); return session; } catch(error) { throw error; } } this createinlinesession() function will try to create an inline session that's compatible with the lo...
...when you're ready to create your reference space, you can try for a local space, and if that fails, fall back to a viewer reference space, which all devices are
required to support.
Web Authentication API - Web APIs
this proves to the server that a user is in possession of the private key
required for authentication without revealing any secrets over the network.
...this is a simplification of the data
required for the registration process that is only intended to provide an overview.
... the full set of
required fields, optional fields, and their meanings for creating a registration request can be found in the publickeycredentialcreationoptions dictionary.
... server validates and finalizes registration - finally, the server is
required to perform a series of checks to ensure that the registration was complete and not tampered with.
XRSessionInit - Web APIs
the webxr device api dictionary xrsessioninit specifies
required and/or optional features when requesting a new xrsession by calling the navigator.xr.requestsession() method.
...
requiredfeatures optional an array of values which the returned xrsession must support.
... because immersive sessions are
required to support the local reference space, any request to open an immersive xrsession is
required to obtain explicit or implicit user consent.
...by session type, those are: reference space type user consent rquirement feature policy requirement bounded-floor always
required xr-spatial-tracking local always
required for inline sessions xr-spatial-tracking local-floor always
required xr-spatial-tracking unbounded always
required xr-spatial-tracking viewer always
required — ...
ARIA: switch role - Accessibility
="button" role="switch" aria-checked="true" id="speakerpower" class="switch"> <span>off</span> <span>on</span> </button> <label for="speakerpower" class="switch">speaker power</label> description the aria switch role is identical to the checkbox role, except instead of being "checked" or "unchecked", it is either "on" and "off." like the checkbox role, the aria-checked attribute is
required.
...the developer is
required to change the value of the aria-checked attribute dynamically when the switch is toggled.
... associated aria roles, states, and properties aria-checked attribute the aria-checked attribute is
required when using the switch role, as it represents the current state of the widget that the switch role is applied to.
...
required javascript features handler for click events when the user clicks on the switch widget, a click event is fired, which must be handled in order to change the state of the widget.
ARIA: textbox role - Accessibility
input field --> <div id="txtboxlabel">enter your five-digit zipcode</div> <div role="textbox" contenteditable="true" aria-placeholder="5-digit zipcode" aria-labelledby="txtboxlabel"></div> <!-- multi-line text area --> <div id="txtboxmultilinelabel">enter the tags for the article</div> <div role="textbox" contenteditable="true" aria-multiline="true" aria-labelledby="txtboxmultilinelabel" aria-
required="true"></div> semantic elements are more concise and require no javascript to support textbox features.
... <label for="txtbox">enter your five-digit zipcode</label> <input type="text" placeholder="5-digit zipcode" id="txtbox"/> <!-- multi-line text area --> <label for="txtboxmultiline">enter the tags for the article</label> <textarea id="txtboxmultiline"
required></textarea> where a text field is read-only, indicated this by setting aria-readonly="true" on the element.
... aria-
required attribute indicates that a value must be provided for the field before it is submitted.
... instead of using aria-
required, use the semantic <input type="text"> or <textarea> with a
required attribute.
:valid - CSS: Cascading Style Sheets
syntax :valid examples indicating valid and invalid form fields in this example, we use structures like this, which include extra <span>s to generate content on; we'll use these to provide indicators of valid/invalid data: <div> <label for="fname">first name *: </label> <input id="fname" name="fname" type="text"
required> <span></span> </div> to provide these indicators, we use the following css: input + span { position: relative; } input + span::before { position: absolute; right: -20px; top: 5px; } input:invalid { border: 2px solid red; } input:invalid + span::before { content: '✖'; color: red; } input:valid + span::before { content: '✓'; color: green; } we set the <span>s to posi...
... note: we've used ::before to add these labels, as we were already using ::after for the "
required" labels.
... you can try it below: notice how the
required text inputs are invalid when empty, but valid when they have something filled in.
... the email input on the other hand is valid when empty, as it is not
required, but invalid when it contains something that is not a proper email address.
HTML attribute: multiple - HTML: Hypertext Markup Language
when multiple is set on the email input type, the user can inlclude zero (if not also
required), one or more comma-separated email addresses.
... examples email input <label for="emails">who do you want to email?</label> <input type="email" multiple name="emails" id="emails" list="drawfemails"
required size="64"> <datalist id="drawfemails"> <option value="grumpy@woodworkers.com">grumpy</option> <option value="happy@woodworkers.com">happy</option> <option value="sleepy@woodworkers.com">sleepy</option> <option value="bashful@woodworkers.com">bashful</option> <option value="sneezy@woodworkers.com">sneezy</option> <option value="dopey@woodworkers.com">dopey</option> <option value="do...
...if the
required attribute is present, at least one email address is
required.
...indicate any
required and optional input, data formats, and other relevant information.
<input type="datetime-local"> - HTML: Hypertext Markup Language
for example: <input type="hidden" id="timezone" name="timezone" value="-08:00"> on the other hand, if you were
required to allow the user to enter a timezone along with a date/time input, you could provide a means of inputting a timezone, such as a <select> element: <select name="timezone_offset" id="timezone-offset" class="span5"> <option value="-12:00">(gmt -12:00) eniwetok, kwajalein</option> <option value="-11:00">(gmt -11:00) midway island, samoa</option> <option value="-10:00">(gmt -10:00) hawai...
... you can use min and max to restrict the available dates (see setting maximum and minimum dates), and you can use the
required attribute to make filling in the date/time mandatory.
... let's look at an example; here we've set minimum and maximum date/time values, and also made the field
required: <form> <div> <label for="party">choose your preferred party date and time (
required, june 1st 8.30am to june 30th 4.30pm):</label> <input id="party" type="datetime-local" name="partydate" min="2017-06-01t08:30" max="2017-06-30t16:30"
required> <span class="validity"></span> </div> <div> <input type="submit" value="book party!"> </div> </form> if you try to submit the form with an incomplete date (or with a date outside the set bounds), the browser displays an error.
...for example, try viewing the following demo in a non-supporting browser: <form> <div> <label for="party">choose your preferred party date and time (
required, june 1st 8.30am to june 30th 4.30pm):</label> <input id="party" type="datetime-local" name="partydate" min="2017-06-01t08:30" max="2017-06-30t16:30" pattern="[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...
<input type="month"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
... to help avoid this, you can use min and max to restrict the available dates (see setting maximum and minimum dates), and in addition use the
required attribute to make filling in the date mandatory.
... let's look at an example; here we've set minimum and maximum dates, and also made the field
required: <form> <div> <label for="month">what month would you like to visit us (summer months only, please)?</label> <input id="month" type="month" name="month" min="2017-06" max="2017-09"
required> <span class="validity"></span> </div> <div> <input type="submit" value="submit form"> </div> </form> if you try to submit the form without both the month and year specified (or with a date outside the set bounds), the browser displays an error.
...(summer months only, yyyy-mm)</label> <input id="month" type="month" name="month" min="2017-06" max="2017-09"
required pattern="[0-9]{4}-[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 the browser now displays an error message (and highlights the input as invalid) if your entry doesn't match the pattern nnnn-nn, where n is a number from 0 to 9.
<input type="week"> - HTML: Hypertext Markup Language
note: because a read-only field cannot have a value,
required does not have any effect on inputs with the readonly attribute also specified.
... making week values
required in addition you can use the
required attribute to make filling in the week mandatory.
... let's look at an example; here we've set minimum and maximum weeks, and also made the field
required: <form> <div> <label for="week">what week would you like to start?</label> <input id="week" type="week" name="week" min="2017-w01" max="2017-w52"
required> <span class="validity"></span> </div> <div> <input type="submit" value="submit form"> </div> </form> if you try to submit the form with no value, the browser displays an error.
... the html looks like so: <form> <div class="nativeweekpicker"> <label for="week">what week would you like to start?</label> <input id="week" type="week" name="week" min="2017-w01" max="2018-w52"
required> <span class="validity"></span> </div> <p class="fallbacklabel">what week would you like to start?</p> <div class="fallbackweekpicker"> <div> <span> <label for="week">week:</label> <select id="fallbackweek" name="week"> </select> </span> <span> <label for="year">year:</label> <select id="year" name="year"> <option v...
HTML documentation index - HTML: Hypertext Markup Language
46 html attribute: readonly attribute, attributes, constraint validation, forms,
required the boolean readonly attribute, when present, makes the element not mutable, meaning the user can not edit the control.
... 48 html attribute:
required attribute, attributes, constraint validation, forms,
required the boolean
required attribute 49 html attribute: size attribute, html, input, reference, select the size attribute defines the width of the <input> and the height of the <select> element.
... 52 disabled attribute, attributes, constraint validation, forms,
required the boolean disabled attribute, when present, makes the element not mutable, focusable, or even submitted with the form.
... 119 <input type="button"> element, forms, html, html forms, input, input element, input type, reference, button <input> elements of type button are rendered as simple push buttons, which can be programmed to control custom functionality anywhere on a webpage as
required when assigned an event handler function (typically for the click event).
Image file type and format guide - Web media technologies
chrome, edge, firefox, internet explorer, opera, safari png portable network graphics image/png .png chrome, edge, firefox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons
required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including which versions introduced support and specific special features that may have been introduced later.
...however, software reading tiff files is only
required to support the first image.
... licensing no license
required (aside from any associated with libraries you might use); all known patents have expired.
... licensing no license
required; source code is openly available.
SVG documentation index - SVG: Scalable Vector Graphics
70 externalresources
required deprecated, needsexample, svg, svg attribute the externalresources
required 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.
... 177
requiredfeatures svg, svg attribute the
requiredfeatures attribute takes a list of feature strings, with the individual strings separated by white space.
... 308 <discard> element, needsexample, reference, svg, svg animation the <discard> svg element allows authors to specify the time at which particular elements are to be discarded, thereby reducing the resources
required by an svg user agent.
... 369 <switch> element, needsexample, svg, svg container the <switch> svg element evaluates any
requiredfeatures,
requiredextensions and systemlanguage attributes on its direct child elements in order, and then renders the first child where these attributes evaluate to true.
/loader - Archive of obsolete content
it can be loaded as a javascript code module: let { loader, require, unload } = components.utils.import('resource://gre/modules/commonjs/toolkit/loader.js'); it can be
required as a commonjs module from a module loaded in the loader itself: let { loader, require, unload } = require('toolkit/loader'); what is it good for ?
... resolve is assigned a function that takes: the id of the module passed into require() the id of the module that called require() on each require() call, the supplied function is then called with the id of the
required module and that of the requiring module.
...if the function assigned to resolve does not return a string value, an exception will still be thrown as the loader will be unable to resolve the
required module's location.
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
this is not
required for developing extensions, but it is handy to have around.
... extension/ chrome manifest chrome/ #registered in the chrome content package #run with privileges locale package skin package figure 1: chrome packages and chrome registration (fixme: not really explicit and not a figure) cross-package overlays the “overlay” technique introduced in chapter 3
required the use of the xul-overlay instruction in the xul document that is the overlay target.
...oworld │ chrome.manifest │ install.rdf │ └───content clock.js clock.xul overlay.xul table 2: how files are used in phase 1 fixme: make the table cleaner file name role install.rdf called the install manifest, this gives basic information about the extension, and is
required in order for the extension to be installed in firefox..
Signing an XPI - Archive of obsolete content
use this command to create it (note the trailing dot is
required).
... installing real certificate there are two steps
required to install the new certificate in the code signing nss certificate database.
... this procedure assumes you installed the new certificate into mozilla firefox here's the commands
required to export it to a file, import it to the code signing database, and verify the signing attributes (u,u,u).
MMgc - Archive of obsolete content
use of gcroot is
required to have gc pointers from unmanaged memory, since without gcroot, those pointers won't be marked by the mark phase of the gc.
...gcroots are marked at the end of the mark phase, and not incrementally, so no write barriers are
required.
... drc() is
required for rc objects, since the reference count must be maintained.
New Security Model for Web Services - Archive of obsolete content
quite complex settings may be
required to permit the user to allow access to desired external services without risking other resources.
... using a soap header for verification soap messages have a distinct processing model allowing a header to be added that the recipient is
required to understand and accept, which identifies the untrusted source of a script making a request.
... the root element the first element of the file should be the following: <wsa:webscriptaccess xmlns:wsa="http://www.mozilla.org/2002/soap/security"> delegation if the <delegate/> element is present then "web-scripts-access.xml" is
required in the subdirectory for uris which are in a subdirectory.
Install script template - Archive of obsolete content
tion: http://mozilla.org/projects/plugins/plugin-identifier.html **/ // define some global variables var plugin_file = "npmyplugin.dll"; // this plugin consists of an xpt file because it is scriptable // http://mozilla.org/projects/plugins/scripting-plugins.html var component_file = "npmypluginscriptable.xpt"; var plugin_size = 2000; // (dll file) reserve a little extra so it is not
required to update too often var component_size = 10; // (xpi file) reserve a little extra so it is not
required to update too often var software_name="cult3d mozilla viewer"; // plids (http://mozilla.org/projects/plugins/plugin-identifier.html) are coined by vendors.
... * * @param dirpath directory path from getfolder * @param space
required required space in kilobytes * **/ function verifydiskspace(dirpath, space
required) { var spaceavailable; // get the available disk space on the given path spaceavailable = filegetdiskspaceavailable(dirpath); // convert the available disk space into kilobytes spaceavailable = parseint(spaceavailable / 1024); // do the verification if(spaceavailable < space
required) { l...
...ogcomment("insufficient disk space: " + dirpath); logcomment("
required : " + space
required + " k"); logcomment(" available: " + spaceavailable + " k"); return(false); } return(true); } /** * function for writing keys to the win32 system registry.
The Implementation of the Application Object Model - Archive of obsolete content
first of all it could streamline the redundancy in the interface methods and present a new interface for pluggable content that was much smaller and easier to plug into than the 4-5 interfaces
required if directly implementing the content tree interfaces.
...let's consider another
required feature that has heretofore gone unmentioned in this document: the need to take the same set of data and present it as completely different content models.
...the architecture that i have just described, the very architecture that i claim it is most desirable to have in order to implement our
required feature set, is a combination of xul and rdf.
NPAPI plugin reference - Archive of obsolete content
np_port contains information
required by the window field of an npwindow structure.
... npanycallbackstruct contains information
required during embedded mode printing.
... npprintcallbackstruct contains information
required by the platformprint field of the npembedprint structure during embedded mode printing on unix systems.
Introduction to Public-Key Cryptography - Archive of obsolete content
single sign-on network users are frequently
required to remember multiple passwords for the various services they use.
...for example, the number of certificates
required may be too large for a single ca to maintain; different organizational units may have different policy requirements; or it may be important for a ca to be physically located in the same geographic area as the people to whom it is issuing certificates.
...system administrators can store much of the information
required to manage certificates in an ldap-compliant directory.
Building a Theme - Archive of obsolete content
introduction this tutorial will take you through the steps
required to build a very basic theme - one which updates the background color of the toolbars in firefox.
... global to chrome/global mozapps to chrome/mozapps now that you've copied the global and mozapps folders, a handful of other folders from the browser/omni.ja archive are
required.
... see install manifests for a complete listing of the
required and optional properties.
-ms-hyphenate-limit-chars - Archive of obsolete content
if the word does not meet the
required minimum number of characters in the word, before the hyphen, or after the hyphen, then the word is not hyphenated.
... initial valueautoapplies toall elementsinheritedyescomputed valueas specifiedanimation typediscrete syntax values auto corresponds to a value of 5 2 2, indicating a 5-character word limit, 2 characters
required before a hyphenation break, and 2 characters
required following a hyphenation break.
... <integer>{1,3} one to three integer values, corresponding to the word limit, the minimum number of characters
required before a hyphenation break, and the minimum number of characters
required following a hyphenation break, respectively.
XForms Custom Controls - Archive of obsolete content
this is
required for all examples here to run!
... */ boolean isrelevant(); /** * return true if the instance node is
required as determined by the mdg.
... */ boolean is
required(); /** * return true if instance node is valid as determined by the mdg.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
116 doctype browser, codingscripting, doctype, glossary, html, intro in html, the doctype is the
required "<!doctype html>" preamble found at the top of all documents.
... 333 progressive enhancement accessibility, design, glossary progressive enhancement is a design philosophy that provides a baseline of essential content and functionality to as many users as possible, while delivering the best possible experience only to users of the most modern browsers that can run all the
required code.
... 443 syntax codingscripting, glossary, syntax syntax specifies the
required combination and sequence of characters making up correctly structured code.
Web fonts - Learn web development
the syntax
required looks something like this: first of all, you have a @font-face block at the start of the css, which specifies the font file(s) to download: @font-face { font-family: "myfont"; src: url("myfont.woff"); } below this you can then use the font family name specified inside @font-face to apply your custom font to anything you like, as normal: html { font-family: "myfont", "bitstream vera seri...
...we'll show you below how to generate the
required code.
... generating the
required code now you'll need to generate the
required code (and font formats).
Example 1 - Learn web development
basic state html <div class="select"> <span class="value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> css /* --------------- */ /*
required styles */ /* --------------- */ .select { position: relative; display : inline-block; } .select.active, .select:focus { box-shadow: 0 0 3px 1px #227755; outline: none; } .select .optlist { position: absolute; top : 100%; left : 0; } .select .optlist.hidden { max-height: 0; visibility: hidden; } /* ------------ */ /* fancy styles */ /* ------------ */ .select { fon...
...kground: #000; color: #ffffff; } result for basic state active state html <div class="select active"> <span class="value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> css /* --------------- */ /*
required styles */ /* --------------- */ .select { position: relative; display : inline-block; } .select.active, .select:focus { box-shadow: 0 0 3px 1px #227755; outline: none; } .select .optlist { position: absolute; top : 100%; left : 0; } .select .optlist.hidden { max-height: 0; visibility: hidden; } /* ------------ */ /* fancy styles */ /* ------------ */ .select { fon...
...ground: #000; color: #ffffff; } result for active state open state html <div class="select active"> <span class="value">cherry</span> <ul class="optlist"> <li class="option highlight">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> css /* --------------- */ /*
required styles */ /* --------------- */ .select { position: relative; display : inline-block; } .select.active, .select:focus { box-shadow: 0 0 3px 1px #227755; outline: none; } .select .optlist { position: absolute; top : 100%; left : 0; } .select .optlist.hidden { max-height: 0; visibility: hidden; } /* ------------ */ /* fancy styles */ /* ------------ */ .select { fon...
Example - Learn web development
a payment form html content <form method="post"> <h1>payment form</h1> <p>
required fields are followed by <strong><abbr title="
required">*</abbr></strong>.</p> <section> <h2>contact information</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title" value="a"> ace </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title" value="k" > king </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title" value="q"> ...
... queen </label> </li> </ul> </fieldset> <p> <label for="name"> <span>name: </span> <strong><abbr title="
required">*</abbr></strong> </label> <input type="text" id="name" name="username"> </p> <p> <label for="mail"> <span>e-mail: </span> <strong><abbr title="
required">*</abbr></strong> </label> <input type="email" id="mail" name="usermail"> </p> <p> <label for="pwd"> <span>password: </span> <strong><abbr title="
required">*</abbr></strong> </label> <input type="password" id="pwd" name="password"> </p> </section> <section> <h2>payment information</h2> <p> <label for="card"> <span>card type:</span> </label> ...
... <select id="card" name="usercard"> <option value="visa">visa</option> <option value="mc">mastercard</option> <option value="amex">american express</option> </select> </p> <p> <label for="number"> <span>card number:</span> <strong><abbr title="
required">*</abbr></strong> </label> <input type="tel" id="number" name="cardnumber"> </p> <p> <label for="date"> <span>expiration date:</span> <strong><abbr title="
required">*</abbr></strong> <em>formatted as mm/dd/yyyy</em> </label> <input type="date" id="date" name="expiration"> </p> </section> <section> <p> <button type="submit">validate the payment</button> </p> </section> </form> css content h1 { margin-top: 0...
Index - Learn web development
272 advanced svelte: reactivity, lifecycle, accessibility accessibility, beginner, components, frameworks, javascript, learn, lifecycle, svelte, client-side, reactivity in this article we have finished adding all the
required functionality to our app, plus we've taken care of a number of accessibility and usability issues.
... 275 componentizing our svelte app beginner, components, frameworks, javascript, learn, svelte, client-side, conditional rendering, passing data now we have all of our app's
required functionality in place.
... 338 css performance optimization css, performance, reference, tutorial css is render blockingto optimize the cssom construction, remove unnecessary styles, minify, compress and cache it, and split css not
required at page load into additional files to reduce css render blocking.
Client-Server Overview - Learn web development
a method that defines the
required action (for example, to get a file or to save or update some data).
... the web application identifies that the intention of the request is to get the "best team list" based on the url (/best/) and finds out the
required team name and number of players from the url.
... the web application then gets the
required information from the database (using additional "internal" parameters to define which players are "best", and possibly also getting the identity of the logged in coach from a client-side cookie).
Introduction to the server side - Learn web development
the request includes a url identifying the affected resource, a method that defines the
required action (for example to get, delete, or post the resource), and may include additional information encoded in url parameters (the field-value pairs sent via a query string), as post data (data sent by the http post method), or in associated cookies.
...for "dynamic requests" the server interprets the request, reads
required information from the database (3), combines the retrieved data with html templates (4), and sends back a response containing the generated html (5,6).
...the server-side code handles tasks like validating submitted data and requests, using databases to store and retrieve data and sending the correct data to the client as
required.
Introducing a complete toolchain - Learn web development
you will probably want to review this part of the toolchain semi-regularly and consider if there's any upgrades or changes you should introduce, but this shouldn't be
required too often.
... before starting on the development of the actual application code, a little configuration is
required for our tools to work properly.
... parcel will take care of installing any transformation tooling and configuration
required without us needing to intervene (in most cases).
Gecko info for Windows accessibility vendors
to relation, follow that relation otherwise, go to the next item in depth first search order if the current item matches your criteria, then return current_item if the current_item == start_item, return null (no item found) if the end has been reached, go back to the start if wrapping is desired, otherwise return null (no item found) go to step 2 checkable,
required and invalid states are supported gecko defines three state constants using previously unused states: const unsigned long state_checkable = state_marqueed; // useful on menuitem, listitem // and treeitem.
... const unsigned long state_
required = state_alert_low; // used on form controls // to indicate that this field must be filled out to submit the form const unsigned long state_invalid = state_alert_high; // used on form controls to // indicate the the field does not currently have a legal value const unsigned long state_???
...be prepared for new combinations of roles and states in content, such as role_slider, role_progressbar and state_
required.
Software accessibility: Where are we today?
however, any special features are generally handled in the keyboard itself, so that no special programming is
required.
...these companies were often reluctant for various reasons including the large amount of time
required to do so.
...if no special hardware is
required, why should a disabled person pay extra money to use the same software as everyone else?
Creating Sandboxed HTTP Connections
it is usually best to use a javascript wrapper that implements all the
required methods and calls the specified callback function when the connection has completed.
... these methods provide all the
required functionality needed to modify cookies before they are processed/sent, allowing for sandboxed cookie connections that don't affect the user's cookies.
... like before, the nsiioservice is used: var referreruri = ioservice.newuri(referrerurl, null, null); next, the nsichannel is qied to nsihttpchannel and the referrer property is set to the generated nsiuri: var httpchannel = channel.queryinterface(components.interfaces.nsihttpchannel); httpchannel.referrer = referreruri; creating http posts to create an http post, a few additional steps are
required after the nsichannel is created.
Displaying Places information using views
the overlay contains javascript
required by the views.
...placestreeview performs double duty for the built-in tree view: it implements both nsitreeview and much of the functionality
required of a places view.
...take a look at using the tree view above to get an idea of what's
required.
Addon
the interface can represent many different kinds of add-ons and as such, some of the methods and properties are considered "
required" and others "optional," which means that the optional methods or property may not exist on addon instances for some types of add-ons.
... overview of
required methods void iscompatiblewith(in string appversion, in string platformversion) void findupdates(in updatelistener listener, in integer reason, in string appversion, in string platformversion) overview of optional methods void uninstall() void canceluninstall() boolean hasresource(in string path) nsiuri getresourceuri(in string path) void getdatadirectory(in datadirectorycallback callback)
required properties attribute type description appdisabled read only boolean true if this add-on cannot be used in the application based on version compatibility, dependen...
...
required methods iscompatiblewith() tests whether this add-on is known to be compatible with a particular application and platform version.
Sqlite.jsm
this function takes an object defining connection options: path (
required) the database file to open.
... these functions receive the following arguments: sql (
required) string sql statement to execute.
... the trailing semicolon is not
required.
Mozilla Web Developer FAQ
if the table cells that contain only an image are marked with <td class="imgcell">, the
required css rule is: .imgcell img, .imgcell a { display: block; } longer explanation… why are there still gaps even between text rows in tables when the layout engine is in the standards mode or in the almost standards mode?
...however, this particular display method is not
required and some other browsers show the title attribute in the browser status bar, for example.
...since non-validating xml processors are not
required to support externally defined character entities (other than the five pre-defined ones), the use of externally defined character entities (other than the five pre-defined ones) is inherently unsafe in xml documents intended for the web.
NSS Sample Code Sample1
the primary host unwraps the key using the rsa key each time // access to the key is
required, such as at server startup.
...// the secondary host may store the wrapped value that was received // from the primary in a file, and unwrap it each time the key is
required // (such as at server startup).
... // if there is one, no further action is
required.
Index
44 js::getdeflatedutf8stringlength jsapi reference, reference, référence(2), spidermonkey js::getdeflatedutf8stringlength returns the length of the char buffer
required to encode s as utf8.
... 137 jsobjectops.get
requiredslot jsapi reference, obsolete, spidermonkey get and set a
required slot, one that should already have been allocated.
... these operations are infallible, so
required slots must be pre-allocated, or implementations must suppress out-of-memory errors.
nsITextInputProcessor
{ key: "enter", //
required.
... keycode: keyboardevent.dom_vk_return, //
required if printable key, but optional if non-printable key.
... key
required.
Reference Manual
several reasons: it would become inconvenient take the address of an nscomptr in all other situations; the name "getter_addrefs" enforces the notion that a certain behavior is
required of the getter; and once upon a time, there was another possibility (as you're about to learn).
...time [[more time-performance measurements are needed.]] in places where two or more subroutines calls are
required, i.e., of addref, release, and queryinterface, some nscomptr routines are factored, and hence, require additional time corresponding to invoking a subroutine.
...the destructor, which corresponds to client code calling release against a raw xpcom interface pointer, is factored, requiring the extra time
required to invoke a subroutine call, though this is balanced against the cost already present in both cases of calling release which may, in turn, invoke delete and the referents destructor.
Address Book examples
use searchresult as
required.
...this may be blank if not
required.
... the * onsave method is responsible for analyzing the photo of this * type requested by the user, and storing it, as well as the * other fields
required by onload/onshow to retrieve and display * the photo again.
WebIDL bindings
the members that are
required or have default values have types as described under the corresponding webidl type in this document.
... the members that are not
required and don't have default values have those types wrapped in optional<>.
... example interface for a single value iterator: interface longiterable { iterable<long>; getter long(unsigned long index); readonly attribute unsigned long length; }; for single value iterator interfaces, we treat the interface as an indexed getter, as
required by the spec.
Structures - Plugins
structure summary npanycallbackstruct contains information
required during embedded mode printing.
... np_port contains information
required by the window field of an npwindow structure.
... npprintcallbackstruct contains information
required by the platformprint field of the npembedprint during embedded mode printing.
DevTools API - Firefox Developer Tools
tooldefinition a tooldefinition object contains all the
required information for a tool to be shown in the toolbox.
... id string,
required.
... url string,
required.
CredentialsContainer.get() - Web APIs
the options include criteria that the credentials are
required or allowed to have, and options for interacting with the user.
... mediation: a string indicating whether the user will be
required to log on for every visit to the website.
... valid values are "silent", "optional", or "
required".
FileHandle API - Web APIs
perform read and write operations to read or write within a handled file, it is
required to get a lockedfile.
... to read the whole file, it is
required to know its size.
...this is not a problem because to access the file, a lockedfile object is
required and operations on such object are performed in isolation, meaning that once a lockedfile is active, all operations of this lockedfile are guaranteed to happen sequentially on the underlying file without being interleaved with operations from other lockedfile.
Ajax navigation example - Web APIs
used", 300: "multiple choices", 301: "moved permanently", 302: "found", 303: "see other", 304: "not modified", 305: "use proxy", 306: "reserved", 307: "temporary redirect", 308: "permanent redirect", 400: "bad request", 401: "unauthorized", 402: "payment
required", 403: "forbidden", 404: "not found", 405: "method not allowed", 406: "not acceptable", 407: "proxy authentication
required", 408: "request timeout", 409: "conflict", 410: "gone", 411: "length
required", 412: "precondition failed", 413: "request entity too large", ...
... 414: "request-uri too long", 415: "unsupported media type", 416: "requested range not satisfiable", 417: "expectation failed", 422: "unprocessable entity", 423: "locked", 424: "failed dependency", 425: "unassigned", 426: "upgrade
required", 427: "unassigned", 428: "precondition
required", 429: "too many requests", 430: "unassigned", 431: "request header fields too large", 500: "internal server error", 501: "not implemented", 502: "bad gateway", 503: "service unavailable", 504: "gateway timeout", 505: "http version not supported", 506: "variant also neg...
...otiates (experimental)", 507: "insufficient storage", 508: "loop detected", 509: "unassigned", 510: "not extended", 511: "network authentication
required" }; var oreq, bisloading = false, bupdateurl = false; oloadingbox.id = "ajax-loader"; ocover.onclick = abortreq; oloadingimg.src = "data:image/gif;base64,r0lgodlheaaqapiaap///waaamlcwkjcqgaaagjiyokcgpkskih/c05fvfndqvbfmi4waweaaaah/hpdcmvhdgvkihdpdgggywphegxvywquaw5mbwah+qqjcgaaacwaaaaaeaaqaaadmwi63p4wyklre2mioggznadomgyjrbexwroumcg2lmdewnhqlvsyod2mbzkydadka+diaaah+qqjcgaaacwaaaaaeaaqaaadnai63p5ojcegg4qmu7dmikrxqlfuydezigbmrvsaqhwctxxf7weyb4ag1xjihkmzsiukkhiaifkecqoaaaasaaaaabaaeaaaazyiujijk8pbyjdmlfyvbovjha70gu7xsujhmktwhpakzlo9hmaokwjz7rf8aypddzkpzbqfv...
Using the Payment Request API - Web APIs
so for example, you could create a new paymentrequest instance like so: var request = new paymentrequest(buildsupportedpaymentmethoddata(), buildshoppingcartdetails()); the functions invoked inside the constructor simply return the
required object parameters: function buildsupportedpaymentmethoddata() { // example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['debit', 'credit'] } }]; } function buildshoppingcartdetails() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ ...
...for this demo, simulate immediate success: paymentresponse.complete('success') .then(function() { // for demo purposes: intropanel.style.display = 'none'; successpanel.style.display = 'block'; }); }) this object provides the developer with access to details they can use to complete the logical steps
required after the payment completes, such as an email address to contact the customer, a shipping address for mailing goods out to them, etc.
... paymentresponse.complete('success') .then(function() { // finish handling payment }); }) } }) paymentrequest.abort() can be used to abort the payment request if
required.
SVGTests - Web APIs
properties svgtests.
requiredfeatures read only an svgstringlist corresponding to the
requiredfeatures attribute of the given element.
... svgtests.
requiredextensions read only an svgstringlist corresponding to the
requiredextensions attribute of the given element.
... candidate recommendation removed
requiredfeatures property and hasextension() method.
Geometry and reference spaces in WebXR - Web APIs
fundamentals of 3d geometry while we'll examine here the
required math operations used to compute the positions, orientations, and movement of objects in virtual space—plus the need to integrate the human viewer of the scene into the mix—a thorough introduction to geometry and the use of matrices and vectors to manage 3d representations of a scene is well beyond the scope of what can be accomplished in this article.
... the compatibility issues that arise may be as fundamental as being unable to support immersive-ar mode (augmented reality sessions) on a vr-only headset, or may involve a request for one or more
required options which cannot be met when attempting to create the xr session.
...one of its optional parameters is an object conforming to the xrsessioninit dictionary which you can use to specify
required and/or optional features that the session must (or should ideally) support.
Window.open() - Web APIs
the minimum
required value is 100.
...the minimum
required value is 100.
...minimal
required value is 100.
XRPermissionDescriptor - Web APIs
optionalfeatures an array of strings, each specifying the name of a webxr feature which is requested but not
required for the app to function.
...
requiredfeatures an array of strings giving the names of the webxr features for which permission must be obtained in order to use your app or site.
... let xrpermissiondesc = { name: "xr", mode: "immersive-vr",
requiredfeatures: [ "local-floor" ] }; if (navigator.permissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr();...
ARIA: table role - Accessibility
aria-colcount attribute this attribute is only
required if the columns are not present in the dom all the time.
... aria-rowcount attribute this attribute is only
required if the rows are not present in the dom all the time, such as scrollable tables that reuse rows to minimize the number of dom nodes.
... keyboard interactions none
required javascript features none.
ARIA: checkbox role - Accessibility
instead use the native html checkbox of <input type="checkbox">, which natively provides all the functionality
required: <input type="checkbox" id="chk1-label"> <label for="chk1-label">remember my preferences</label> description the native html checkbox form control can only have two checked states ("checked" or "not checked"), with an indeterminate state settable via javascript.
... the developer is
required to change the value of the aria-checked attribute dynamically when the checkbox is activated.
... keyboard interactions key function space activates the checkbox
required javascript
required event handlers onclick handle mouse clicks that will change the state of the checkbox by changing the value of the aria-checked attribute and the appearance of the checkbox so it appears checked or unchecked to the sighted user onkeypress handle the case where the user presses the space key to change the state of the checkbox by changing the value of the aria-checked at...
ARIA: listbox role - Accessibility
associated aria roles, states, and properties associated roles option one or more nested options are
required.
... aria-
required a boolean attribute which indicates that an option with a non-empty string value must be selected.
...
required javascript features selecting an option in a single select listbox when the user selects an option, the following must occur: deselect the previously selected option, setting the aria-selected to false, or removing the attribute altogether, changing the appearance of the newly unselected option to appear not selected.
Cognitive accessibility - Accessibility
if the time limit is longer than 20 hours, accommodations are not
required.
... provide text to identify incomplete
required fields and text descriptions if a value entered is invalid.
... if a form control is
required, indicate it both visually and via code.
Perceivable - Accessibility
"listen to the audio instructions for guidance" this is obviously problematic—audio will be inaccessible to those with hearing impairments, whereas text can be read, but also spoken by a screenreader if
required.
...for example, in forms, you should never mark
required fields purely with a color (like red).
... instead (or as well as), something like an asterisk with a label of "
required" would be more appropriate.
CSS values and units - CSS: Cascading Style Sheets
entimeters 1cm = 96px/2.54 mm millimeters 1mm = 1/10th of 1cm q quarter-millimeters 1q = 1/40th of 1cm in inches 1in = 2.54cm = 96px pc picas 1pc = 1/16th of 1in pt points 1pt = 1/72th of 1in px pixels 1px = 1/96th of 1in when including a length value, if the length is 0, the unit identifier is not
required.
... otherwise, the unit identifier is
required, is case insensitive, and must come immediately after the numeric part of the value, with no space in-between.
...when including a time value, the unit identifier -- the s or ms -- is
required.
Adding captions and subtitles to HTML5 video - Developer guides
turned off if (video.texttracks[i].language == lang) { video.texttracks[i].mode = 'showing'; this.setattribute('data-state', 'active'); } else { video.texttracks[i].mode = 'hidden'; } } subtitlesmenu.style.display = 'none'; }); subtitlemenubuttons.push(button); return listitem; } this function builds the
required <li> and <button> elements, and returns them so they can be added to the subtitles menu list.
... it also sets up the
required event listeners on the button to toggle the relevant subtitle set on or off.
... this is done by simply setting the
required subtlte's mode attribute to showing, and setting the others to hidden.
Constraint validation - Developer guides
rangeunderflow constraint violation date, month, week a valid date datetime, datetime-local, time a valid date and time max range, number a valid number the value must be less than or equal to the value rangeoverflow constraint violation date, month, week a valid date datetime, datetime-local, time a valid date and time
required text, search, url, tel, email, password, date, datetime, datetime-local, month, week, time, number, checkbox, radio, file; also on the <select> and <textarea> elements none as it is a boolean attribute: its presence means true, its absence means false there must be a value (if set).
... if (constraint.test(zipfield.value)) { // the zip follows the constraint, we use the constraintapi to tell it zipfield.setcustomvalidity(""); } else { // the zip doesn't follow the constraint, we use the constraintapi to // give a message about the format
required for this country zipfield.setcustomvalidity(constraints[country][1]); } } then we link it to the onchange event for the <select> and the oninput event for the <input>: window.onload = function () { document.getelementbyid("country").onchange = checkzip; document.getelementbyid("zip").oninput = checkzip; } you can see a live example of the postal code validation.
... :
required and :optional css pseudo-classes the :
required and :optional pseudo-classes allow writing selectors that match form elements that have the
required attribute, or that don't have it.
<img>: The Image Embed element - HTML: Hypertext Markup Language
the above example shows usage of the <img> element: the src attribute is
required, and contains the path to the image you want to embed.
...chrome, edge, firefox, internet explorer, opera, safari png portable network graphics image/png .png chrome, edge, firefox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons
required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including which versions introduced support and specific special features that may have been introduced later.
... you can use the object-position property to position the image within the element's box, and the object-fit property to adjust the sizing of the image within the box (for example, whether the image should fit the box or fill it even if clipping is
required).
CSP: style-src - HTTP
the colon is
required.
...the single quotes are
required.
...the single quotes are
required.
Set-Cookie - HTTP
browsers block frontend javascript code from accessing the set cookie header, as
required by the fetch spec, which defines set-cookie as a forbidden response-header name that must be filtered out from any response exposed to frontend code.
...encoding: many implementations perform url encoding on cookie values, however it is not
required per the rfc specification.
...see date for the
required formatting.
encodeURIComponent() - JavaScript
, ', (, ), and *), even though these characters have no formalized uri delimiting uses, the following can be safely used: function fixedencodeuricomponent(str) { return encodeuricomponent(str).replace(/[!'()*]/g, function(c) { return '%' + c.charcodeat(0).tostring(16); }); } examples encoding for content-disposition and link headers the following example provides the special encoding
required within utf-8 content-disposition and link server response header parameters (e.g., utf-8 filenames): var filename = 'my file(2).txt'; var header = "content-disposition: attachment; filename*=utf-8''" + encoderfc5987valuechars(filename); console.log(header); // logs "content-disposition: attachment; filename*=utf-8''my%20file%282%29.txt" function encoderfc5987valuechars(str) { ...
... // the following are not
required for percent-encoding per rfc5987, // so we can allow for a little better readability over the wire: |`^ replace(/%(?:7c|60|5e)/g, unescape); } // here is an alternative to the above function function encoderfc5987valuechars2(str) { return encodeuricomponent(str).
...// i.e., %27 %28 %29 %2a (note that valid encoding of "*" is %2a // which necessitates calling touppercase() to properly encode) // the following are not
required for percent-encoding per rfc5987, // so we can allow for a little better readability over the wire: |`^ replace(/%(7c|60|5e)/g, (str, hex) => string.fromcharcode(parseint(hex, 16))); } specifications specification ecmascript (ecma-262)the definition of 'encodeuricomponent' in that specification.
Web audio codec guide - Web media technologies
for real-time streaming of audio, a lossy codec is usually
required in order to ensure the flow of data can keep up with the audio playback rate regardless of network performance.
... feature chrome edge firefox internet explorer opera safari aac support yes[2] yes yes[1] 9 yes 3.1 container support mp4, adts, 3gp rtp / webrtc compatible yes licensing for streaming or distributing aac-encoded content: no license
required; developers of codecs are
required to obtain a patent license through via licensing [1] due to patent issues, firefox does not directly support aac.
...this codec is
required to be supported by all webrtc solutions because it's a simple, easy to implement, and widely-used and compatible codec.
Critical rendering path - Web Performance
layout can become a bottleneck, leading to jank if
required during scrolling or other animations.
...after that, only impacted areas of the screen will be repainted, as browsers are optimized to repaint the minimum area
required.
...performance tips include 1) minimizing the number of critical resources by deferring their download, marking them as async, or eliminating them altogether, 2) optimizing the number of requests
required along with the file size of each request, and 3) optimizing the order in which critical resources are loaded by prioritizing the downloading critical assets, shorten the critical path length.
Introduction to progressive web apps - Progressive web apps (PWAs)
with a relatively small amount of effort
required to implement the core pwa features, the benefits are huge.
...given their profit increase, and the relatively low amount of work
required for the conversion of these apps to pwas, the advantage is clear.
... the key ingredient
required for pwas is service worker support.
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
externalresources
required requiredextensions
requiredfeatures systemlanguage attributes externalresources
required deprecated since svg 2 if set to true, it indicates that the browser must wait for all the external resources necessary to render that element to be loaded before processing the associated element.
... value: false|true; animatable: no
requiredextensions list all the browser specific capabilities that must be supported by the borwser to be allowed to render the associated element.
... value: a list of space-separated uri; animatable: no
requiredfeatures deprecated since svg 2 list all the features, as defined is the svg 1.1 specification, that must be supported by the borwser to be allowed to render the associated element..
SVG Attribute reference - SVG: Scalable Vector Graphics
calcmode cap-height class clip clippathunits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentscripttype contentstyletype cursor cx cy d d decelerate descent diffuseconstant direction display divisor dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresources
required f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight format from fr fx fy g g1 g2 glyph-name glyph-orientation-horizontal glyph-orientation-vertical glyphref gradienttransform gradientunits h hanging height href hreflang horiz-adv-x ...
...erator 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 specularexponent speed spreadmethod startoffset stddeviation stemh stemv stitchtiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterl...
... xchannelselector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y y1 y2 ychannelselector z z zoomandpan svg attributes by category generic attributes core attributes id, lang, tabindex, xml:base, xml:lang, xml:space style attributes class, style conditional processing attributes externalresources
required,
requiredextensions,
requiredfeatures, systemlanguage.
<a> - SVG: Scalable Vector Graphics
may be
required for backwards compatibility for older browsers.
... value type: <url> ; default value: none; animatable: yes global attributes core attributes most notably: id, lang, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, document element event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title aria attributes aria-activede...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, 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>, <clippat...
<image> - SVG: Scalable Vector Graphics
usage context categoriesgraphics element, graphics referencing elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements attributes global attributes conditional processing attributes core attributes graphical event attributes presentation attributes xlink attributes class style externalresources
required transform specific attributes x: positions the image horizontally from the origin.
...unlike html's <img>, this attribute is
required.
...unlike html's <img>, this attribute is
required.
<polygon> - SVG: Scalable Vector Graphics
ttp://www.w3.org/2000/svg"> <!-- example of a polygon with the default fill --> <polygon points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates)
required to draw the polygon.
... value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, tran...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<polyline> - SVG: Scalable Vector Graphics
//www.w3.org/2000/svg"> <!-- example of a polyline with the default fill --> <polyline points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates)
required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
... value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, a...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<svg> - SVG: Scalable Vector Graphics
note: the xmlns attribute is only
required on the outermost svg element of svg documents.
... global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes, document event attributes, document element event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, str...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-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>, <al...
<use> - SVG: Scalable Vector Graphics
however, xlink:href can still be
required in practice for cross-browser compatibility (see the compatibility table below).
... global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:href, xlink:title usage notes categoriesgraphics element, graphics referencing element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescr...
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
svgexternalresources
required removed never implemented svgelement.viewportelement and svgelement.ownersvgelement nullable implementation status unknown svgelement.getpresentationattribute() removed never implemented (prototype removed in bug 921456) svgcolor and svgicccolor removed never implemented svgelement.focus(), svgelement.blur() not implemented (bug 778654) ...
... moved pathlength attribute and gettotallength() and getpointatlength() methods from svgpathelement to svggeometryelement implemented (bug 1239100) document structure change notes svgsvgelement.suspendredraw(), svgsvgelement.unsuspendredraw(), and svgsvgelement.unsuspendredrawall() deprecated turned into no-ops (bug 734079) externalresources
required attribute removed implementation status unknown auto value for width and height in <image> implementation status unknown referencing entire document with <use> implementation status unknown lang attribute on <desc> and <title> implemented (bug 721920) css transforms on outermost <svg> not affecting svgsvgelement.currentscale or svgsvgelement.current...
... attributes of <svg> implementation status unknown baseprofile and version attributes removed from <svg> implementation status unknown svgsvgelement.forceredraw() deprecated turned into a no-op (bug 733764) svgsvgelement.deselectall() deprecated not yet deprecated (bug 1302705) <switch> not affecting <style> implementation status unknown
requiredfeatures attribute removed implementation status unknown svgsvgelement.currentview and svgsvgelement.usecurrentview removed svgsvgelement.currentview was never implemented, svgsvgelement.usecurrentview not removed yet (bug 1174097) svgunknownelement not implemented (bug 1239218) lang attribute without namespace implemented (bug 721920) svgsvgelement.
What is a URL? - Learn web development
the
required parts of a url depend to a great extent on the context in which the url is used.
...you don't need to include the protocol (the browser uses http by default) or the port (which is only
required when the targeted web server is using some unusual port), but all the other parts of the url are necessary.
How to build custom form controls - Learn web development
required styles the
required styles are those necessary to handle the three states of our control.
... .select .active, .select:focus { outline: none; /* this box-shadow property is not exactly
required, however it's imperative to ensure active state is visible, especially to keyboard users, that we use it as a default value.
Sending forms through JavaScript - Learn web development
something went wrong.' ); } ); // set up our request xhr.open( 'post', 'https://example.com/cors.php' ); // add the
required http header for form data post requests xhr.setrequestheader( 'content-type', 'application/x-www-form-urlencoded' ); // finally, send our data.
...something went wrong.' ); } ); // set up our request xhr.open( 'post', 'https://example.com/cors.php' ); // add the
required http header to handle a multipart form data post request xhr.setrequestheader( 'content-type','multipart/form-data; boundary=' + boundary ); // and finally, send our data.
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
you can also pass any parameters
required by the function being executed as subsequent parameters of the setinterval() call.
... result.style.display = 'none'; spinnercontainer.style.display = 'none'; next, define a reset() function, which sets the app back to the original state
required to start the game again after it has been played.
Third-party APIs - Learn web development
initially the <script> element contains a number of variables needed for the setup of the example; below we'll fill in the
required functionality.
... note: the example has rudimentary form data validation — the search term field has to be filled in before the form can be submitted (achieved using the
required attribute), and the date fields have pattern attributes specified, which means they won't submit unless their values consist of 8 numbers (pattern="[0-9]{8}").
Object-oriented JavaScript for beginners - Learn web development
they are useful because you'll often come across situations in which you don't know how many objects you will be creating; constructors provide the means to create as many objects as you need in an effective way, attaching data and functions to them as
required.
... let's look at the constructor calls again: let person1 = new person('bob'); let person2 = new person('sarah'); in each case, the new keyword is used to tell the browser we want to create a new object instance, followed by the function name with its
required parameters contained in parentheses, and the result is stored in a variable — very similar to how a standard function is called.
Aprender y obtener ayuda - Learn web development
focused thinking is great for concentrating hard on specific subjects, getting into deep problem solving, and improving your mastery of the techniques
required — strengthening the neural pathways in your brain where that information is stored.
...if you'll need to work to earn money to buy the materials
required, then the time to do that will have to be factored in.
CSS performance optimization - Learn web development
to optimize the cssom construction, remove unnecessary styles, minify, compress and cache it, and split css not
required at page load into additional files to reduce css render blocking.
... will-change property the css will-change property tells browsers which properties of an element are expected to change enabling browsers to set up optimizations before the element is actually changed, improving performance by doing potentially expensive work before it is
required.
Multimedia: video - Learn web development
<video autoplay="" loop="" muted="true" playsinline="" src="backgroundvideo.mp4"> while the loop and autoplay make sense for a looping and autoplaying video, the muted attribute is
required for autoplay in mobile browsers.
... playsinline is
required for mobile safari, allowing videos to play without forcing fullscreen mode.
Server-side web frameworks - Learn web development
every "view" function (a request handler) receives an httprequest object containing request information, and is
required to return an httpresponse object with the formatted output (in this case a string).
...an http get request to get files or data from the server may encode what data is
required in url parameters or within the url structure.
Server-side website programming - Learn web development
most major websites use some kind of server-side technology to dynamically display data as
required.
...similarly, expertise in client-side coding is not
required, but a basic knowledge will help you work better with the developers creating your client-side web "front end".
Getting started with Svelte - Learn web development
scripts: contains setup scripts as
required.
...label, and choosing inspect: when compiling the app, svelte changes our h1 styles definition to h1.svelte-1tky8bj, and then modifies every <h1> element in our component to <h1 class="svelte-1tky8bj">, so that it picks up the styles as
required.
Rendering a list of Vue components - Learn web development
make it
required, and make its type a string.
... the <script> contents in your todoitem component should now look something like this: export default { props: { label: {
required: true, type: string}, done: {default: false, type: boolean}, id: {
required: true, type: string} }, data() { return { isdone : this.done, } }, } now, over in your app.vue component, pass item.id as a prop to the todoitem component.
Introduction to cross browser testing - Learn web development
once you've got an idea of the
required featureset, and what technologies you will likely build these features with, you should start exploring the target audience — what browsers, devices, etc.
... now you know your target testing platforms, you should go back and review the
required featureset and what technologies you are going to use.
Strategies for carrying out testing - Learn web development
having multiple virtual machines is very useful, particularly for windows ie/edge testing — on windows, you are not able to have multiple versions of the default browser installed side by side, so you might want to build up a library of virtual machines to handle different tests as
required, e.g.: windows 10 with edge 14 windows 10 with edge 13 windows 8.1 with ie11 windows 8 with ie10 windows 7 with ie9 windows xp with ie8 windows xp with ie7 windows xp with ie6 note: another good thing about virtual machines is that the virtual disk images are fairly self-contained.
...just make sure you have the
required licenses to run all those copies of windows or whatever else you are running if it is a licensed product.
Setting up your own test automation environment - Learn web development
most popular environments have available a package or framework that will install webdriver and the bindings
required to communicate with webdriver using this language, for example, java, c#, ruby, python, javascript (node), etc.
...this example uses a long chain of promises to run all the steps
required in our test — the promise-based methods webdriver uses need to resolve for it to work properly.
Deploying our app - Learn web development
deploying to hosting tends to be at the tail-end of the project life cycle, but with services such as netlify bringing down the cost of deployments (both in financial terms and also the time
required to actually deploy) it's possible to deploy during development to either share work in progress or to have a pre-release for some other purpose.
... the newly-created production code is placed in a new directory called dist, which contains all the files
required to run the website, ready for you to upload to a server.
Creating a spell check dictionary add-on
in addition to these
required files, you may add optional files, for example to give your add-on an icon or to describe the license of the dictionary.
...type = 64 indicates that the add-on is in the restartless format, and unpack is
required for hunspell to read the dictionary.
Debugging on Mac OS X
on macos 10.15+, downloaded try builds will not launch by default because notarization is
required.
... disabling system integrity protection (sip) if debugging a production build is
required, follow apple's documented steps for disabling system integrity protection (sip).
Configuring Build Options
most of the time a mozconfig file is not
required.
... other options mk_add_options autoclobber=1 if a clobber would be
required before a build, this will cause mach to clobber and continue with the build instead of asking the user to manually clobber and exiting.
Eclipse CDT
rebuilding the index itself is
required much more frequently since the source changes more frequently.
...one problem with the "parse once" strategy is that the compiler options for the original source file may ifdef out sections of the header, that would not be ifdef'ed out - and in fact are
required by - source files in other parts of the tree.
Using the Browser API
the javascript implementation to wire up the functionality
required by our simple browser, we've written some basic javascript (see the full javascript listing.) wiring up the back and forward buttons early on in the code we implement two simple event listeners to move the browser back and forward in history when the relevant buttons are pressed: back.addeventlistener('touchend',function() { browser.goback(); }); fwd.addeventlistener('touchend',function() {...
... searchactive = false; prev.disabled = true; next.disabled = true; searchbar.value = ''; } } }); note that whenever one of the search-related methods is invoked, a mozbrowserfindchange event is fired to allow you to react to search changes in a more precise way if desired: //browser.addeventlistener('mozbrowserfindchange', function(e) { // can react to find changes if
required //}) reporting errors we've got one more piece of code to mention from our source: browser.addeventlistener('mozbrowsererror', function (e) { console.log("loading error: " + e.detail); }); this simple listener logs an error message to the console when an error with the browser iframe is encountered.
mozbrowseropenwindow
the mozbrowseropenwindow event is fired when a new window is
required — usually when the content of a browser <iframe> successfully calls the window.open() method, or the user clicks on a link with an unknown target.
...seropenwindow", function( event ) { console.log("a new window has opened containing the content at " + event.details.url + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpassword
required ...
DownloadTarget
for downloads of multiple files, such as downloading a web page and its
required media to disk, the meaning of this property is undefined.
...you can use this value from the front-end to reduce file i/o that would be
required to check the file directly.
JNI.jsm
the jni.jsm javascript code module abstracts all of the js-ctypes
required for writing jni code.
...a
required object that contains up to five fields of key names: constructors, fields, static_fields, methods, and static_methods.
XPCOMUtils.jsm
constructor the constructor is a simple method that handles any
required initialization tasks.
... mycomponent.prototype = { // properties
required for xpcom registration: classdescription: "unique text description", classid: components.id("{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}"), contractid: "@example.com/xxx;1", // [optional] custom factory (an object implementing nsifactory).
Application Translation with Mercurial
required tools build pre-requisites first, get the
required programs to compile mozilla applications like firefox and thunderbird from build instructions.
...because the file is new and everything has to be translated, the file is too customized to compare it to the english one, or special functionality is
required (e.g.
Localizing with Mercurial
this will not only install hg, but also all the tools
required to build mozilla products on windows.
...the other directories are
required for seamonkey and thunderbird.
Extras
rl(#grad1)"/> <g transform="translate(150,125)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="0" to="360" dur="6s" repeatcount="indefinite"/> <g transform="translate(-50,-35)"> <rect width="100" height="70" fill="url(#grad2)"/> <switch> <foreignobject width="100" height="70"
requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <mtable> <mtr> <mtd><mi>cos</mi><mi>θ</mi></mtd> <mtd><mo>−</mo><mi>sin</mi><mi>θ</mi></mtd> </mtr> <mtr> <mtd><mi>sin</mi><mi>θ</mi></mtd> <mtd><mi>cos</mi><mi>θ</mi></mtd> </mtr> </mtable> <mo>)</mo> </mrow> </math> </foreignobject> <text>rotation matrix</text> </switch> </g></g></g> <g> <animatemotio...
... 32,69 z" begin="0s" dur="20s" repeatcount="indefinite"/> <animatetransform attributename="transform" attributetype="xml" type="scale" values="1;2;.5;1" keytimes="0;.25;.75;1" dur="20s" repeatcount="indefinite"/> <circle fill="url(#grad3)" r="30"/> <g transform="translate(-30,-30)"> <switch> <foreignobject width="60" height="60"
requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>0</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <msup> <mi>α</mi> <mi>n</mi> </msup> <mrow> <mi>n</mi> <mo>!</mo> </mrow> </mfrac> </mrow> </math> </foreignobject> <text>exp(α)</text> </switch> </g> </g> </svg> </div> inline ja...
nsIPluginHost
the caller is
required to free the resulting memory with nsimalloc.free().
...it will *always malloc()* output buffer (caller is responsible to free it) if input buffer starts with lf, which comes from 4.x spec http://developer.netscape.com/docs/manuals/communicator/plugin/pgfn2.htm#1007754 "if no custom headers are
required, simply add a blank line ('\n') to the beginning of the file or buffer.", it skips that '\n' and considers rest of the input buffer as data.
XPCOM
effectively, it is a different platform.bundling multiple binary componentsbinary xpcom components are sometimes
required to implement low-level features for extensions.
...porting this code is
required in order to make mozilla run on any given platform.xptcall porting guideoriginal author: john bandhauer, 31 may 1999.xptcall porting statusthis is a status page for the multiplatform porting of xptcall.
Plug-in Basics - Plugins
height and width are
required for object elements that resolve to embed elements.
...if the plug-in is not hidden, the height and width attributes are
required.
AudioBuffer() - Web APIs
the default is 1, and all user agents are
required to support at least 32 channels.
...user agents are
required to support sample rates from 8,000 hz to 96,000 hz (but are allowed to go farther outside this range).
Constraint validation API - Web APIs
concepts and usage certain html form controls, such as <input>, <select> and <textarea>, can restrict the format of allowable values, using attributes like
required and pattern to set basic constraints.
... examples take 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.
DynamicsCompressorNode - Web APIs
dynamicscompressornode.attack read only is a k-rate audioparam representing the amount of time, in seconds,
required to reduce the gain by 10 db.
... dynamicscompressornode.release read only is a k-rate audioparam representing the amount of time, in seconds,
required to increase the gain by 10 db.
HTMLInputElement - Web APIs
required boolean: returns / sets the element's
required attribute, indicating that the user must fill in a value before submitting a form.
... the following properties have been added: autocomplete, autofocus, dirname, files, formaction, formenctype, formmethod, formnovalidate, formtarget, height, indeterminate, labels, list, max, min, multiple, pattern, placeholder,
required, selectiondirection, selectionend, selectionstart, step, validationmessage, validity, valueasdate, valueasnumber, width, and willvalidate.
HTMLMediaElement.msInsertAudioEffect() - Web APIs
syntax htmlmediaelement.msinsertaudioeffect(activatableclassid: domstring, effect
required: boolean, config); parameters activatableclassid a domstring defining the audio effects class.
... effect
required a boolean which if set to true requires an audio effect to be defined.
HTMLSelectElement - Web APIs
htmlselectelement.
required a boolean reflecting the
required html attribute, which indicates whether the user is
required to select a value before submitting the form.
... it adds the autofocus, form,
required, labels, selectedoptions, willvalidate, validity and validationmessage properties.
HTMLTextAreaElement - Web APIs
required boolean: returns / sets the element's
required attribute, indicating that the user must specify a value before submitting the form.
... the following attributes have been added: autofocus, placeholder, dirname, wrap, maxlength,
required, textlength, labels, selectionstart, selectionend, selectiondirection, validity, validationmessage, and willvalidate.
HTMLVideoElement.msInsertVideoEffect() - Web APIs
syntax str = htmlmediaelement.msinsertvideoeffect(activatableclassid: domstring, effect
required: boolean, config); parameters activatableclassid a domstring defining the video effects class.
... effect
required a boolean which if set to true requires a video effect to be defined.
The HTML DOM API - Web APIs
barprop navigator window deprecated web app and browser integration interfaces external obsolete web app and browser integration interfaces applicationcache plugin pluginarray form support interfaces these interfaces provide structure and functionality
required by the elements used to create and manage forms, including the <form> and <input> elements.
...items marked with "*" are
required.</p> <form action="" method="get"> <p> <label for="username"
required>your name:</label> <input type="text" id="username"> (*) </p> <p> <label for="email">email:</label> <input type="email" id="useremail"> </p> <input type="submit" value="send" id="sendbutton"> </form> result specifications specification status comment html living standa...
Checking when a deadline is due - Web APIs
this step is mainly for browsers that don't support html form validation (i have used the
required attribute in my html to force validation, in those that do.) else { var newitem = [ { tasktitle: title.value, hours : hours.value, minutes : minutes.value, day : day.value, month : month.value, year : year.value, notified : "no" } ]; // open a read/write db transaction, ready for adding the data ...
...duplicate items not allowed.</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // add our newitem object to the object store var request = objectstore.add(newitem[0]); in this section we create an object called newitem that stores the data in the format
required to insert it into the database.
MediaKeySystemConfiguration - Web APIs
mediakeysystemconfiguration.distinctiveidentifier read only indicates whether a persistent distinctive identifier is
required.
... mediakeysystemconfiguration.persistentstate read only indicates whether the ability to persist state is
required.
MediaStreamConstraints.audio - Web APIs
mediatrackconstraints a constraints dictionary detailing the preferable and/or
required values or ranges of values for the track's constrainable properties.
... if you specify constraints, an audio track meeting the constraints is
required.
MediaStreamConstraints.video - Web APIs
mediatrackconstraints a constraints dictionary detailing the preferable and/or
required values or ranges of values for the track's constrainable properties.
... if you specify constraints, a video track meeting these constraints is
required.
MediaTrackConstraints.aspectRatio - Web APIs
syntax var constraintsobject = { aspectratio: constraint }; constraintsobject.aspectratio = constraint; value a constraindouble describing the acceptable or
required value(s) for a video track's aspect ratio.
...otherwise, the value of this constraindouble will guide the user agent in its efforts to provide an exact match to the
required aspect ratio (if exact is specified or both min and max are provided and have the same value) or to a best-possible value.
MediaTrackConstraints.frameRate - Web APIs
syntax var constraintsobject = { framerate: constraint }; constraintsobject.framerate = constraint; value a constraindouble describing the acceptable or
required value(s) for a video track's frame rate, in frames per second.
...otherwise, the value of this constraindouble will guide the user agent in its efforts to provide an exact match to the
required frame rate (if exact is specified or both min and max are provided and have the same value) or to a best-possible value.
MediaTrackConstraints.latency - Web APIs
syntax var constraintsobject = { latency: constraint }; constraintsobject.latency = constraint; value a constraindouble describing the acceptable or
required value(s) for an audio track's latency, with values specified in seconds.
...otherwise, the value of this constraindouble will guide the user agent in its efforts to provide an exact match to the
required latency (if exact is specified or both min and max are provided and have the same value) or to a best-possible value.
MediaTrackControls.volume - Web APIs
syntax var constraintsobject = { volume: constraint }; constraintsobject.volume = constraint; value a constraindouble describing the acceptable or
required value(s) for an audio track's volume, on a linear scale where 0.0 means silence and 1.0 is the highest supported volume.
...otherwise, the value of this constraindouble will guide the user agent in its efforts to provide an exact match to the
required volume (if exact is specified or both min and max are provided and have the same value) or to a best-possible value.
Media Capabilities API - Web APIs
videoconfiguration describes the
required video properties that must be configured when querying a video configuration to be passed as part of a mediaconfiguration parameter to the mediacapabilities.encodinginfo() and mediacapabilities.decodinginfo() methods.
... audioconfiguration describes the
required audio properties that must be configured when querying an audio configuration to be passed as part of a mediaconfiguration parameter to the mediacapabilities.encodinginfo() and mediacapabilities.decodinginfo() methods.
Media Source API - Web APIs
the usage of external utilities to massage the content into a suitable format is
required.
... this is in direct contrast with previous streaming solutions that
required expensive licenses for proprietary non-standard client/server protocol implementations.
PublicKeyCredentialCreationOptions.authenticatorSelection - Web APIs
the values may be: "
required": user verification is
required, the operation will fail if the response does not have the uv flag (as part of the authenticatordata property of authenticatorattestationresponse.attestationobject) "preferred": user verification is prefered, the operation will not fail if the response does not have the uv flag (as part of the authenticatordata property of authenticatorattestationresponse.attesta...
... examples var publickey = { authenticatorselection:{ authenticatorattachment: "cross-platform", requireresidentkey: true, userverification: "
required" }, challenge: new uint8array(26) /* this actually is given from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(26), /* to be changed for each user */ name: "jdoe@example.com", displayname: "john doe", }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }...
RTCIceCandidate.usernameFragment - Web APIs
note that 24 bits of the username fragment are
required to be randomized by the browser.
... randomization at least 24 bits of the text in the ufrag are
required to be randomly selected by the ice layer at the beginning of the ice session.
SVGFontElement - Web APIs
ext x="71" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfontelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but inherits properties from its parent, svgelement and implements properties from svgexternalresources
required and svgstylable.
... methods this interface has no methods but inherits methods from its parent, svgelement and implements methods from svgexternalresources
required and svgstylable.
StaticRange.StaticRange() - Web APIs
syntax var staticrange = new staticrange(rangespec) parameters rangespec the
required rangespec parameter is an object adhering to the staticrangeinit dictionary.
... the four
required rangespec properties are: startcontainer the node in which the starting point of the range is located.
Using readable streams - Web APIs
the first object is
required, and creates a model in javascript of the underlying source the data is being read from.
... the first object can contain up to five members, only the first of which is
required: start(controller) — a method that is called once, immediately after the readablestream is constructed.
Using writable streams - Web APIs
the first object is
required, and creates a model in javascript of the underlying sink the data is being written to.
...this contains an instance of the writablestreamdefaultcontroller interface, which can be used by the developer to further control the stream as
required.
SubtleCrypto.unwrapKey() - Web APIs
unwrapalgo is an object specifying the algorithm to be used to encrypt the exported key, and any extra parameters as
required: to use rsa-oaep, pass an rsaoaepparams object.
... unwrappedkeyalgo is a dictionary object defining the type of key to unwrap and providing extra algorithm-specific parameters as
required.
SyncManager.register() - Web APIs
idle
required: a boolean that determines whether synchronization is allowed when the user agent's device is idle.
... min
requirednetwork: the network condition under which background synchronization will occur.
Touch() - Web APIs
syntax touch = new touch(touchinit); arguments touchinit is a touchinit dictionary, having the following fields: "identifier",
required, of type long, that is the identification number for the touch point.
... "target",
required, of type eventtarget, the item at which the touch point started when it was first placed on the surface.
ValidityState - Web APIs
typemismatch read only a boolean that is true if the value is not in the
required syntax (when type is email or url), or false if the syntax is correct.
... valuemissing read only a boolean that is true if the element has a
required attribute, but no value, or false otherwise.
Lifetime of a WebRTC session - Web APIs
this article doesn't get into details of the actual apis involved in establishing and handling a webrtc connection; it simply reviews the process in general with some information about why each step is
required.
... signaling signaling is the process of sending control information between two devices to determine the communication protocols, channels, media codecs and formats, and method of data transfer, as well as any
required routing information.
Writing WebSocket servers - Web APIs
depending on language support, knowledge of tcp sockets may be
required.
...note that this isn't
required, it's just an optional convention, and you can use any string you wish.
Lighting a WebXR setting - Web APIs
but browsers are
required to take a number of steps to make it difficult to physically locate the user without their consent.
... how browsers mitigate these issues in order to help mitigate these risks, browsers are
required by the webxr lighting estimation api specification to report lighting information that is fudged somewhat from the true value.
XRPermissionDescriptor.mode - Web APIs
syntax xrpermissiondescriptor = { mode: xrsessionmode,
requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.mode = xrsessionmode; xrmode = xrpermissiondescriptor.mode; value a domstring whose value is one of the strings found in the xrsessionmode enumerated type: immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be blended with the real-world environment.
...no specific features are specified during this query; see
requiredfeatures and optionalfeatures for more information on specifying features during a webxr permission check.
Using ARIA: Roles, states, and properties - Accessibility
roles widget roles button checkbox gridcell link menuitem menuitemcheckbox menuitemradio option progressbar radio scrollbar searchbox separator (when focusable) slider spinbutton switch tab tabpanel textbox treeitem composite roles the techniques below describe each composite role as well as their
required and optional child roles.
... log marquee status timer window roles alertdialog dialog states and properties widget attributes aria-autocomplete aria-checked aria-current aria-disabled aria-errormessage aria-expanded aria-haspopup aria-hidden aria-invalid aria-label aria-level aria-modal aria-multiline aria-multiselectable aria-orientation aria-placeholder aria-pressed aria-readonly aria-
required aria-selected aria-sort aria-valuemax aria-valuemin aria-valuenow aria-valuetext live region attributes aria-live aria-relevant aria-atomic aria-busy drag & drop attributes aria-dropeffect aria-dragged relationship attributes aria-activedescendant aria-colcount aria-colindex aria-colspan aria-controls aria-describedby aria-details aria-errormessage aria-flow...
ARIA: cell role - Accessibility
role="rowgroup" row is a
required cell parent.
... keyboard interactions none
required javascript features the first rule of aria use is if you can use a native feature with the semantics and behavior you require already built in, instead of repurposing an element and adding an aria role, state or property to make it accessible, then do so.
ARIA: img role - Accessibility
another example where this might be suitable is when using ascii emoji combinations, like the legendary "table flip": <div role="img" aria-label="table flip"> <p> (╯°□°)╯︵ ┻━┻ </p> </div> associated wai-aria roles, states, and properties aria-label an accessible name is
required.
... an aria-label attribute keyboard interactions
required javascript features examples star rating role="img" example specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'img' in that specification.
ARIA: button role - Accessibility
required javascript features
required event handlers buttons can be operated by mouse, touch, and keyboard users.
...because a <span> element is used, the tabindex attribute is
required to make the button focusable and part of the page's tab order.
ARIA: dialog role - Accessibility
labeling even though it is not
required for the dialog itself to be able to receive focus, it still needs to be labeled.
...
required javascript features focus management a dialog has particular requirements for how keyboard focus should be managed: dialogs should always have at least one focusable control.
ARIA: heading role - Accessibility
required javascript features
required event handlers none.
... changing attribute values usually not
required, unless dynamically inserting content.
An overview of accessible web applications and widgets - Accessibility
properties describe characteristics of these widgets, such as if they are draggable, have a
required element, or have a popup associated with them.
...html for a tooltip <div class="text"> <label id="tp1-label" for="first">first name:</label> <input type="text" id="first" name="first" size="20" aria-labelledby="tp1-label" aria-describedby="tp1" aria-
required="false" /> <div id="tp1" class="tooltip" role="tooltip" aria-hidden="true">your first name is optional</div> </div> the css for this markup is shown in example 2b.
CSP: object-src - HTTP
the colon is
required, single quotes shouldn't be used.
...the single quotes are
required.
CSP: worker-src - HTTP
the colon is
required, single quotes shouldn't be used.
...the single quotes are
required.
Protocol upgrade mechanism - HTTP
this means that a typical request that includes upgrade would look something like: get /index.html http/1.1 host: www.example.com connection: upgrade upgrade: example/1, foo/2 other headers may be
required depending on the requested protocol; for example, websocket upgrades allow additional headers to configure details about the websocket connection as well as to offer a degree of security in opening the connection.
... response header if the server can't communicate using the specified version of the websocket protocol, it will respond with an error (such as 426 upgrade
required) that includes in its headers a sec-websocket-version header with a comma-separated list of the supported protocol versions.
501 Not Implemented - HTTP
the hypertext transfer protocol (http) 501 not implemented server error response code means that the server does not support the functionality
required to fulfill the request.
...the only methods that servers are
required to support (and therefore that must not return 501) are get and head.
Date.UTC() - JavaScript
syntax since ecmascript 2017: date.utc(year[, month[, day[, hour[, minute[, second[, millisecond]]]]]]) ecmascript 2016 and earlier: (month used to be
required) date.utc(year, month[, day[, hour[, minute[, second[, millisecond]]]]]) parameters year a full year.
...(up through ecmascript 2016, month was a
required parameter.
Date.prototype.toUTCString() - JavaScript
sun, mon, ...) dd day of month, as two digits with leading zero if
required mmm month, as three letters (e.g.
... jan, feb, ...) yyyy year, as four or more digits with leading zeroes if
required hh hour, as two digits with leading zero if
required mm minute, as two digits with leading zero if
required ss seconds, as two digits with leading zero if
required prior to ecmascript 2018, the format of the return value varied according to the platform.
Number.prototype.toLocaleString() - JavaScript
to check for support in es5.1 and later implementations, the requirement that illegal language tags are rejected with a rangeerror exception can be used: function tolocalestringsupportslocales() { var number = 0; try { number.tolocalestring('i'); } catch (e) { return e.name === 'rangeerror'; } return false; } prior to es5.1, implementations were not
required to throw a range error exception if tolocalestring is called with arguments.
... a check that works in all hosts, including those supporting ecma-262 prior to ed 5.1, is to test for the features specified in ecma-402 that are
required to support regional options for number.prototype.tolocalestring directly: function tolocalestringsupportsoptions() { return !!(typeof intl == 'object' && intl && typeof intl.numberformat == 'function'); } this tests for a global intl object, checks that it's not null and that it has a numberformat property that is a function.
with - JavaScript
the parentheses around the expression are
required.
...the scope chain change
required by 'with' is not computationally expensive.
serviceworker - Web app manifests
examples "serviceworker": { "src": "./serviceworker.js", "scope": "/app", "type": "", "update_via_cache": "none" } values service worker contain the following values (only src is
required): member description src the url to download the service worker script from.
... this is the only
required member of the serviceworker member.
Digital audio concepts - Web media technologies
ssed; using lossless audio for the mastering process avoids compressing previously compressed data, resulting in additional quality loss factors that may recommend the use of lossy compression include: very large source audio constrained storage (either because the storage space is small, or because there's a large amount of sound to store into it) a need to constrain the network bandwidth
required to broadcast the audio; this is especially important for live streams and teleconferencing psychoacoustics 101 diving into the details of psychoacoustics and how audio compression works is far beyond the scope of this article, but it is useful to have a general idea of how audio gets compressed by common algorithms can help understand and make better decisions about audio codec selection.
...this narrows the audio bandwidth of the sound, thereby reducing the amoung of data
required to represent the signal in its compressed form.
The "codecs" parameter in common media types - Web media technologies
as noted elsewhere, this format was once commonly used on the web but no longer is, since it
required a plugin to use.
... cccc.pp.ll.dd.cc[.cp[.tc[.mc[.ff]]]] the first five components are
required; everything from cp (color primaries) onward is optional; you can stop including components at any point from then onward.
The building blocks of responsive design - Progressive web apps (PWAs)
this is just a simple grid example, but you can apply this principle to more complex grid layouts as
required.
...hild(1), x-card:nth-child(2), x-card:nth-child(3) { width: 100%; float: none; padding: 0; } button { margin-top: 0; border-radius: 0; } x-card:nth-child(1) video, x-card:nth-child(2) img { border-radius: 0px; border: none; padding: 0; background-color: 0; } this first block resets a number of different things from the widescreen layouts that were't
required for the mobile app.
<circle> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<ellipse> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<foreignObject> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes, document event attributes, document element event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, str...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<foreignobject>' in that...
<g> - SVG: Scalable Vector Graphics
using g to inherit presentation attributes --> <g fill="white" stroke="green" stroke-width="5"> <circle cx="40" cy="40" r="25" /> <circle cx="60" cy="60" r="25" /> </g> </svg> attributes this element only includes global attributes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-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>, <al...
<line> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<marker> - SVG: Scalable Vector Graphics
value type: <list-of-numbers> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibilit...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, 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>, <clippat...
<path> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment ...
<rect> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification ...
<switch> - SVG: Scalable Vector Graphics
the <switch> svg element evaluates any
requiredfeatures,
requiredextensions and systemlanguage attributes on its direct child elements in order, and then renders the first child where these attributes evaluate to true.
... usage context categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<a>, <foreignobject>, <g>, <image>, <svg>, <switch>, <text>, <use> attributes global attributes conditional processing attributes core attributes graphical event attributes presentation attributes class style externalresources
required transform dom interface this element implements the svgswitchelement interface.
<text> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-line...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, text content elementpermitted contentcharacter data and any number of the following elements, in any order:animation elementsdescriptive elementstext content elements<a> specificatio...
<textPath> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>|<number> ; default value: auto; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterl...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:title usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in any order:descriptive elements<a>, <altglyph>...
<tspan> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-line...
... aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in any order:descriptive elements<a>, <altglyph>, <animate>, <animatecolor>, <s...
Namespaces crash course - SVG: Scalable Vector Graphics
being able to mix content types like this has many advantages, but it also
required a very real problem to be solved.
...hence to get the value of the xlink:href parameter of an <a> element in svg you would write: elt.getattributens('http://www.w3.org/1999/xlink', 'href'); for setting parameters that have a namespace, it is recommended (but not
required) that you also include their prefix in the second parameter so that the dom can later be more easily converted back to xml (if for instance you want to send it back to the server).
mimeTypes.rdf corruption - SVG: Scalable Vector Graphics
symptoms previously you were able to open and display svg content with mozilla, but for no apparent reason its behaviour changes and now it always pops up the "open or save file" dialog when you try to open local svg files, and displays the "additional plugins are
required to display all the media on this page" bar when you try to view html with embedded svg.
... note: the "additional plugins are
required" bar can appear for legitimate reasons when the svg or its embedding html is broken or served incorrectly over the network (see the svg faq).
Certificate Transparency - Web security
with the latter methods, servers will need to be updated to send the
required data.
...chrome had previously
required ct inclusion for extended validation (ev) and symantec-issued certificates.
preserveAspectRatio - SVG: Scalable Vector Graphics
height="60" preserveaspectratio="none" x="0" y="30"> <use href="#smiley" /> </svg> </svg> path { fill: yellow; stroke: black; stroke-width: 8px; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } rect:hover, rect:active { outline: 1px solid red; } syntax preserveaspectratio="<align> [<meetorslice>]" its value is made of one or two keywords: a
required alignment value and an optional "meet or slice" reference as described below: alignment value the alignment value indicates whether to force uniform scaling and, if so, the alignment method to use in case the aspect ratio of the viewbox doesn't match the aspect ratio of the viewport.
<altGlyph> - SVG: Scalable Vector Graphics
value type: <iri> ; default value: none; animatable: no global attributes core attributes most notably: id lang styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage event attributes global event attributes, document element event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dash...
<animateColor> - SVG: Scalable Vector Graphics
nt, graphics element, shape elementpermitted contentany number of the following elements, in any order:descriptive elements attributes global attributes conditional processing attributes core attributes animation event attributes xlink attributes animation attribute target attributes animation timing attributes animation value attributes animation addition attributes externalresources
required specific attributes by from to dom interface this element implements the svganimatecolorelement interface.
<animateTransform> - SVG: Scalable Vector Graphics
dur="10s" repeatcount="indefinite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes » animation timing attributes » animation value attributes » animation addition attributes » externalresources
required specific attributes by from to type dom interface this element implements the svganimatetransformelement interface.
<clipPath> - SVG: Scalable Vector Graphics
value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; animatable: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriesnonepermitted contentany number of ...
<cursor> - SVG: Scalable Vector Graphics
usage context categoriesnonepermitted contentany number of the following elements, in any order:descriptive elements attributes global attributes conditional processing attributes core attributes xlink attributes externalresources
required specific attributes x y xlink:href dom interface this element implements the svgcursorelement interface.
<discard> - SVG: Scalable Vector Graphics
the <discard> svg element allows authors to specify the time at which particular elements are to be discarded, thereby reducing the resources
required by an svg user agent.
<feImage> - SVG: Scalable Vector Graphics
e pixel data as output (meaning if the external source is an svg image, it is rasterized.) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <animatetransform>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes xlink attributes class style externalresources
required specific attributes preserveaspectratio xlink:href dom interface this element implements the svgfeimageelement interface.
<filter> - SVG: Scalable Vector Graphics
usage context categoriesnonepermitted contentany number of the following elements, in any order:descriptive elementsfilter primitive elements<animate>, <set> attributes global attributes core attributes presentation attributes xlink attributes class style externalresources
required specific attributes x y width height filterres filterunits primitiveunits xlink:href dom interface this element implements the svgfilterelement interface.
<font> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentany number of the following elements, in any order:descriptive elements<font-face>, <glyph>, <hkern>, <missing-glyph>, <vkern> attributes global attributes core attributes presentation attributes class style externalresources
required specific attributes horiz-origin-x horiz-origin-y horiz-adv-x vert-origin-x vert-origin-y vert-adv-y dom interface this element implements the svgfontelement interface.
<mask> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 120%; animatable: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer elementpermitted contenta...
<mpath> - SVG: Scalable Vector Graphics
usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements attributes global attributes core attributes » xlink attributes » externalresources
required specific attributes xlink:href dom interface this element implements the svgmpathelement interface.
<pattern> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably:
requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibilit...
<symbol> - SVG: Scalable Vector Graphics
aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-
required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-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>, <al...