Search completed in 0.95 seconds.
Content states and the style system - Archive of obsolete content
content
states are what gecko uses to implement the various state-dependent in css (examples would be :hover, :active, :focus, :target, :checked).
...to this end, when a <code>content
stateschanged</code> notification is dispatched for a content node the first thing that's done is to is to check whether the content state change something could affect any styles.
... the way we determine whether the selector might have stopped or started matching the node is by just checking whether it matches with the caveat that all the state-dependent pseudo-classes corresponding to the
states that changed must be treated as matching (whether they actually do and whether they're negated or not).
...so the effect will be that of matching a node against the selectors: a a div the code that implements this is in the selectormatches method, which is passed the list of
states that changed in the astatemask parameter.
Gecko states
« at apis support page introduction below you will find a list of supported
states by gecko.
... state constants are defined in nsiaccessible
states.
...
states list state_unavailable the object is unavailable, i.e.
Using ARIA: Roles, states, and properties - Accessibility
aria defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and
states and properties that are supported by a role.
... authors must assign an aria role and the appropriate
states and properties to an element during its life-cycle, unless the element already has appropriate aria semantics (via use of an appropriate html element).
...header definition directory document feed figure group heading img list listitem math none note presentation row rowgroup rowheader separator table term textbox toolbar tooltip landmark roles banner complementary contentinfo form main navigation region search live region roles alert 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...
nsIAccessibleStates
accessible/public/nsiaccessible
states.idlscriptable please add a summary to this article.
IAccessible2
1.0 66 introduced gecko 1.9 inherits from: iaccessible last changed in gecko 1.9 (firefox 3) method overview [propget] hresult attributes([out] bstr attributes ); [propget] hresult extendedrole([out] bstr extendedrole ); [propget] hresult extended
states([in] long maxextended
states, [out, size_is(,maxextended
states), length_is(, nextended
states)] bstr extended
states, [out] long nextended
states ); [propget] hresult groupposition([out] long grouplevel, [out] long similaritemsingroup, [out] long positioningroup ); [propget] hresult indexinparent([out] long indexinparent ); [propget] hresult locale([out] ia2locale locale ); [propget] hresult localizedextendedrole([ou...
...t] bstr localizedextendedrole ); [propget] hresult localizedextended
states([in] long maxlocalizedextended
states, [out, size_is(,maxlocalizedextended
states), length_is(, nlocalizedextended
states)] bstr localizedextended
states, [out] long nlocalizedextended
states ); [propget] hresult nextended
states([out] long nextended
states ); [propget] hresult nrelations([out] long nrelations ); [propget] hresult relation([in] long relationindex, [out] iaccessiblerelation relation ); [propget] hresult relations([in] long maxrelations, [out, size_is(maxrelations), length_is( nrelations)] iaccessiblerelation relations, [out] long nrelations ); hresult role([out] long role ); hresult scrollto([in] enum ia2scrolltype scrolltype ); hresult scrolltopoint([in] enum ia2coordinatetype coordinatetype, [in...
...] long x, [in] long y ); [propget] hresult
states([out] accessible
states states ); [propget] hresult uniqueid([out] long uniqueid ); [propget] hresult windowhandle([out] hwnd windowhandle ); methods attributes() returns the attributes specific to this iaccessible2 object, such as a cell's formula.
...And 15 more matches
Power profiling overview
c-
states intel processors have aggressive power-saving features.
... the first is the ability to switch frequently (thousands of times per second) between active and idle
states, and there are actually several different kinds of idle
states.
... these different
states are called c-
states.
...And 11 more matches
Index - Web APIs
250 baseaudiocontext.onstatechange api, audio, audiocontext, baseaudiocontext, event handler, reference, web audio api, onstatechange the following snippet is taken from our audiocontext
states demo (see it running live.) the onstatechange hander is used to log the current state to the console every time it changes.
...a filereader exists in one of the following
states: 1348 filereader.result api, file api, files, property, reference the filereader result property returns the file's contents.
... 1853 htmlobjectelement.validity api, html dom, htmlobjectelement, needsexample, property, reference, validity the validity read-only property of the htmlobjectelement interface returns a validitystate with the validity
states that this element is in.
...And 8 more matches
UI pseudo-classes - Learn web development
in this article, we will explore in detail the different ui pseudo-classes available to us in modern browsers for styling forms in different
states.
... you can match these two
states using the :required and :optional pseudo-classes.
...form controls with constraint limitations can be targeted based on these
states.
...And 7 more matches
How to build custom form controls - Learn web development
in particular, it's important to clearly define all the
states of your control.
... to do this, it's good to start with an existing control whose
states and behavior are well known, so that you can simply mimic those as much as possible.
...here is the result we want to achieve: this screenshot shows the three main
states of our control: the normal state (on the left); the active state (in the middle) and the open state (on the right).
...And 6 more matches
Accessibility documentation index - Accessibility
here's where to file bugs: 13 using aria: roles,
states, and properties aria, accessibility, overview, reference aria defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and
states and properties that are supported by a role.
... authors must assign an aria role and the appropriate
states and properties to an element during its life-cycle, unless the element already has appropriate aria semantics (via use of an appropriate html element).
...for a full list of roles, see using aria: roles,
states, and properties 42 aria: comment role aria, aria role, comment, reference, annotations the comment landmark role semantically denotes a comment/reaction to some content on the page, or to a previous comment.
...And 5 more matches
Web applications and ARIA FAQ - Accessibility
javascript toolkits aria roles,
states, and properties have been added to a number of popular javascript user interface toolkits, including: dojo/dijit jquery ui fluid infusion google closure google web toolkit bbc glow yahoo!
...var progressbar = document.getelementbyid("percent-loaded"); // set its aria roles and
states, so that assistive technologies know what kind of widget it is.
... the first potential solution to this problem is to avoid placing aria roles and
states in your markup directly.
...And 4 more matches
2D maze game with device orientation - Game development
the <body> contains initialization of the phaser framework and the definitions of the game
states.
... back to game
states: the line below is adding a new state called boot to the game: game.state.add('boot', ball.boot); the first value is the name of the state and the second one is the object we want to assign to it.
...let's see what the
states are actually.
...And 3 more matches
Cognitive accessibility - Accessibility
adaptability guideline 1.3
states "content should be adaptable." create content that can be presented in different ways without losing information or structure.
...guideline 2.2
states "provide users enough time to read and use content." a time limit is any process that happens without user initiation after a set time or on a periodic basis, such as being logged out after 30 minutes or having 15 minutes to make a purchase.
... navigation guideline 2.4
states "provide ways to help users navigate, find content, and determine where they are," and provides 10 guidelines to ensure the site is navigable and content is findable: include a <title> make sure to include a <title> for the document, as titles provide a quick and easy to reference description of the screen's main point.
...And 3 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
[important] get_accstate: a 32 bit field representing possible on/off
states, such as focused, focusable, selected, selectable, visible, protected (for passwords), checked, etc.
...multiple selection] event_object_statechange [important for checkboxes and radio buttons] event_object_locationchange event_object_namechange event_object_descriptionchange event_object_valuechange [important for sliders and progress meters] event_object_parentchange event_object_helpchange event_object_defactionchange event_object_acceleratorchange msaa
states cheat sheet for information on what each state does, see the msdn state constants page.
... check with your assistive technology partners to find out what
states you need to support.
...And 3 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
in the united
states, this would be the state.
... "postal-code" a postal code (in the united
states, this is the zip code).
...if you need to break the phone number up into its components, you can use these values for those fields: "tel-country-code" the country code, such as "1" for the united
states, canada, and other areas in north america and parts of the caribbean.
...And 3 more matches
Treehydra Manual - Archive of obsolete content
conceptually, this is an object used in the analysis that represents a set of concrete
states.
...this is a special abstract state the represents the empty set of concrete
states.
...this is a special abstract state that represents all possible
states.
...And 2 more matches
Implementing controls using the Gamepad API - Game development
gamepad object there's lots of useful information contained in the gamepad object, with the
states of buttons and axes being the most important: id: a string containing information about the controller.
...then it loops through buttons and axes to get their actual
states and values.
... if(gamepadapi.buttonsstatus[i] == button) { // set the boolean variable to true newpress = true; // if we want to check the single press if(!hold) { // loop through the cached
states from the previous frame for(var j=0,p=gamepadapi.buttonscache.length; j<p; j++) { // if the button was already pressed, ignore new press if(gamepadapi.buttonscache[j] == button) { newpress = false; } } } } } return newpress; }, there are two types of action to consider for a button: a single press and a hold.
...And 2 more matches
WAI-ARIA basics - Learn web development
states — special properties that define the current conditions of elements, such as aria-disabled="true", which specifies to a screenreader that a form input is currently disabled.
...
states differ from properties in that properties don't change throughout the lifecycle of an app, whereas
states can change, generally programmatically via javascript.
... the spec also contains a list of all the properties and
states, with links to further information — see definitions of
states and properties (all aria-* attributes).
...And 2 more matches
Styling links - Learn web development
previous overview: styling text next when styling links, it is important to understand how to make use of pseudo-classes to style link
states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
... objective: to learn how to style link
states, and how to use links effectively in common ui features like navigation menus.
... link
states the first thing to understand is the concept of link
states — different
states that links can exist in, which can be styled using different pseudo-classes: link (unvisited): the default state that a link resides in, when it isn't in any other state.
...And 2 more matches
Accessibility API cross-reference
they also define a list of possible object
states, such as focused, read-only, checked, etc.
... these tables describe how various accessibility apis define possible roles of an object, and
states.
...they also define a list of possible object
states, such as focused, read-only, checked, etc.
...And 2 more matches
Accessible Toolkit Checklist
get_accstate: a 32 bit field representing possible on/off
states, such as focused, focusable, selected, selectable, visible, protected (for passwords), checked, etc.
... supporting the basic msaa
states on every item: unavailable, focused, readonly, offscreen, focusable to avoid extra work, utilize implementing an msaa server mnemonics ability to define in xml for any widget with a text label (via attribute or a preceding char in label) automatically define mnemonics for all standard common dialogs (like yes/no confirmations and retry/exit error dialogs) su...
...at needs the enter key layout engine - drawing dark border dynamically when the currently focused widget does not need the enter key events - making keystrokes do the right thing msaa support (default state) links enter key activates link (thus default button no longer shows dark border when link is focused) msaa support, including linked and traversed
states, and accessible value that holds destination url text fields - single and multiple line it's probably best to use native widgets for these, otherwise accessibility support will be quite difficult tab should always focus the next item, not insert a tab, unless there's a really good reason and another way to navigate always use system selection color, otherwise scre...
...And 2 more matches
GetState
« nsiaccessible page summary this method retrieves
states of the accessible.
... void getstate( out unsigned long astate, out unsigned long aextrastate ); parameters astate[out] the first bit field (see state_* constants in
states documentation).aextrastate[out] the second bit field (see ext_state_* constants in
states documentation).
...remarks accessible
states are stored as bit fields which describe boolean properties of node.
...And 2 more matches
nsIAccessibleRetrieval
getcachedaccessnode(in nsidomnode anode, in nsiweakreference ashell); obsolete since gecko 2.0 nsidomnode getrelevantcontentnodefor(in nsidomnode anode); astring getstringeventtype(in unsigned long aeventtype); astring getstringrelationtype(in unsigned long arelationtype); astring getstringrole(in unsigned long arole); nsidomdomstringlist getstring
states(in unsigned long a
states, in unsigned long aextra
states); methods getaccessiblefor() return an nsiaccessible for a dom node in pres shell 0.
...getstring
states() returns a list which contains accessible
states as strings.
... nsidomdomstringlist getstring
states( in unsigned long a
states, in unsigned long aextra
states ); parameters a
states accessible
states.
...And 2 more matches
ARIA: listbox role - Accessibility
associated aria roles,
states, and properties associated roles option one or more nested options are required.
... list a section containing listitem elements
states and properties aria-activedescendant holds the id string of the currently active element within the listbox.
... (for further details and a full list of aria
states and properties see the aria listbox (role) documentation.) keyboard interactions when a single-select listbox receives focus: if none of the options are selected before the listbox receives focus, the first option receives focus.
...And 2 more matches
Introduction to SSL - Archive of obsolete content
government restrictions on products that support anything stronger than 40-bit encryption, disabling support for all 40-bit ciphers effectively restricts access to network browsers that are available only in the united
states (unless the server involved has a special global server id that permits the international client to "step up" to stronger encryption).
...cipher suites supported by the ssl protocol that use the rsa key-exchange algorithm strength category and recommended use cipher suites strongest cipher suite permitted for deployments within the united
states only.
... strong cipher suites permitted for deployments within the united
states only.
...cipher suites supported by red hat when using fortezza for ssl 3.0 strength category and recommended use cipher suites strong fortezza cipher suites permitted for deployments within the united
states only.
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
hover and non-link elements section 5.11.3 of css2 defines the three dynamic pseudo-classes (:hover, :active, and :focus) and then goes on to say: css doesn't define which elements may be in the above
states, or how the
states are entered and left.
... thus, although authors are used to thinking of these
states as applying exclusively to hyperlinks, they are not so restricted by css2.
... any element can, in theory, be in any of the three
states, and thus can be styled based on those
states.
...although authors may intend the selector a:hover to apply only to hyperlinks, it will also apply to named anchors, since the selector merely
states that any a element which is in a hover state will be styled.
Getting started with CSS - Learn web development
this has different
states depending on whether it is unvisited, visited, being hovered over, focused via the keyboard, or in the process of being clicked (activated).
... you can use css to target these different
states — the css below styles unvisited links pink and visited links green.
... a:link { color: pink; } a:visited { color: green; } you can change the way the link looks when the user hovers over it, for example removing the underline, which is achieved by in the next rule: a:hover { text-decoration: none; } in the live example below, you can play with different values for the various
states of a link.
...you could remove the underline from all
states of a link.
nsIMsgCloudFileProvider
acallback the nsirequestobserver for monitoring the start and stop
states of the refresh operation.
... acallback the nsirequestobserver for monitoring the start and stop
states of the delete operation.
... acallback the nsirequestobserver for monitoring the start and stop
states of the new account creation operation.
... void createexistingaccount(in nsirequestobserver acallback); parameters acallback the nsirequestobserver for monitoring the start and stop
states of the creation operation.
Accessibility Inspector - Firefox Developer Tools
states — a list of the different accessibility-relevant
states that can apply to the current item.
... for example, one of the links in one demo has
states of focusable, linked, selectable text, opaque, enabled, and sensitive.
... for a full list of internal
states, see gecko
states.
...this can include style-related attributes such as margin-left and text-indent, and other useful
states for accessibility information, such as draggable and level (e.g., what heading level is it, in the case of headings).
An overview of accessible web applications and widgets - Accessibility
designed to fill the gap between standard html tags and the desktop-style controls found in dynamic web applications, aria provides roles and
states that describe the behavior of most familiar ui widgets.
... the aria specification is split up into three different types of attributes: roles,
states, and properties.
...
states describe the current interaction state of an element, informing the assistive technology if it is busy, disabled, selected, or hidden.
...examples include (but are certainly not limited to): aria-checked: indicates the state of a checkbox or radio button aria-disabled: indicates that an element is visible, but not editable or otherwise operable aria-grabbed: indicates the 'grabbed' state of an object in a drag-and-drop operation (for a full list of aria
states, consult the aria list of
states and properties.) developers should use aria
states to indicate the state of ui widget elements and use css attribute selectors to alter the visual appearance based on the state changes (rather than using script to change a class name on the element).
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
this will allow the user to save and restore session snapshots (browser window
states) at any time.
...in lines 4–6, we use the nslsessionstore interface’s getbrowserstate method to get a json text-string representation of the
states of all currently open browser windows.
...using the various methods in the nslsessionstore interface, which is an xpcom service, you can easily save and restore session
states.
button - Archive of obsolete content
if you wish to have different behavior for how the
states are adjusted, set the autocheck attribute to false and adjust the state with a script.
... checkbox this type of button can be in two
states.
... the user can click the button to switch between the
states.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
22 arpanet glossary, infrastructure the arpanet (advanced research projects agency network) was an early computer network, constructed in 1969 as a robust medium to transmit sensitive military data and to connect leading research groups throughout the united
states.
...frequently referred to in the united
states as "touch tone" (after the touch-tone trademark used when the transition from pulse dialing to dtmf began), dtmf makes it possible to signal the digits 0-9 as well as the letters "a" through "d" and the symbols "#" and "*".
... 107 delta delta, glossary, difference, value the term delta refers to the difference between two values or
states.
What is accessibility? - Learn web development
note: the world health organization's disability and health fact sheet
states that "over a billion people, about 15% of the world's population, have some form of disability", and "between 110 million and 190 million adults have significant difficulties in functioning." people with visual impairments people with visual impairments include people with blindness, low-level vision, and color blindness.
...that's a large and significant population of users to just miss out on because your site isn't coded properly — almost the same size as the population of the united
states of america.
... the united
states centers for disease control estimate that, as of 2018, 1 in 4 u.s.
Practical positioning examples - Learn web development
add the following css: .info-box li { float: left; list-style-type: none; width: 150px; } .info-box li a { display: inline-block; text-decoration: none; width: 100%; line-height: 3; background-color: red; color: black; text-align: center; } finally for this section we'll set some styles on the link
states.
... first, we'll set the :focus and :hover
states of the tabs to look different when they are focused/hovered, providing users with some visual feedback.
...transitions are an interesting feature that allow you to make changes between
states happen smoothly, rather than just going "on", "off" abruptly.
Gecko info for Windows accessibility vendors
roles,
states and events: please read the msaa documentation on msdn if you are unfamiliar with these.
...hat 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.
...be prepared for new combinations of roles and
states in content, such as role_slider, role_progressbar and state_required.
Building the WebLock UI
this tutorial makes use of only two different
states, but you can further customize the look of the weblock using the three images if you wish.) since the presentation of the weblock manager dialog itself doesn't require any special styles, these are all the rules you need in the weblock.css.
... image resources if you are following along with this tutorial and want to use the images we use here for the
states of the weblock component in the statusbar, you can download them and the other resources for weblock from http://www.brownhen.com/weblock.
... the gif files that represent the various
states are: wlock.gif wl-lock.gif wl-un.gif note: other-mozlike-browsers or one very much like it.
nsIAccessible
role,
states and name these includes main properties used to describe the accessible.
... nsiaccessible.role to get the role of the accessible nsiaccessible.getstate() to get
states of the accessibe nsiaccessible.name, nsiaccessible.value to get the name and the value of the accessible tree navigation you can navigate through the accessible tree by the following methods and attributes.
... getstate provides a bit fields of accessible
states which describe boolean properties of accessible.
nsIDocShell
valid
states are defined in constants.
...valid
states are defined in constants.
... note that nsidocshell may use other
states internally so you should check for the specific state bit.
Key Values - Web APIs
appcommand_bass_down "audiobassboostdown" reduces bass boosting or cycles downward through bass boost modes or
states.
... appcommand_bass_boost "audiobassboostup" increases the amoung of bass boosting, or cycles upward through a set of bass boost modes or
states.
... (in the united
states this is a comma, but elsewhere it is frequently a period.) vk_separator (0x6c) kvk_jis_keypadcomma (0x5f) gdk_key_kp_separator (0xffac) keycode_numpad_comma (159) "0" through "9" the actual digit keys on the numeric keypad.
Pointer events - Web APIs
additionally, a pointer event contains the usual properties present in mouse events (client coordinates, target element, button
states, etc.) in addition to new properties for other forms of input: pressure, contact geometry, tilt, etc.
... determining button
states some pointer devices, such as mouse and pen, support multiple buttons and the button presses can be chorded i.e.
... the following table provides the values of button and buttons for the various device button
states.
ARIA: grid role - Accessibility
even though both data grids and layout grids employ the same aria roles,
states, and properties, differences in their content and purpose surface factors that are important to consider in keyboard interaction design.
... associated aria roles,
states, and properties roles treegrid (subclass) if a grid has columns that can expanded or collapsed, a treegrid can be used.
...
states and properties aria-level indicates the hierarchical level of the grid within other structures.
ARIA: button role - Accessibility
associated aria roles,
states, and properties aria-pressed defines the button as a toggle button.
... toggle buttons a toggle button typically has two
states: pressed and not pressed.
...when the button is activated, the aria-pressed value switches
states; changing from true to false and back again.
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.
... similarly, an element with role="checkbox" can expose three
states through the aria-checked attribute: true, false, or mixed.
... associated wai-aria roles,
states, and properties aria-checked the value of aria-checked defines the state of a checkbox.
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
setting the image for a toolbar button is done with css: #xulschoolhello-hello-world-button { list-style-image: url("chrome://xulschoolhello/skin/hello-world.png"); } it's not really that simple to set the image for a toolbar button, because we need to consider the appearance of the button on different systems, and also consider the different button
states, but we'll get into that further ahead.
... only a few icons have different
states (rows).
Index - Archive of obsolete content
442 content
states and the style system developing mozilla content
states are what gecko uses to implement the various state-dependent in css (examples would be :hover, :active, :focus, :target, :checked).
...liveconnect gives your extension's javascript code (linked from or contained in xul code) access to 2 objects: java and packages (note that per this thread, although the new documentation for the liveconnect reimplementation
states that these globals will be deprecated (in the context of applets), "firefox and the java plug-in will continue to support the global java/packages keywords, in particular in the context of firefox extensions.").
In-Depth - Archive of obsolete content
if you look through the rest of this file, you'll also notice that there are regions for the different
states of #back-button.
...each row is a different icon in one of its 4 different
states (normal, hover, mouse down, and disabled).
Skinning XUL Files by Hand - Archive of obsolete content
yling, which we summarize briefly here, because they appear in mozilla with some frequency, but reserve for another article: pseudo-class parent-child element:pseudo-class { attribute: value; } parent > child { attribute: value; } button:hover { border: 1px; } menu#file > menuitem { font-weight: bold; } pseudo-classes reflect
states of the element: when the mouse moves over a button, for example, the appropriate pseudo-class stylesheet rules are applied.
...when you declare a button in your xul to be of a particular class, you take advantage of all of the styles defined for the various
states of that button.
Extentsions FAQ - Archive of obsolete content
could there be more than two images to reflect more than two
states?does the rules in the css file have to be in any particular order (if two rules match, which is chosen)?
... i have two
states switching images in the tool bar and would have no problem implementing a third, so yes it's possible.
Desktop gamepad controls - Game development
if we want to check the button is not held already (so it's a new press), then looping through the cached
states from the previous frame does the job — if the button was already pressed, then we ignore the new press and set it to false.
...s in the main menu: if(gamepadapi.buttons.pressed('y','hold')) { if(!this.screengamepadhelp.visible) { this.screengamepadhelp.visible = true; } } else { if(this.screengamepadhelp.visible) { this.screengamepadhelp.visible = false; } } if the b button is pressed, the game is paused: if(gamepadapi.buttonpressed('b')) { this.managepause(); } pause and game over
states we already learned how to control the whole lifecycle of the game: pausing the gameplay, restarting it, or getting back to the main menu.
Implementing game control mechanisms - Game development
setting up the environment let's start with a quick overview of the game's folder structure, javascript files and in-game
states, so we know what's happening where.
...the src folder contains the javascript files split as a separate
states — boot.js, preloader.js, mainmenu.js and game.js — these are loaded into the index file in this exact order.
CSS and JavaScript accessibility best practices - Learn web development
something should definitely happen when
states change, and you shouldn't get rid of the pointer cursor or the outline — both are very important accessibility aids for those using keyboard controls.
...you could style form focus/hover
states to make this behaviour more consistent across browsers or fit in better with your page design, but don't get rid of it altogether — again, people rely on these clues to help them know what is going on.
HTML basics - Learn web development
this
states where the element begins or starts to take effect — in this case where the paragraph begins.
...this
states where the element ends — in this case where the paragraph ends.
Promise
internally, a promise can be in one of three
states: pending, when the final value is not available yet.
... this is the only state that may transition to one of the other two
states.
Promise.jsm
internally, a promise can be in one of three
states: pending, when the final value is not available yet.
... this is the only state that may transition to one of the other two
states.
Bootstrapping a new locale
this is done by cloning the en-us (united
states english) files into your localization.
... the "-cd" part is only necessary to differentiate between versions of a language that are subtly different from country to country, such as in "en-us" and "en-gb" for united
states english and british english.
Tracing JIT
at any moment, the trace monitor is in one of three major
states: monitoring, recording, or executing.
... the transitions between these
states are somewhat complex and delicate, but the overall picture is simple: monitoring the trace monitor's initial state is monitoring.
Gecko object attributes
please see the aria
states and properties module for more information.
...please see the aria
states and properties module for more information.
XForms Accessibility
state it is formed as well from model item properties (mips) of instance node that xforms element is bound to as from valid/invalid or in-range/out-of-range
states of instance node.
... instance node
states are mapped to accessibility state constants declared in nsiaccessible
states interface like it shown below: relevant - state_unavailable readonly - state_readonly required - state_required invalid - state_invalid out of range - state_invalid attributes redefines datatype aria attribute.
Index
272 getstate this method retrieves
states of the accessible.
... 314 nsiaccessible
states accessibility, interfaces, interfaces:scriptable, xpcom, xpcom interface reference prior to gecko 1.9, these constants were implemented in nsiaccessible.
Examine and edit CSS - Firefox Developer Tools
the color scheme simulator has four
states, which you can cycle through by clicking the button repeatedly: icon value description null the prefers-color-scheme media feature is not defined.
... note that the first three
states of the button may be difficult to distinguish visually.
about:debugging - Firefox Developer Tools
three
states are possible: registering: this covers all
states between the service worker's initial registration, and its assuming control of pages.
... that is, it subsumes the installing, activating, and waiting
states.
AddressErrors - Web APIs
please check for any errors."; const invalidcountryerror = "at this time, we only ship to the united
states, canada, great britain, japan, china, and germany."; let shippingaddress = ev.target.shippingaddress; let shippingaddresserrors = {}; let updatedetails = {}; if (!validcountries.includes(shippingaddress.country)) { ev.target.shippingoptions = []; shippingaddresserrors.country = invalidcountryerror; updatedetails = { error: genericaddresserror, shippingaddresserr...
...please check for any errors."; const invalidcountryerror = "at this time, we only ship to the united
states, canada, great britain, japan, china, and germany."; let shippingaddress = ev.target.shippingaddress; let shippingaddresserrors = {}; let updatedetails = {}; if (!validcountries.includes(shippingaddress.country)) { ev.target.shippingoptions = []; shippingaddresserrors.country = invalidcountryerror; updatedetails = { error: genericaddresserror, shippingaddresserr...
Transformations - Web APIs
canvas
states are stored on a stack.
... a save and restore canvas state example this example tries to illustrate how the stack of drawing
states functions by drawing a set of consecutive rectangles.
PaymentAddress.postalCode - Web APIs
the postalcode read-only property of the paymentaddress interface returns a string containing a code used by a jurisdiction for mail routing, for example, the zip code in the united
states or the postal index number (pin code) in india.
...in most of the world, it's known as the "post code" or "postal code." in the united
states, the zip code is used.
RTCDtlsTransport.state - Web APIs
examples this example presents a function, tallysenders(), which iterates over an rtcpeerconnection's rtcrtpsenders, tallying up how many of them are in various
states.
...lts.connectionpending++; break; case "connected": results.connected++; break; case "closed": results.closed++; break; case "failed": results.failed++; break; default: results.unknown++; break; } } }); return results; } note that in this code, the new and connecting
states are being treated as a single connectionpending status in the returned object.
RTCDtlsTransport - Web APIs
examples this example presents a function, tallysenders(), which iterates over an rtcpeerconnection's rtcrtpsenders, tallying up how many of them are in various
states.
...lts.connectionpending++; break; case "connected": results.connected++; break; case "closed": results.closed++; break; case "failed": results.failed++; break; default: results.unknown++; break; } } }); return results; } note that in this code, the new and connecting
states are being treated as a single connectionpending status in the returned object.
RTCIceTransport - Web APIs
the value of state can be used to determine whether the ice agent has made an initial connection using a viable candidate pair ("connected"), made its final selection of candidate pairs ("completed"), or in an error state ("failed"), among other
states.
... see the rtcicetransportstate enumerated type for a complete list of
states.
RTCPeerConnection.connectionState - Web APIs
rtcpeerconnectionstate enum the rtcpeerconnectionstate enum defines string constants which describe
states in which the rtcpeerconnection may be.
... constant description "new" at least one of the connection's ice transports (rtcicetransports or rtcdtlstransports) are in the "new" state, and none of them are in one of the following
states: "connecting", "checking", "failed", or "disconnected", or all of the connection's transports are in the "closed" state.
RTCPeerConnection - Web APIs
rtcpeerconnectionstate enum the rtcpeerconnectionstate enum defines string constants which describe
states in which the rtcpeerconnection may be.
... constant description "new" at least one of the connection's ice transports (rtcicetransports or rtcdtlstransports) are in the "new" state, and none of them are in one of the following
states: "connecting", "checking", "failed", or "disconnected", or all of the connection's transports are in the "closed" state.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
rollback no longer supported in the pranswer state the last of the api changes that stand out is that you can no longer roll back when in either of the have-remote-pranswer or the have-local-pranswer
states.
... thus, attempting to trigger rollback while in one of the two pranswer
states will now throw an invalidstateerror.
Rendering and the WebXR frame animation callback - Web APIs
this is due to early displays using the ac electrical grid's current flow waveform, which cycles 60 times per second in the united
states (50 in europe), for timing purposes.
...two of the most common are handling of user inputs and performing updates to the positions of objects (or the viewer) based on known factors, such as those user control
states or known animation paths of the objects in the scene.
Window: beforeunload event - Web APIs
the html specification
states that calls to window.alert(), window.confirm(), and window.prompt() methods may be ignored during this event.
... examples the html specification
states that authors should use the event.preventdefault() method instead of using event.returnvalue.
ARIA: cell role - Accessibility
associated wai-aria roles,
states, and properties context roles role="row" an element with role="row" is a row of cells within a tabular structure.
...
states and properties aria-colspan similar to the html <th> and <td> colspan attribute, it defines the number of columns spanned by the cell.
ARIA: row role - Accessibility
associated wai-aria roles,
states, and properties context roles role="rowgroup" an optional contextual row parent, it establishes a relationship between descendant rows.
...
states and properties aria-expanded state the aria-expanded attribute, which defines the state of the row, can take one of three values, or be omitted: aria-expanded="true: row is currently expanded.
ARIA: switch role - Accessibility
the aria switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked"
states, which are fairly generic in meaning, the switch role represents the
states "on" and "off." this example creates a widget and assigns the aria switch role to it.
... 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.
WAI-ARIA Roles - Accessibility
for a full list of roles, see using aria: roles,
states, and properties aria: alert rolethe alert role can be used to tell the user an element has been dynamically updated.
...this should be used on an element that wraps an element with an insertion role, and one with a deletion role.aria: switch rolethe aria switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked"
states, which are fairly generic in meaning, the switch role represents the
states "on" and "off."aria: tab rolethe aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.aria: table rolethe table value of the aria role attribute identifies the element containing the role as having a non-interactive table structure containing data arranged ...
ARIA - Accessibility
for instance, native elements have built-in keyboard accessibility, roles and
states.
...var progressbar = document.getelementbyid("percent-loaded"); // set its aria roles and
states, // so that assistive technologies know what kind of widget it is.
Mobile accessibility checklist - Accessibility
use alt and title where appropriate (see steve faulkner's post about using the html title attribute for a good guide.) if the above attributes are not applicable, use appropriate aria
states and properties such as aria-label, aria-labelledby, or aria-describedby.
...however, for other custom controls state changes must be provided via aria
states such as aria-checked, aria-disabled, aria-selected, aria-expanded, and aria-pressed.
Using CSS transitions - CSS: Cascading Style Sheets
animations that involve transitioning between two
states are often called implicit transitions as the
states in between the start and final
states are implicitly defined by the browser.
...the relevant portions are shown here: a { color: #fff; background-color: #333; transition: all 1s ease-out; } a:hover, a:focus { color: #333; background-color: #fff; } this css establishes the look of the menu, with the background and text colors both changing when the element is in its :hover and :focus
states.
Using media queries - CSS: Cascading Style Sheets
to test and monitor media
states using the window.matchmedia() and mediaquerylist.addlistener() javascript methods.
...} testing for multiple queries you can use a comma-separated list to apply styles when the user's device matches any one of various media types, features, or
states.
transition - CSS: Cascading Style Sheets
transitions enable you to define the transition between two
states of an element.
... different
states may be defined using pseudo-classes like :hover or :active or dynamically set using javascript.
Video player styling basics - Developer guides
simple :hover and :focus
states are then set for each button that simply alters the opacity of the button: .controls button:hover, .controls button:focus { opacity:0.5; } to obtain appropriate button images, a set of free common control set icons was downloaded from the web.
...play/pause, and mute/unmute, these buttons have different
states that need to be styled.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
for more information about color blindness, see the following articles: medline plus: color blindness (united
states national institute of health) american academy of ophthamology: what is color blindness?
... color blindness & web design (usability.gov: united
states department of health and human services) palette design example let's consider a quick example of selecting an appropriate color palette for a site.
Promise - JavaScript
a promise is in one of these
states: pending: initial state, neither fulfilled nor rejected.
...
states and fates contains more details about promise terminology.
CSS and JavaScript animation performance - Web Performance
css animations, on the other hand, allow developers to make animations between a set of starting property values and a final set rather than between two
states.
... css animations consist of two components: a style describing the css animation, and a set of key frames that indicate the start and end
states of the animation's style, as well as possible intermediate points.
simple-prefs - Archive of obsolete content
a boolint is presented to the user as a checkbox, but instead of storing true or false, the "on" or "off" checkbox
states are mapped to integers using "on" or "off" properties in the specification.
places/favicon - Archive of obsolete content
onsole.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); // tab example require("sdk/tabs").open({ url: "http://mozilla.org", onready: function (tab) { getfavicon(tab).then(function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); } }); // an optional callback can be provided to handle // the promise's resolve and reject
states getfavicon("http://mozilla.org", function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); parameters object : string|tab a value that represents the url of the page to get the favicon url from.
The Essentials of an Extension - Archive of obsolete content
the line that we skipped in the chrome.manifest file
states that this xul file is an overlay for the main browser window: overlay chrome://browser/content/browser.xul chrome://xulschoolhello/content/browseroverlay.xul with this line, firefox knows that it needs to take the contents of browseroverlay.xul and overlay it on the main browser window, browser.xul.
Index of archived content - Archive of obsolete content
bedding mozilla in a java application using javaxpcom error console exception logging in javascript existing content extension frequently asked questions external cvs snapshots in mozilla-central fast graphics performance with html firefox block and line layout cheat sheet content
states and the style system disabling interruptible reflow document loading - from load start to finding a handler documentation for bidi mozilla downloading nightly or trunk builds jss build instructions for osx 10.6 layout faq layout system overview multiple firefox profiles repackaging firefox ...
Java in Firefox Extensions - Archive of obsolete content
liveconnect gives your extension's javascript code (linked from or contained in xul code) access to 2 objects: java and packages (note that per this thread, although the new documentation for the liveconnect reimplementation
states that these globals will be deprecated (in the context of applets), "firefox and the java plug-in will continue to support the global java/packages keywords, in particular in the context of firefox extensions.").
Monitoring downloads - Archive of obsolete content
(); break; // record the completion (whether failed or successful) of the download case components.interfaces.nsidownloadmanager.download_finished: case components.interfaces.nsidownloadmanager.download_failed: case components.interfaces.nsidownloadmanager.download_canceled: this.logtransfercompleted(adownload); break; } }, we're interested in four
states.
Mozilla Crypto FAQ - Archive of obsolete content
("usc" stands for "united
states code.") the eaa was passed as temporary legislation; however the president of the united
states has periodically issued orders to continue the eaa and ear, exercising authority under the international emergency economic powers act, also known as 50 usc 1701-1706.
XML in Mozilla - Archive of obsolete content
another exception is an entity whose system identifier is a relative path, and the xml declaration
states that the document is not standalone (default), in which case mozilla will try to look for the entity under <bin>/res/dtd directory.
Archived Mozilla and build documentation - Archive of obsolete content
liveconnect gives your extension's javascript code (linked from or contained in xul code) access to 2 objects: java and packages (note that per this thread, although the new documentation for the liveconnect reimplementation
states that these globals will be deprecated (in the context of applets), "firefox and the java plug-in will continue to support the global java/packages keywords, in particular in the context of firefox extensions.").
2006-10-06 - Archive of obsolete content
other links of interest: roadmap for accessible rich internet applications (wai-aria roadmap) roles for accessible rich internet applications (wai-aria roles)
states and properties module for accessible rich internet applications (wai-aria
states and properties) making ajax work with screen readers meetings accessibility hackfest 2006 - october 10-12 in cambridge, ma (more details) participants include the mozilla foundation, ibm, sun and novell to name a few.
2006-10-20 - Archive of obsolete content
paul reed re
states his overall goal that are "getting us to not rely on hardware that you have to have in a certain position for it to boot" to use standard known configuration for every nightly build that is produced.
2006-12-01 - Archive of obsolete content
he
states that javascript is powerful server-side scripting but it lacks in popularity since its only supported by netscape, lacks a wide range of libraries, minimal marketing support.
XForms API Reference - Archive of obsolete content
:-) naming convention the xforms interfaces has the following naming convention: nsixforms...element interfaces implemented by the c++ part of a control nsixformsns...element interfaces extending xforms specification interfaces nsixforms...uielement interfaces implemented by the js part of a control nsixforms...accessors interface exposing
states about the bound instance node for a given control frozen interfaces nsixformsmodelelement the model interface experimental interfaces nsixformsdelegate the delegate interface for xforms:custom_controls nsixformsaccessors the accessors interface for xforms:custom_controls nsixformsnsmodelelement custom extension(s) to the nsixformsmod...
RFE to the Custom Controls Interfaces - Archive of obsolete content
in short, we have the following interfaces: nsixformsaccessors - serves to get/set the value of the instance data node that the xforms element is bound to as well as getting the various
states of that node nsixformsdelegate - used to obtain the nsixformsaccessors interface nsixformsuiwidget - used by the xforms processor to update the value/state of an xforms element when its bound node's value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
Desktop mouse and keyboard controls - Game development
to skip the how to play screen, we can listen for any key being pressed and move on: this.input.keyboard.ondowncallback = function() { if(this.
statestatus == 'intro') { this.hideintro(); } }; this hides the intro and starts the actual game, without us having to set up another new key control just for this.
Unconventional controls - Game development
you can also check this handy cheat sheet seen below if you're working with panasonic tvs running firefox os: you can add moving between
states, starting a new game, controlling the ship and blowing stuff up, pausing and restarting the game.
2D breakout game using Phaser - Game development
you will learn the basics of using the phaser framework to implement fundamental game mechanics like rendering and moving images, collision detection, control mechanisms, framework-specific helper functions, animations and tweens, and winning and losing
states.
Tutorials - Game development
along the way you will learn the basics of using the <canvas> element to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, and winning and losing
states.
Distributed Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
the united
states computer emergency readiness team (us-cert) defines symptoms of denial-of-service attacks to include: unusually slow network performance (opening files or accessing websites) unavailability of a particular website inability to access any website dramatic increase in the number of spam emails received—(this type of dos attack is considered an email bomb) disconnection of a wireless or wir...
Advanced styling effects - Learn web development
5px rgba(255,255,255,0.5); } button:focus, button:hover { background-image: linear-gradient(to bottom right, #888, #eee); } button:active { box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px rgba(0,0,0,0.3), inset -2px -3px 5px rgba(255,255,255,0.5); } this gives us the following result: here we've set up some button styling along with focus/hover/active
states.
CSS selectors - Learn web development
e { } attribute selectors this group of selectors gives you different ways to select elements based on the presence of a certain attribute on an element: a[title] { } or even make a selection based on the presence of an attribute with a particular value: a[href="https://example.com"] { } pseudo-classes and pseudo-elements this group of selectors includes pseudo-classes, which style certain
states of an element.
Flexbox - Learn web development
try updating your existing article rules like so: article { flex: 1 200px; } article:nth-of-type(3) { flex: 2 200px; } this basically
states "each flex item will first be given 200px of the available space.
Styling text - Learn web development
styling links when styling links, it is important to understand how to make use of pseudo-classes to style link
states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
Example 3 - Learn web development
change
states html content <form class="no-widget"> <select name="myfruit" tabindex="-1"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select" tabindex="0"> <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> </form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } /* ------...
Example 4 - Learn web development
change
states html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <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> </form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } /* --------------- */ /* required styles */ /...
Example 5 - Learn web development
change
states html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select" role="listbox"> <span class="value">cherry</span> <ul class="optlist hidden" role="presentation"> <li class="option" role="option" aria-selected="true">cherry</li> <li class="option" role="option">lemon</li> <li class="option" role="option">banana</li> <li class="option" role="option">strawberry</li> <li class="option" role="option">apple</li> </ul> </div> </form> css content .widget select, .no-widget .select { posi...
How to structure a web form - Learn web development
<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.
Client-side storage - Learn web development
name in web storage localstorage.setitem('name', nameinput.value); // run namedisplaycheck() to sort out displaying the // personalized greetings and updating the form display namedisplaycheck(); }); at this point we also need an event handler to run a function when the "forget" button is clicked — this is only displayed after the "say hello" button has been clicked (the two form
states toggle back and forth).
Drawing graphics - Learn web development
one of the basic trigonometric formulae
states that the length of the adjacent multiplied by the tangent of the angle is equal to the opposite, hence we come up with 50 * math.tan(degtorad(60)).
Object building practice - Learn web development
last of all, we use the fill() method, which basically
states "finish drawing the path we started with beginpath(), and fill the area it takes up with the color we specified earlier in fillstyle." you can start testing your object out already.
Getting started with React - Learn web development
objective: to set up a local react development environment, create a start app, and understand the basics of how it works hello react as its official tagline
states, react is a library for building user interfaces.
Beginning our React todo list - Learn web development
for example: <button type="button" classname="btn toggle-btn" aria-pressed="true"> <span classname="visually-hidden">show </span> <span>all</span> <span classname="visually-hidden"> tasks</span> </button> here, aria-pressed tells assistive technology (like screen readers) that the button can be in one of two
states: pressed or unpressed.
Starting our Svelte Todo list app - Learn web development
for example: <button class="btn toggle-btn" aria-pressed="true"> <span class="visually-hidden">show</span> <span>all</span> <span class="visually-hidden">tasks</span> </button> here, aria-pressed tells assistive technology (like screen readers) that the button can be in one of two
states: pressed or unpressed.
Mozilla's Section 508 Compliance
the united
states federal rehabilitation act's section 508 is a new standard for defining accessibility requirements for software and other electronic and information technology.
Accessibility and Mozilla
they also define a list of possible object
states, such as focused, read-only, checked, etc.accessibility features in firefoxfirefox works with popular screen readers, with the best support currently coming from gw micro's window-eyes 5.5.
The Firefox codebase: CSS Guidelines
if this isn't possible, you can also try introducing a :not() to prevent the other rule from applying, this is especially relevant for different element
states (:hover, :active, [checked] or [disabled]).
Performance
mescript.js"); services.ppmm.removedelayedprocessscript("resources://my-addon/processcript.js"); services.mm.broadcastasyncmessage("my-addon:unload"); services.ppmm.broadcastasyncmessage("my-addon:unload"); } in the frame/process scripts: remove all kinds of listeners remove observer notifications remove custom categories and services nuke sandboxes unload jsms restore content dom
states where necessary, e.g.
AddonManager
addonlistcallback() a callback that is passed an array of addons void addonlistcallback( in addon addons[] ) parameters addons the array of addons passed back from the asynchronous request constants addoninstall
states constant description state_available an install that is waiting to be started.
Widget Wrappers
nb: this property is writable, and will toggle all the widgets' nodes' disabled
states label for api-provided widgets, the label of the widget tooltiptext for api-provided widgets, the tooltip of the widget showinprivatebrowsing for api-provided widgets, whether the widget is visible in private browsing single wrapper properties all of a wrapper's properties are read-only unless otherwise indicated.
Application Translation with Mercurial
this can be done in a text editor or word processor or any other tool in which you can attach different kind of
states to the individual texts to translate.
Uplifting a localization from Central to Aurora
la-aurora/ab-cd searching for changes no changes found # push to central hg push ../l10n-central/ab-cd # push to aurora hg push ../releases/l10n/mozilla-aurora/ab-cd # push l10n-central upstream cd ../l10n-central/ab-cd hg push # push aurora upstream cd ../../releases/l10n/mozilla-aurora/ab-cd hg push keep in mind that at this point, aurora and beta correspond to different
states of l10n, and thus you don't want to push the aurora state to beta.
powermetrics
other measurements powermetrics can also report measurements of backlight usage, network activity, disk activity, interrupt distribution, device power
states, c-state residency, p-state residency, quality of service classes, and thermal pressure.
Performance
turbostat (linux-only) turbostat is a command-line utility that gathers and displays various power-related measurements, with a focus on per-cpu measurements such as frequencies and c-
states.
NSS FAQ
is nss available outside the united
states?
FIPS Mode - an explanation
the united
states government defines many (several hundred) "federal information processing standard" (fips) documents.
NSS Config Options
ssl-default-lock: turn off the ability for applications to change cipher suite
states with ssl_enablecipher, ssl_disablecipher.
PKCS11 FAQ
pkcs #11 sessions are cryptographic session
states, independent of threads.
Necko walkthrough
back on the main thread: nsinputstreampump::oninputstreamready this function in turn calls nsinputstreampump::on
statestart, nsinputstreampump::onstatetransfer and nsinputstreampump::on
statestop.
SpiderMonkey Build Documentation
refer the release notes under command line tools -> new features the release notes also
states that this compatibility package will no longer be provided in the near future, so the build system on macos will have to be adapted to look for headers in the sdk until then, the following should help, open /library/developer/commandlinetools/packages/macos_sdk_headers_for_macos_10.14.pk this builds an executable named js in the directory build-release/dist/bin.
Web Replay
learn more web replay allows firefox content processes to record their behavior, replay it later, and rewind to earlier
states.
Mozilla Projects
web replay web replay allows firefox content processes to record their behavior, replay it later, and rewind to earlier
states.
Gecko events
is supported: yes
states: state_focused, state_busy, xxx: event_location_change an object has changed location, shape, or size.
Implementation Details
supported features interfaces refer to specific pages to get information of supported interfaces for interested at api: core: gecko interfaces windows: msaa, ia2, ienumvariant and isimpledom* interfaces linux: at-spi roles refer to specific pages to get information of supported roles for interested at api: gecko msaa ia2 at-spi
states refer to specific pages to get information of supported
states for interested at api: gecko msaa ia2 at-spi relations refer to specific pages to get information of supported relations for interested at api: gecko msaa ia2 at-spi attributes object attributes refer to specific pages to get information of supported object attributes for interested at api: gecko msaa ia2 at-spi text attributes ...
AT APIs Support
there you will find information how at api interfaces, roles,
states and etc are mapped into gecko accessibility api and visa versa.
inIDOMUtils
unsigned long long getcontentstate( in nsidomelement aelement ); parameters aelement a dom element to retrieve the content
states of.
nsIAccessibleStateChangeEvent
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview boolean isenabled(); boolean isextrastate(); attributes attribute type description state unsigned long returns the state of accessible (see constants declared in nsiaccessible
states).
nsIDownload
completed
states are nsidownloadmanager::download_finished, nsidownloadmanager::download_failed, and nsidownloadmanager::download_canceled.
nsIDownloadManager
exceptions thrown ns_error_failure if the download is not in the following
states: download_canceled or download_failed.
nsIDownloadProgressListener
as the
states of downloads change, the methods described here are called by the download manager so your code can take whatever steps it needs to.
nsITextInputProcessor
especially, please note that modifier key
states such as shiftkey are also ignored because each instance of nsitextinputprocessor manages modifier state which is modified when keydown() or keyup() is called with modifier key event.
nsIWebProgressListener
bprogress, in nsirequest arequest, in unsigned long astate); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus); void onstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage); constants state transition flags these flags indicate the various
states that requests may transition through as they are being loaded.
XPCOM Interface Reference
tensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleeditabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibleprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrolltypensiaccessibleselectablensiaccessiblestatechangeeventnsiaccessible
statesnsiaccessibletablensiaccessibletablecellnsiaccessibletablechangeeventnsiaccessibletextnsiaccessibletextchangeeventnsiaccessibletreecachensiaccessiblevaluensiaccessiblewin32objectnsialertsservicensiannotationobservernsiannotationservicensiappshellnsiappshellservicensiappstartupnsiappstartup_mozilla_2_0nsiapplicationcachensiapplicationcachechannelnsiapplicationcachecontainernsiapplicationcachenamesp...
XPCOM Interface Reference by grouping
ce nsidragsession html nsiaccessibilityservice nsiaccessiblecoordinatetype nsiaccessibledocument nsiaccessibleeditabletext nsiaccessibleevent nsiaccessiblehyperlink nsiaccessiblehypertext nsiaccessibleimage nsiaccessibleprovider nsiaccessibleretrieval nsiaccessiblerole nsiaccessiblescrolltype nsiaccessibleselectable nsiaccessible
states nsiaccessibletable nsiaccessibletext nsiaccessibletreecache nsiaccessiblevalue nsiaccessnode nsisyncmessagesender script nsiscriptableunescapehtml nsiscriptableunicodeconverter nsiscripterror nsiscripterror2 stylesheet nsistylesheetservice url nsiuri nsiurl util nsidomserializer nsidomxpathevaluator ns...
Network request details - Firefox Developer Tools
request information the following information is shown only when the section is expanded: scheme: the scheme used in the url host: the server involved in the request filename: the full path to the file requested address: the ip address of the host the following information is shown in both the collapsed and the expanded
states: status: the http response code for the request.
AudioContext.close() - Web APIs
example the following snippet is taken from our audiocontext
states demo (see it running live.) when the stop button is clicked, close() is called.
AudioContext.resume() - Web APIs
example the following snippet is taken from our audiocontext
states demo (see it running live.) when the suspend/resume button is clicked, the audiocontext.state is queried — if it is running, suspend() is called; if it is suspended, resume() is called.
AudioContext.suspend() - Web APIs
example the following snippet is taken from our audiocontext
states demo (see it running live.) when the suspend/resume button is clicked, the audiocontext.state is queried — if it is running, suspend() is called; if it is suspended, resume() is called.
BaseAudioContext.onstatechange - Web APIs
}; example the following snippet is taken from our audiocontext
states demo (see it running live.) the onstatechange hander is used to log the current state to the console every time it changes.
BaseAudioContext.state - Web APIs
closed: the audio context has been closed (with the audiocontext.close() method.) example the following snippet is taken from our audiocontext
states demo (see it running live.) the audiocontext.onstatechange hander is used to log the current state to the console every time it changes.
CanvasRenderingContext2D - Web APIs
the canvas state the canvasrenderingcontext2d rendering context contains a variety of drawing style
states (attributes for line styles, fill styles, shadow styles, text styles).
Constraint validation API - Web APIs
constraint validation interfaces validitystate the validitystate interface represents the validity
states that a form control element can have, with respect to its defined constraints.
Document.readyState - Web APIs
examples different
states of readiness switch (document.readystate) { case "loading": // the document is still loading.
EffectTiming.easing - Web APIs
frames(<integer>) specifies a frames timing function, which breaks the animation down into a number of equal time intervals but also displays the start (0%) and end (100%)
states for an equal amount of time to the other intervals.
HTMLAnchorElement - Web APIs
note: currently the w3c html 5.2 spec
states that rev is no longer obsolete, whereas the whatwg living standard still has it labeled obsolete.
HTMLButtonElement - Web APIs
htmlbuttonelement.validity read only is a validitystate representing the validity
states that this button is in.
HTMLElement: pointermove event - Web APIs
bubbles yes cancelable yes interface pointerevent event handler property onpointermove usage notes the event, which is of type pointerevent, provides all the information you need to know about the user's interaction with the pointing device, including the position, movement distance, button
states, and much more.
HTMLLinkElement - Web APIs
note: currently the w3c html 5.2 spec
states that rev is no longer obsolete, whereas the whatwg living standard still has it labeled obsolete.
HkdfParams - Web APIs
the hkdf specification
states that adding salt "adds significantly to the strength of hkdf".
Keyboard API - Web APIs
assuming a standard united
states qwerty layout, registering keyw ensures that "w", shift+"w", control+"w", control+shift+"w", and all other key modifier combinations with "w" are sent to the app.
Using the Notifications API - Web APIs
this is in line with the specification, which
states: "when a notification is closed, either by the underlying notifications platform or by the user, the close steps for it must be run." notification events there are four events that are triggered on the notification instance: click triggered when the user clicks on the notification.
OES_vertex_array_object - Web APIs
the oes_vertex_array_object extension is part of the webgl api and provides vertex array objects (vaos) which encapsulate vertex array
states.
PaymentAddress.regionCode - Web APIs
the code is derived from the iso 3166-2 standard, which defines codes for identifying the subdivisions (e.g.,
states, provinces, autonomous regions, etc.) of all countries in the world.
PaymentAddress - Web APIs
paymentaddress.postalcode read only a domstring specifying a code used by a jurisdiction for mail routing, for example, the zip code in the united
states or the pin code in india.
RTCInboundRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcinboundrtpstreamstats dictionary
states the number of times the rtcrtpreceiver described by these statistics sent a picture loss indication (pli) packet to the sender.
RTCOutboundRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcoutboundrtpstreamstats dictionary
states the number of times the remote peer's rtcrtpreceiver sent a picture loss indication (pli) packet to the rtcrtpsender for which this object provides statistics.
RTCRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcrtpstreamstats dictionary
states the number of times the stream's receiving end sent a picture loss indication (pli) packet to the sender.
RTCStatsReport - Web APIs
this information considers only the outbound rtp stream, so any data which requires information about the state of the remote peers (such as round-trip time) is unavailable, since those values can't be computed without knowing about the other peers'
states.
RTCStatsType - Web APIs
this information considers only the outbound rtp stream, so any data which requires information about the state of the remote peers (such as round-trip time) is unavailable, since those values can't be computed without knowing about the other peers'
states.
SpeechRecognitionResult.isFinal - Web APIs
the isfinal read-only property of the speechrecognitionresult interface is a boolean that
states whether this result is final (true) or not (false) — if so, then this is the final time this result will be returned; if not, then this result is an interim result, and may be updated later on.
SpeechRecognitionResult - Web APIs
properties speechrecognitionresult.isfinal read only a boolean that
states whether this result is final (true) or not (false) — if so, then this is the final time this result will be returned; if not, then this result is an interim result, and may be updated later on.
TextTrack - Web APIs
for example, this can be "en-us" for united
states english or "pt-br" for brazilian portuguese.
TouchEvent - Web APIs
touchevent.changedtouches read only a touchlist of all the touch objects representing individual points of contact whose
states changed between the previous touch event and this one.
ValidityState - Web APIs
the validitystate interface represents the validity
states that an element can be in, with respect to constraint validation.
Window.personalbar - Web APIs
<!doctype html> <html> <head> <title>various dom tests</title> <script> // changing bar
states on the existing window netscape.security.privilegemanager.enableprivilege("universalbrowserwrite"); window.personalbar.visible = !window.personalbar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> notes when you load the example page above, the browser displays the following dialog: to toggle the visibility of these bars, you must either sign your scripts or ena...
Window.statusbar - Web APIs
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>various dom tests</title> <script> // changing bar
states on the existing window netscape.security.privilegemanager.enableprivilege("universalbrowserwrite"); window.statusbar.visible=!window.statusbar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> notes when you load the example page above, the browser displays the following dialog: to toggle the visibility of these bars, you must either sign your scripts or enable th...
Window.toolbar - Web APIs
<!doctype html> <html> <head> <title>various dom tests</title> <script> // changing bar
states on the existing window netscape.security.privilegemanager.enableprivilege("universalbrowserwrite"); window.toolbar.visible=!window.toolbar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> notes when you load the example page above, the browser displays the following dialog: to toggle the visibility of these bars, you must either sign your scripts or enable the ap...
ARIA Test Cases - Accessibility
but when dropping down the lists of
states in either example, after the second or so list item, jaws turns off forms mode, and the user has to turn off v cursor to be able to make selections or tab to anything useful.
ARIA: application role - Accessibility
associated wai-aria roles,
states, and properties document, article used to indicate parts of the application that should be treated as normal web content aria-activedescendant used to manage focus inside the application.
ARIA: article role - Accessibility
associated wai-aria roles,
states, and properties aria-posinset in the context of a feed, indicates the position of this particular article within that feed, based on a count starting at 1.
ARIA: banner role - Accessibility
associated aria roles,
states, and properties none keyboard interactions none required javascript features none examples here's a fake simple banner with a skip to navigation link, a logo, a title and a subtitle.
ARIA: document role - Accessibility
associated wai-aria roles,
states, and properties aria-expanded include with a value of true or false if the document element is collapsible, to indicate if the document is currently expanded or collapsed.
ARIA: feed role - Accessibility
wai-aria roles,
states, and properties aria-labelled if the feed has no visible title, the feed element has a label specified with aria-label.
ARIA: figure role - Accessibility
associated wai-aria roles,
states, and properties aria-describedby the id of an element containing reference text serving as a caption.
ARIA: form role - Accessibility
even if you are using the form landmark instead of <form>, you are encouraged to use native html form controls like button, input, select, and textarea associated wai-aria roles,
states, and properties no role specific
states or properties.
ARIA: gridcell role - Accessibility
associated wai-aria roles,
states, and properties grid communicates that a parent element is a a table or tree style grouping of information.
ARIA: Navigation Role - Accessibility
associated wai-aria roles,
states, and properties aria-label a brief description of the purpose of the navigation, omitting the term "navigation", as the screen reader will read both the role and the contents of the label.
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.
ARIA: rowgroup role - Accessibility
associated wai-aria roles,
states, and properties context roles role="table" one of the three possible contexts (along with grid and treegrid) in which you'll find a row.
ARIA: table role - Accessibility
associated wai-aria roles,
states, and properties role="rowgroup" an optional child of the table, the row group encapsulates a group of rows, similar to thead, tbody, and tfoot.
ARIA: heading role - Accessibility
associated wai-aria roles,
states, and properties aria-level the aria-level attribute specifies the heading level in the document structure.
ARIA: textbox role - Accessibility
javascript features all features associated with any and all properties and
states must be maintained, and forms submission on enter or return on a single line textbox needs to be handled.
overview - Accessibility
general resources dhtml style guide provides keyboard interaction recommendations wai-aria authoring practices guide checkbox aria toggle button and tri-state checkbox examples (from "the paciello group blog") aria example checkbox widgets from the university of illinois menu using wai-aria roles and
states with the yui menu control slider from the paciello group blog: aria slider, part one, part two, part threet (example) creating an accessible, internationalized dojo rating widget tabs enhancing tabview accessibility with wai-aria roles and
states, from the yui blog enhancing the jquery ui tabs accordingly to wcag 2.0 and aria tab panel example here on codetalks lightbox wcag 2.0...
HTML To MSAA - Accessibility
map html element role name value
states relations actions events notes a role_system_ link n/a value of @href attribute state_system_ selectable if @name attribute is presented state_system_ linked if @href attribute is presented or click event listener is registered state_system_ traversed if link is traversed n/a "jump" if @href is valid n/a br role_system_ whitespace '\n' (new line char) state_system_ readonly n/a n/a n/...
Web Accessibility: Understanding Colors and Luminance - Accessibility
for example, it has been demonstrated that some colors are more likely to cause epileptic fits than others; there is an interesting observation in a discussion thread, "what is the “grayscale” setting for in accessibility options?" in which one of the participants
states: "i have photo-triggered ocular migraines and wish everything had a greyscale option.
Robust - Accessibility
robust
states that content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
::marker - CSS: Cascading Style Sheets
::marker { color: blue; font-size: 1.2em; } allowable properties only certain css properties can be used in a rule with ::marker as a selector: all font properties the white-space property color text-combine-upright, unicode-bidi and direction properties the content property all animation and transition properties the specification
states that additional css properties may be supported in future.
font-stretch - CSS: Cascading Style Sheets
l syntax <font-stretch-absolute>{1,2}where <font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage> examples setting a percentage range for font-stretch the following find a local open sans font or import it, and allow using the font for normal, semi-condensed and semi-expanded
states.
@keyframes - CSS: Cascading Style Sheets
valid keyframe lists if a keyframe rule doesn't specify the start or end
states of the animation (that is, 0%/from and 100%/to), browsers will use the element's existing styles for the start/end
states.
Using CSS animations - CSS: Cascading Style Sheets
animations consist of two components, a style describing the css animation and a set of keyframes that indicate the start and end
states of the animation’s style, as well as possible intermediate waypoints.
<color> - CSS: Cascading Style Sheets
compatibility note: to prevent unexpected behavior, such as in a <gradient>, the current css spec
states that transparent should be calculated in the alpha-premultiplied color space.
vertical-align - CSS: Cascading Style Sheets
derline overline; margin-left: auto; margin-right: auto; width: 80%; } to vertically align the content of a cell in a table: <table> <tr> <td style="vertical-align: baseline">baseline</td> <td style="vertical-align: top">top</td> <td style="vertical-align: middle">middle</td> <td style="vertical-align: bottom">bottom</td> <td> <p>there is a theory which
states that if ever anyone discovers exactly what the universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable.</p> <p>there is another theory which
states that this has already happened.</p> </td> </tr> </table> table { margin-left: auto; margin-right: auto; width: 80%; } table, th, td { border: 1px solid black; } ...
HTML5 - Developer guides
animating your style using css transitions to animate between different
states or using css animations to animate parts of the page without a triggering event, you can now control mobile elements on your page.
Deprecated and obsolete features - JavaScript
string.prototype.substr probably won't be removed anytime soon, but it's defined in annex b of the ecma-262 standard, whose introduction
states: "… programmers should not use or assume the existence of these features and behaviours when writing new ecmascript code.
Date.parse() - JavaScript
the ecmascript specification
states: if the string does not conform to the standard format the function may fall back to any implementation–specific heuristics or implementation–specific parsing algorithm.
Intl.DisplayNames - JavaScript
// get display names of region in english let regionnames = new intl.displaynames(['en'], {type: 'region'}); regionnames.of('419'); // "latin america" regionnames.of('bz'); // "belize" regionnames.of('us'); // "united
states" regionnames.of('ba'); // "bosnia & herzegovina" regionnames.of('mm'); // "myanmar (burma)" // get display names of region in traditional chinese regionnames = new intl.displaynames(['zh-hant'], {type: 'region'}); regionnames.of('419'; // "拉丁美洲" regionnames.of('bz'); // "貝里斯" regionnames.of('us'); // "美國" regionnames.of('ba'); // "波士尼亞與赫塞哥維納" regionnames.o...
Intl.Locale.prototype.maximize() - JavaScript
for instance, given the language id "en", the algorithm would return "en-latn-us", since english can only be written in the latin script, and is most likely to be used in the united
states, as it is the largest english-speaking country in the world.
Intl.Locale.prototype.region - JavaScript
for example, english is spoken in the united kingdom and the united
states of america, but there are differences in spelling and other language conventions between those two countries.
escape() - JavaScript
warning: although escape() is not strictly deprecated (as in "removed from the web standards"), it is defined in annex b of the ecma-262 standard, whose introduction
states: … all of the language features and behaviours specified in this annex have one or more undesirable characteristics and in the absence of legacy usage would be removed from this specification.
parseInt() - JavaScript
ecmascript 5
states: the parseint function produces an integer value dictated by interpretation of the contents of the string argument according to the specified radix.
unescape() - JavaScript
warning: although unescape() is not strictly deprecated (as in "removed from the web standards"), it is defined in annex b of the ecma-262 standard, whose introduction
states: … all of the language features and behaviours specified in this annex have one or more undesirable characteristics and in the absence of legacy usage would be removed from this specification.
Web audio codec guide - Web media technologies
re chrome edge firefox internet explorer opera safari mp3 support yes yes yes[1] 9 yes 3.1 container support mpeg-1, mpeg-2, mp4, adts, 3gp rtp / webrtc compatible no licensing patent-free in the eu as of 2012; patent-free in the united
states as of april 16, 2017; now free to use [1] for patent reasons, firefox did not directly support mp3 prior to version 71; instead, platform-native libraries were used to support mp3.
The "codecs" parameter in common media types - Web media technologies
02 image characteristics are unknown, or are to be determined by the application 03 reserved for future use by itu or iso/iec 04 bt.470 system m, ntsc (standard definition television in the united
states) 05 bt.470 system b, g; bt.601; bt.1358 625; bt.1700 625 pal and 625 secam 06 bt.601 525; bt.1358 525 or 625; bt.1700 ntsc; smpte 170m.