Search completed in 1.68 seconds.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
in this article we will take a look at how flexbox fits in with all the
other css modules.
... we’ll find out which specifications you also need to take notice of if you want to learn flexbox, and find out why flexbox is different to some
other modules.
...these modules relate to each
other, and are at different stages of development.
...And 13 more matches
From object to iframe — other embedding technologies - Learn web development
<iframe>s are for embedding
other web pages, and the
other two allow you to embed pdfs, svg, and even flash — a technology that is on the way out, but which you'll still see semi-regularly.
... objective: to learn how to embed items into web pages using <object>, <embed>, and <iframe>, like flash movies and
other webpages.
... finally, the <iframe> element appeared (along with
other ways of embedding content, such as <canvas>, <video>, etc.) this provides a way to embed an entire web document inside an
other one, as if it were an <img> or
other such element, and is used regularly today.
...And 12 more matches
Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
css grid layout has been designed to work alongside
other parts of css, as part of a complete system for doing the layout.
... in this guide, i will explain how a grid fits together with
other techniques you may already be using.
... in addition to the one-dimensional versus two-dimensional distinction, there is an
other way to decide if you should use flexbox or grid for a layout.
...And 8 more matches
Other form controls - Learn web development
previous overview: forms next we now look at the functionality of non-<input> form elements in detail, from
other control types such as drop-down lists and multi-line text fields, to
other useful form features such as the <output> element (which we saw in action in the previous article), and progress bars.
... note that even though you can put anything inside a <textarea> element (including
other html elements, css, and javascript), because of its nature, it is all rendered as if it was plain text content.
...
other form features there are a few
other form features that are not as obvious as the ones we have already mentioned, but still useful in some situations, so we thought it would be worth giving them a brief mention.
...And 5 more matches
Communicating With Other Scripts - Archive of obsolete content
this section of the guide explains how content scripts can communicate with: your main.js file, or any
other modules in your add-on
other content scripts loaded by your add-on page scripts (that is, scripts embedded in the web page or included using <script> tags) main.js your content scripts can communicate with your add-on's "main.js" (or any
other modules you're written for your add-on) by sending it messages, using either the port.emit() api or the postmessage() api.
... content scripts content scripts loaded into the same document at the same time using the same method can interact with each
other directly as well as with the web content itself.
... however, content scripts which have been loaded into different documents cannot interact directly with each
other.
...And 4 more matches
Test your skills: Other controls - Learn web development
this aim of this skill test is to assess whether you've understood our
other form controls article.
...
other controls 1 in our first "
other controls" assessment, we'll get you to create a multi-line text input.
...
other controls 2 now it's time to have a go at implementing a drop-down select menu, to allow a user to pick their favourite food from the choices provided.
...And 2 more matches
Other content in SVG - SVG: Scalable Vector Graphics
« previousnext » apart from graphic primitives like rectangles and circles, svg offers a set of elements to embed
other types of content in images as well.
...this means, that you can use clips, masks, filters, rotations and all
other tools of svg on the content: <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"> <image x="90" y="-65" width="128" height="146" transform="rotate(45)" xlink:href="https://developer.mozilla.org/static/img/favicon144.png"/> </svg> screenshotlive sample embedding arbitrary xml since svg is an xml application, you can o...
...its sole purpose is to be a container for
other markup and a carrier for svg styling attributes (most prominently width and height to define the space the object will take).
...an
other often cited use case is the embedding of formulas with mathml.
<xsl:otherwise> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:
otherwise> element is used to define the action that should be taken when none of the <xsl:when> conditions apply.
... it is similar to the else or default case in
other programing languages.
... syntax <xsl:
otherwise> template </xsl:
otherwise> required attributes none.
303 See Other - HTTP
the hypertext transfer protocol (http) 303 see
other redirect status response code indicates that the redirects don't link to the newly uploaded resources, but to an
other page (such as a confirmation page or an upload progress page).
... status 303 see
other specifications specification title rfc 7231, section 6.4.4: 303 see
other hypertext transfer protocol (http/1.1): semantics and content ...
Other Mozilla customization pages - Archive of obsolete content
other mozilla customization pages mcd, mission control desktop aka autoconfig pre-configuring mozilla mozexec, a mozilla launcher that writes a registry.bat before launching mozilla (contributed by petr kristan) mozptch: the main difference of the mozptch approach is, not to patch the registry.dat, but to create a new one with mozillas comandline option -createprofile.
Other Resources
other resources embedding mozilla xpconnect - javascript-xpcom bridge blackconnect - java-xpcom bridge (no longer supported) xpidl to java types - from blackconnect ...
Using Mozilla code in other projects
there are also modules that aren't used in firefox but are available for use by
other applications; an example of this is rhino, the javascript engine written in java.
Other Resources - SVG: Scalable Vector Graphics
here is a list of additional resources on svg: mozilla svg resources svg.org svgbasics tutorials w3c svg homepage svg wiki http://wiki.svg.org/index.php?title=..._configuration i moved this from the
other resources category, not sure why it's in
other resources -nickolay http://developer.mozilla.org/en/docs...%28external%29 ...
Index - Web APIs
it's basically an average between the current buffer and the last buffer the analysernode processed, and results in a much smo
other set of value changes over time.
...anywhere you see animationtimeline, you should use documenttimeline or any
other timeline type instead.
... 167 audioparam.cancelandholdattime() api, audio, audioparam, experimental, method, reference, web audio api, cancelandholdattime, cancelvaluesandholdattime the cancelandholdattime() property of the audioparam interface cancels all scheduled future changes to the audioparam but holds its value at a given time until further changes are made using
other methods.
...And 196 more matches
Index - Archive of obsolete content
2 .htaccess ( hypertext access ) 301 redirect, cache control, custom error pages, htaccess, permanent redirect, redirect file accessing : htaccess files can be opened using any text editor, like windows notepad, vin, sublime text editor or any
other.
... 14 communicating with
other scripts no summary!
... 15 communicating using "port" to enable add-on scripts and content scripts to communicate with each
other, each end of the conversation has access to a port object.
...And 111 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
the api can be seen as a simple contract (the interface) between the application offering it and
other items, such as third party software or hardware.
... 6 aria accessibility, glossary aria (accessible rich internet applications) is a w3c specification for adding semantics and
other metadata to html to cater to users of assistive technology.
...in
other programming languages different numeric types can exist, for examples: integers, floats, doubles, or bignums.
...And 64 more matches
Index
it is separated in 2 parts, one section related to debugging and an
other section related to drafting optimizations.
...
otherwise, int_fits_in_jsval returns false.
...in
other words, it returns the global object on the current scope chain.
...And 53 more matches
Index
applications built with nss can support ssl v3, tls, pkcs #5, pkcs #7, pkcs #11, pkcs #12, s/mime, x.509 v3 certificates, and
other security standards.
...it's free and open source software, and many
other software projects have decided to use it.
...(note that it's important to look at the number 11, as there are
other pkcs standards with different numbers that define quite different topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
...And 46 more matches
WebIDL bindings
adding webidl bindings to a class to add a webidl binding for interface myinterface to a class mozilla::dom::myinterface that's supposed to implement that interface, you need to do the following: if your interface doesn't inherit from any
other interfaces, inherit from nswrappercache and hook up the class to the cycle collector so it will trace the wrapper cache properly.
... note that you may not need to do this if your objects can only be created, never gotten from
other objects.
...if your interface does inherit from an
other interface, just inherit from the c++ type that the
other interface corresponds to.
...And 43 more matches
Index - Learn web development
you can do that with
other people's code too!
...you won't build an
other facebook right away, but it's not hard to get your own simple website online, so we'll start there.
...you should understand these concepts before working through the
other articles in the module.
...And 39 more matches
Index
2 accessing the windows registry using xpcom add-ons, code snippets, extensions, needsclassification, windows registry when implementing windows-specific functionality, it is often useful to access the windows registry for information about the environment or
other installed programs.
... 15 language bindings embedding, landing, mozilla, xpcom, xpcom:language bindings an xpcom language binding is a bridge between a particular language and xpcom to provide access to xpcom objects from that language, and to let modules written in that language be used as xpcom objects by all
other languages for which there are xpcom bindings.
... 53
other resources javaxpcom, xpcom:language bindings no summary!
...And 36 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
encryption and decryption allow two communicating parties to disguise information they send to each
other.
...ion managing certificates certificates and authentication a certificate identifies someone or something authentication confirms an identity how certificates are used contents of a certificate how ca certificates are used to establish trust a certificate identifies someone or something a certificate is an electronic document used to identify an individual, a server, a company, or some
other entity and to associate that identity with a public key.
... like a driver's license, a passport, or
other commonly used personal ids, a certificate provides generally recognized proof of a person's identity.
...And 33 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.
...this may be helpful if you have an export license that permits more or fewer capabilities than those allowed by the
other export policy functions.
... nss_initreadwrite sets up configuration files and performs
other tasks required to run network security services.
...And 33 more matches
Codecs used by WebRTC - Web media technologies
the webrtc api makes it possible to construct web sites and apps that let users communicate in real time, using audio and/or video as well as optional data and
other information.
...this guide reviews the codecs that browsers are required to implement as well as
other codecs that some or all browsers support for webrtc.
... containerless media webrtc uses bare mediastreamtrack objects for each track being shared from one peer to an
other, without a container or even a mediastream associated with the tracks.
...And 30 more matches
Index - Archive of obsolete content
the same process occurs when decreasing the size, except in the
other direction.
... 422 deprecated and defunct markup reference, xul {many elements on this page are wrongly marked as deprecated, this page needs review} 423 dynamically modifying xul-based user interface add-ons, dom, extensions, xul this article discusses manipulating xul interfaces, using dom and
other apis.
...an output stream is an object which can be used to write bytes, strings and
other values to a file.
...And 29 more matches
Signaling and video calling - Web APIs
a form of discovery and media format negotiation must take place, as discussed elsewhere, in order for two devices on different networks to locate one an
other.
...through this third server, the two devices can locate one an
other, and exchange negotiation messages.
...what does matter is when the ice subsystem instructs you to send signaling data to the
other peer, you do so, and the
other peer knows how to receive this information and deliver it to its own ice subsystem.
...And 28 more matches
Rendering and the WebXR frame animation callback - Web APIs
before you can render the virtual environment, you need to establish a webxr session by creating an xrsession using the navigator.xr.requestsession() method; you also need to associate the session with a framebuffer and perform
other setup tasks.
...instead, the frame rendering code—in this case, a function named mydrawframe()—is responsible for scheduling time to draw an
other frame by once again calling requestanimationframe().
... hardare vertical refresh rate when the browser is ready to refresh the <canvas> within which your webxr content is displayed, it calls your frame rendering callback, which uses the specified timestamp and any
other relevant data, such as models and textures, as well as application state, to render the scene—as it should appear at the specified time—into the webgl backbuffer.
...And 27 more matches
MMgc - Archive of obsolete content
it is a static library that is linked into the flash player but kept separate, and can be incorporated into
other programs.
...an
other way to think about it: unmanaged memory is c++ operators new and delete managed memory is c++ operator new, with optional delete mmgc contains a page allocator called gcheap, which allocates large blocks (megabytes) of memory from the system and doles out 4kb pages to the unmanaged memory allocator (fixedmalloc) and the managed memory allocator (gc).
... each instance manages its own set of objects; objects are not allowed to reference objects in
other gc instances.
...And 26 more matches
CustomizableUI.jsm
if you want to use it from a jsm or an
other context without a window reference, you need to import it yourself: components.utils.import("resource:///modules/customizableui.jsm"); introduction the module is intended for two primary purposes: allow adding, moving and removing customizable widgets.
...this can be useful if
other parts of the code need to react to changes in the customization of the user interface.
...note that customizableui won't restore state in the area, allow the user to customize it in customize mode, or
otherwise deal with it, until the area has been registered.
...And 26 more matches
XUL Structure - Archive of obsolete content
how xul is handled in mozilla, xul is handled in much the same way as html or
other types of content are handled.
...style sheets (css), images, and
other technologies are used to control the presentation.
...however, there are some features that are specific to html, such as forms, and
others which are specific to xul, such as overlays.
...And 25 more matches
Drawing graphics - Learn web development
while you could use css and javascript to animate (and
otherwise manipulate) svg vector images — as they are represented by markup — there was still no way to do the same for bitmap images, and the tools available were rather limited.
... the web still had no way to effectively create animations, games, 3d scenes, and
other requirements commonly handled by lower level languages such as c++ or java.
... the situation started to improve when browsers began to support the <canvas> element and associated canvas api — apple invented it in around 2004, and
other browsers followed by implementing it in the years that followed.
...And 25 more matches
Bytecode Descriptions
otherwise push false.
...pop two values, convert them to numeric values, subtract the top value from the
other one, and push the result.
...format: jof_ic
other expressions globalthis stack: ⇒ this push the global this value.
...And 25 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
xul, on the
other hand, was conceived from the ground up as a markup language for user interfaces, and makes it possible to insert ui components with sophisticated features just by writing tags, without any particular scripting.
... xul display methods xul is used almost exclusively in mozilla applications like firefox and thunderbird, and extensions for them, but
other web browsers based on firefox or the gecko engine, and even web-based content also used xul.
... fixme: explain how setting this option and use next listings if we want to run firefox displaying none of its gui and only the contents of a certain xul file, we can launch firefox and set the option: -chrome file_url.xul an
other way, as shown in listing 1, is to use the window.opendialog() method, which can be used only within a xul window.
...And 24 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
this means that a web application using those apis can only request resources from the same origin the application was loaded from unless the response from
other origins includes the right cors headers.
...an
other article for server developers discussing cross-origin sharing from a server perspective (with php code snippets) is supplementary reading.
...additionally, for http request methods that can cause side-effects on server data (in particular, http methods
other than get, or post with certain mime types), the specification mandates that browsers "preflight" the request, soliciting supported methods from the server with the http options request method, and then, upon "approval" from the server, sending the actual request.
...And 24 more matches
Mozilla
accessibility and mozilla accessibility is the idea that software (among
other things) should be designed to be usable and, as much as possible, convenient to use for people with disabilities.
... bugzilla bugzilla.mozilla.org (often abbreviated b.m.o) is mozilla.org's bug-tracking system, a database for recording bugs and enhancement requests for firefox, thunderbird, seamonkey, camino, and
other mozilla.org projects.
... building mozilla in this article, we list documents that will guide you in building firefox or
other projects based upon mozilla code.
...And 23 more matches
The Essentials of an Extension - Archive of obsolete content
firefox needs this to distinguish your extension from
other extensions, so it is required that you have an id that is unique.
...the
other standard practice is to use a generated uuid string, which is extremely unlikely to be duplicated.
...there are many
other tags that can be added, for contributors and translators.
...And 22 more matches
Browser Detection and Cross Browser Support - Archive of obsolete content
note that some
other browsers such as safari are reporting (like gecko) in their user agent strings and can confuse simple tests.
...unlike
other browsers, gecko is truly cross platform and provides consistent behavior across all supported operating systems.
...unfortunately, no
other browser supports web standards as completely as gecko.
...And 22 more matches
LiveConnect Overview - Archive of obsolete content
this chapter describes using liveconnect technology to let java and javascript code communicate with each
other.
... note: because java is a strongly typed language and javascript is weakly typed, the javascript runtime engine converts argument values into the appropriate data types for the
other language when you use liveconnect.
...(although this functionality (along with some
others) had been broken in gecko 1.9 (see bug 391642) as the mozilla-specific liveconnect code had not been maintained inside mozilla, with java 6 update 11 and 12 building support for reliance on mozilla's implementation of the generic (and cross-browser) npapi plugin code, this has again been fixed.) for example, suppose you are using the java forname method to assign the name of a java class to a va...
...And 22 more matches
Handling common accessibility problems - Learn web development
when we say accessibility in the context of web technology, most people immediately think of making sure websites/apps are usable by people with disabilities, for example: visually impaired people using screen readers or magnification/zoom to access text people with motor function impairments using the keyboard (or
other non-mouse features) to activate website functionality.
... people with hearing impairments relying on captions/subtitles or
other text alternatives for audio/video content.
...we've already talked about
other spheres such as responsive design and performance in
other places in the module.
...And 22 more matches
JSAPI User Guide
note: the foss wiki page contains a few links to
other libraries and programs that can make life easier when using spidermonkey and jsapi.
...but in mozilla, all of these features are actually provided by
other components, not the spidermonkey engine itself.
...they cannot travel to
other runtimes or be shared across runtimes.
...And 22 more matches
Web video codec guide - Web media technologies
in some situations, a greater sacrifice of quality in order to bring down the data size is worth that lost quality;
other times, the loss of quality is unacceptable and it's necessary to accept a codec configuration that results in a correspondingly larger file.
...if the codec converts the media into an internal pixel format, or
otherwise represents the image using a means
other than simple pixels, the format of the original image doesn't make any difference.
...to a point, the higher the frame rate, the smo
other and more realistic the motion will appear.
...And 22 more matches
Handling common HTML and CSS problems - Learn web development
in
other cases, nascent features are not supported consistently across browsers, which can make some features and styles not work for some users.
... note: one common problem with css and html arises when different css rules begin to conflict with one an
other.
... linters an
other good option to choose is a so-called linter application, which not only points out errors, but can also flag up warnings about bad practices in your css, and
other points besides.
...And 21 more matches
HTML documentation index - HTML: Hypertext Markup Language
other technologies besides html are generally used to describe a web page's appearance/presentation (css) or functionality/behavior (javascript).
...the attribute value must consist of a single printable character (which includes accented and
other characters that can be generated by the keyboard).
...this value must be less than or equal to the value of maxlength,
otherwise the value will never be valid, as it is impossible to meet both criteria.
...And 21 more matches
Handling common JavaScript problems - Learn web development
these days, most cross-browser javascript problems are seen: when poor-quality browser-sniffing code, feature-detection code, and vendor prefix usage block browsers from running code they could
otherwise use just fine.
...install this first (using the install button), as
other linters rely on it to work.
... after the packages have finished installing, try loading up a javascript file: you'll see any issues highlighted with green (for warnings) and red (for errors) circles next to the line numbers, and a separate panel at the bottom provides line numbers, error messages, and sometimes suggested values or
other fixes.
...And 20 more matches
Starting WebLock
using them is a good way for objects to pass messages to each
other without the objects having explicit knowledge of one an
other.
...if your object would like to register for this or
other events, it first must implement the nsiobserver interface.
...in
other words, the observe method should never be called in response to some event for which the object is not registered.
...And 20 more matches
Using IndexedDB - Web APIs
opening a database is just like any
other operation — you have to "request" it.
...most
other asynchronous functions in indexeddb do the same thing - return an idbrequest object with the result or error.
...it also means that you can't use a float,
otherwise it will be converted to the closest lower integer and the transaction may not start, nor the upgradeneeded event trigger.
...And 20 more matches
Web Accessibility: Understanding Colors and Luminance - Accessibility
understaning color, luminance, and saturation is important in meeting wcag 2 accessibility guidelines in terms of ensuring enough color contrast for sighted users with color blindness or reduced vision and preventing seizures and
other physical reactions in people with vestibular disorders.
... in terms of accessibility, the use of certain color-combinations have more impact than
others.
... how the viewer perceives color after it gets to his eyes is yet an
other matter, and can be affected by overall health.
...And 20 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
on the
other hand, if you are an experienced developer or team, and you know that you are going to build a large, complex extension, you would do well to consider the approach described in this article.
... one final note: i've only tried these techniques inside firefox, but they'll probably work more or less unchanged on
other gecko-based platforms like thunderbird or seamonkey.
...if you're not an experienced c++ developer, i wouldn't even b
other.
...And 19 more matches
Mozilla Crypto FAQ - Archive of obsolete content
in february 2000 iplanet e-commerce solutions (a sun-netscape alliance) released source code through mozilla.org for the personal security manager and network security services software; this source code included support for the ssl protocol, but due to the rsa patent and related legal issues it did not originally contain code for rsa or
other cryptographic algorithms.
...shortly thereafter the nss developers began work on an open source implementation of the rsa algorithm; that code, together with code previously developed for
other cryptographic algorithms, will be included in a new version 3.1 of the nss open source cryptographic and pki library.
... (you may also be interested in a more in-depth analysis of the new regulations, with an emphasis on how they affect open source software.) for more information on the ssl, s/mime, pki, and
other crypto source code being developed as part of the mozilla project, see the pki project page and of course the source code itself.
...And 19 more matches
XUL accessibility guidelines - Archive of obsolete content
when creating an extension (for firefox or an
other xul application), make sure the keyboard shortcuts you assign do not interfere with those already defined by the base application.
...consider using context menu items or
other xul elements along with keyboard shortcuts.
...
other elements, such as arrowscrollbox and listbox, are made to scroll automatically.
...And 19 more matches
Introduction to SSL - Archive of obsolete content
most
other red hat products plan to support the protocol in future versions.
...
other protocols, such as the hypertext transport protocol (http), lightweight directory access protocol (ldap), or internet messaging access protocol (imap), run "on top of" tcp/ip in the sense that they all use tcp/ip to support typical application tasks such as displaying web pages or running email servers.
... these capabilities address fundamental concerns about communication over the internet and
other tcp/ip networks: ssl server authentication allows a user to confirm a server's identity.
...And 19 more matches
An Overview of XPCOM
the goal of xpcom is to allow different pieces of software to be developed and built independently of one an
other.
...the most important use of xpcom is within gecko, an open source, standards compliant, embeddable web browser and toolkit for creating web browsers and
other applications.
... modular, component-based programming makes software easier to develop and maintain and has some well-known advantages: benefit description reuse modular code can be reused in
other applications and
other contexts.
...And 19 more matches
Mozilla release FAQ - Archive of obsolete content
various
other people have contributed to this faq.
...the project is maintained by employees of netscape (now a division of aol), red hat, some
other companies, as well as contributors from the community.
...if built from cvs, the date of the cvs checkout is the best way to refer to the version,
otherwise use the release number.
...And 18 more matches
Manipulating documents - Learn web development
in this article we'll look at how to use the dom in detail, along with some
other interesting apis that can alter your environment in interesting ways.
... objective: to gain familiarity with the core dom apis, and the
other apis commonly associated with dom and document manipulation the important parts of a web browser web browsers are very complicated pieces of software with a lot of moving parts, many of which can't be controlled or manipulated by a web developer using javascript.
...imagine if a web site could get access to your stored passwords or
other sensitive information, and log into websites as if it were you?
...And 18 more matches
Inputs and input sources - Web APIs
by combining these two types of input with the changing of viewing position and/or orientation through the headset or
other mechanisms, you can create an interactive simulated environment.
... motion-sensing controllers, which use accelerometers, magnetometers, and
other sensors for motion tracking and targeting and may additionally include any number of buttons, joysticks, thumbpads, touchpads, force sensors, and so on to provide additional input sources for both targeting and selection.
... spatially-tracked articulated hands, such as haptic gloves can provide both targeting and squeeze actions, as well as selection if outfitted with buttons or
other sources of selection actions.
...And 18 more matches
Introduction to client-side frameworks - Learn web development
developers who worked with javascript wrote tools to solve the problems they faced, and packaged them into reusable packages called libraries, so they could share their solutions with
others.
...users write papers, manage their budgets, stream music, watch movies, and communicate with
others over great distances instantaneously, with text, audio or video chat.
...react is used in combination with
other libraries to make applications — react and react native enable developers to make mobile applications; react and reactdom enable them to make web applications, etc.
...And 17 more matches
nsITextInputProcessor
createinstance(components.interfaces.nsitextinputprocessor); next, you need to get the rights to create composition or dispatch keyboard events with begininputtransaction() or begininputtransactionfortests(): if (!tip.begininputtransaction(window, callback)) { return; } if begininputtransaction() or begininputtransactionfortests() returns false, it means that an
other instance of nsitextinputprocessor has composition on the window or is dispatching an event.
... in this case,
other instances cannot create composition nor dispatch keyboard events on the window.
... }); // the
other attributes are always ignored.
...And 17 more matches
Web audio codec guide - Web media technologies
for more information about these and
other features of audio data, see audio data format and structure in digital audio concepts.
...some of these are a matter of the form of the source audio;
others are related to decisions made while encoding the audio.
... lossy codecs, on the
other hand, take advantage of the fact that the human ear is not a perfect interpreter of audio, and of the fact that the human brain can pluck the important information out of imperfect or noisy audio.
...And 17 more matches
Performance fundamentals - Web Performance
all
other things being equal, code optimized for some target besides user-perceived performance (hereafter upp) loses when competing against code optimized for upp.
...of course, it's by no means pointless to optimize
other metrics, but real upp targets come first.
... memory usage memory usage is an
other key metric.
...And 17 more matches
SVG documentation index - SVG: Scalable Vector Graphics
8
other resources reference, svg here is a list of additional resources on svg: 9 project svg no summary!
...this allows representation of values that would
otherwise be clamped to 0 or 1.
... 85 font-weight svg, svg attribute the font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to
other fonts in the same font family.
...And 17 more matches
Web Replay
replaying processes preserve all the same js behavior, dom structures, graphical updates, and most
other behaviors that occurred while recording.
... this requires using the same build of firefox and a reasonably similar version of the operating system;
otherwise the tab will probably crash.
... intra-thread non-deterministic behaviors are non-deterministic even in the absence of actions by
other threads, and inter-thread non-deterministic behaviors are those affected by interleaving execution with
other threads, and which always behave the same given the same interleaving.
...And 16 more matches
Handling Mozilla Security Bugs
at the same time, mozilla.org is also creating a larger "mozilla security bug group" by which mozilla contributors and
others can participate in addressing security vulnerabilities in mozilla.
...this work is separate from the work of developers adding new security features (cryptographically-based or
otherwise) to mozilla, although obviously many of the same people will be involved in both sets of activities.
... background security vulnerabilities are different from
other bugs, because their consequences are potentially so severe: users' private information (including financial information) could be exposed, users' data could be destroyed, and users' systems could be used as platforms for attacks on
other systems.
...And 16 more matches
Window.open() - Web APIs
this can be a path or url to an html page, image file, or any
other resource that is supported by the browser.
...
otherwise the call to window.open() will just create a new window.
...google chrome (55.0.2883.87 m ) on the
other hand will do it only from the same parent (as if the window was created dependent, which is the "opener").
...And 16 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
they need to know about focus changes and
other events, and it needs to know what objects are contained in the current document or dialog box.
...this is so commonly done, that no one even b
others to support the msaa caret, after all the hack is general solution works with pretty much all applications.
... myth: "msaa sucks" reality: this statement may come from an
other engineer or even an employee of an at vendor.
...And 16 more matches
HTML elements reference - HTML: Hypertext Markup Language
all
other elements must be descendants of this element.
...metadata for styles and scripts may be defined in the page or link to an
other file that has the information.
...this element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among
other things.
...And 16 more matches
HTML: A good basis for accessibility - Learn web development
even better, semantic markup has
other benefits beyond accessibility: easier to develop with — as mentioned above, you get some functionality for free, plus it is arguably easier to understand.
...an excellent semantic example might look something like the following: <h1>my heading</h1> <p>this is the first section of my document.</p> <p>i'll add an
other paragraph here too.</p> <ol> <li>here is</li> <li>a list for</li> <li>you to read</li> </ol> <h2>my subheading</h2> <p>this is the first subsection of my document.
...<br><br> i'll add an
other paragraph here too.
...And 15 more matches
HTML: A good basis for accessibility - Learn web development
even better, semantic markup has
other benefits beyond accessibility: easier to develop with — as mentioned above, you get some functionality for free, plus it is arguably easier to understand.
...an excellent semantic example might look something like the following: <h1>my heading</h1> <p>this is the first section of my document.</p> <p>i'll add an
other paragraph here too.</p> <ol> <li>here is</li> <li>a list for</li> <li>you to read</li> </ol> <h2>my subheading</h2> <p>this is the first subsection of my document.
...<br><br> i'll add an
other paragraph here too.
...And 15 more matches
Mozilla Web Developer FAQ
this document answers questions that web authors ask frequently specifically in connection with firefox and
other gecko-based browsers.
... since also
other contemporary browsers have a standards mode, activating the standards mode or the almost standards mode in
other browsers as well (using the above-mentioned exact doctypes) is the best way to get consistent css layout results across different browsers.
... on the
other hand, the quirks implemented in the quirks modes of different browsers vary from browser to browser.
...And 15 more matches
Drag Operations - Web APIs
for
other elements, they must be part of a selection for a default drag to occur.
... in html, apart from the default behavior for images, links, and selections, no
other elements are draggable by default.
... to make
other html elements draggable, three things must be done: set the draggable="true" on the element that you wish to make draggable.
...And 15 more matches
Media container formats (file types) - Web media technologies
instead, it streams the encoded audio and video tracks directly from one peer to an
other using mediastreamtrack objects to represent each track.
...some support only audio while
others support both audio and video.
...however, you may also encounter mp3, ogg, webm, avi, and
other formats.
...And 15 more matches
The Implementation of the Application Object Model - Archive of obsolete content
rdf can suck up data from different places (like your bookmarks and history or an
other web site), and it can combine them.
...for example, the traditional bookmarks tree view could contain anything from mail messages to local files to maps of
other sites.
... this same ability to aggregate data leads to an
other capability of rdf.
...And 14 more matches
The box model - Learn web development
previous overview: building blocks next everything in css has a box around it, and understanding these boxes is key to being able to create layouts with css, or to align items with
other items.
...these characteristics refer to how the box behaves in terms of page flow, and in relation to
other boxes on the page: if a box is defined as a block, it will behave in the following ways: the box will break onto a new line.
... padding, margin and border will cause
other elements to be pushed away from the box unless we decide to change the display type to inline, elements such as headings (e.g.
...And 14 more matches
Introduction to CSS layout - Learn web development
css page layout techniques allow us to take elements contained in a web page and control where they are positioned relative to their default position in normal layout flow, the
other elements around them, their parent container, or the main viewport/window.
...let's look at a quick html example: <p>i love my cat.</p> <ul> <li>buy cat food</li> <li>exercise</li> <li>cheer up friend</li> </ul> <p>the end!</p> by default, the browser will display this code as follows: note here how the html is displayed in the exact order in which it appears in the source code, with elements stacked up on top of one an
other — the first paragraph, followed by the unordered list, followed by the second paragraph.
... the elements that appear one below the
other are described as block elements, in contrast to inline elements, which appear one beside the
other, like the individual words in a paragraph.
...And 14 more matches
Gecko info for Windows accessibility vendors
definitions here are some basic definitions that you'll need for this document to make sense: gecko: the rendering engine for firefox, thunderbird, nvu, mozilla seamonkey and
other applications.
...the
other differences are not important).
... dom: document object model this is the w3c's specification for how web content is exposed to javascript and
other languages.
...And 14 more matches
Building the WebLock UI
in this chapter, however, we are going to be building a user interface for the weblock component that's meant to be added to the existing mozilla browser[
other-mozlike-browsers].
...the overlay section, where we discuss how to import scripts, images, and
other resources from mozilla into your own ui, is by far the more complicated of the two.
... if the weblock component is being installed in mozilla or an
other gecko-based browser, then this third section shows you how to create the entry point in the browser for controlling the web locking.
...And 14 more matches
Creating the Component Code
an xpcom component needs to implement at least three interfaces that xpcom requires, and often
others as well.
... component registration all xpcom components - whether they're stored in shared libraries (dlls, dsos, dylibs), javascript files, or
otherwise - need to be registered before they can be used.
... registration is a process that happens in all xpcom applications, whether they're embedded gecko clients, mozilla, netscape 7, compuserve, or any
other software that uses xpcom.
...And 14 more matches
nsIAnnotationService
if they haven't visited a page in a couple of months, they probably aren't interested in many
other annotations, the positions of things, or
other stuff you create, so put that in the weeks policy.
... do not use characters that are not valid in urls such as spaces, ":", commas, or most
other symbols.
...for
other types, only c++ consumers may use the type-specific methods.
...And 14 more matches
Debugger - Firefox Developer Tools
it is an accessor property with a getter and setter: assigning to it enables or disables this debugger instance; reading it produces true if the instance is enabled, or false
otherwise.
... setting this flag to true is intended for uses of subsystems of the debugger api (e.g, debugger.source) for purposes
other than step debugging a target javascript program.
... assigning anything
other than a callable value or null to this property throws a typeerror exception.
...And 14 more matches
Key Values - Web APIs
modifier keys | whitespace keys | navigation keys | editing keys | ui keys | device keys | ime and composition keys | function keys | phone keys | multimedia keys | audio control keys | tv control keys | media controller keys | speech recognition keys | document keys | application selector keys | browser control keys | numeric keypad keys special values values of key which have special meanings
other than identifying a specific key or character.
... varies varies varies varies modifier keys modifiers are special keys which are used to generate special characters or cause special actions when used in combination with
other keys.
...toggles the numeric keypad between number entry some
other mode (often directional arrows).
...And 14 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
negotiation is an inherently asymmetric operation: one side needs to serve as the "caller" while the
other peer is the "callee." the perfect negotiation pattern smooths this difference away by separating that difference out into independent negotiation logic, so that your application doesn't need to care which end of the connection it is.
... the best thing about perfect negotiation is that the same code is used for both the caller and the callee, so there's no repetition or
otherwise added levels of negotiation code to write.
...a polite peer, essentially, is one which may send out offers, but then responds if an offer arrives from the
other peer with "okay, never mind, drop my offer and i'll consider yours instead." an impolite peer, which always ignores incoming offers that collide with its own offers.
...And 14 more matches
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
there are a few articles about the fundamental math, geometry, and
other concepts behind webgl and webxr which may be useful to read before or while reading this one, including: explaining basic 3d theory matrix math for the web webgl model view projection geometry and reference spaces in webxr ed.
... by extension, if you and an
other person are standing in an empty field of solid stone with nothing else visible as far as the eye can see, if you move three meters toward the
other person, the result looks the same as if the
other person had moved three meters toward you.
... in single-screen 2d games, the camera is not associated directly with the player or any
other character in the game, but is instead either fixed above or next to the game play area, or follows the action as the action moves around a scrolling game world.
...And 14 more matches
Lighting a WebXR setting - Web APIs
because the webxr device api relies on
other technologies—namely, webgl and frameworks based upon it—to perform all rendering, texturing, and lighting of a scene, the same general lighting concepts apply to webxr settings or scenes as to any
other webgl-generated display.
... because the bouncing and scattering of light can be expensive to compute in real time, especially if multiple light sources are involved, it's common to use ambient lighting to simulate the scattered light caused by all the
other light sources in the scene, instead of actually calculating the true effect of light scattering.
...due to its directionality, the faces of an object facing a diffuse light source will be brighter than the
other faces.
...And 14 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
alt valid for the image button only, the alt attribute provides alternative text for the image, displaying the value of the attribute if the image src is missing or
otherwise fails to load.
... see the html autocomplete attribute for additional information, including information on password security and how autocomplete is slightly different for hidden than for
other input types.
...(only the htmlinputelement’s checked idl attribute is updated.) note: unlike
other input controls, a checkboxes and radio buttons value are only included in the submitted data if they are currently checked.
...And 14 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
the most common host environment is the browser, but javascript interpreters can also be found in a huge list of
other places, including adobe acrobat, adobe photoshop, svg images, yahoo's widget engine, server-side environments such as node.js, nosql databases like the open source apache couchdb, embedded computers, complete desktop environments like gnome (one of the most popular guis for gnu/linux operating systems), and
others.
...javascript also supports functional programming — because they are objects, functions may be stored in variables and passed around like any
other object.
...they have methods as well that allow you to manipulate the string and access information about the string: 'hello'.charat(0); // "h" 'hello, world'.replace('world', 'mars'); // "hello, mars" 'hello'.touppercase(); // "hello"
other types javascript distinguishes between null, which is a value that indicates a deliberate non-value (and is only accessible through the null keyword), and undefined, which is a value of type undefined that indicates an uninitialized variable — that is, a value hasn't even been assigned yet.
...And 14 more matches
Appendix: What you should know about open-source software licenses - Archive of obsolete content
duplication: copying a piece of software distribution: passing a piece of software to an
other person modification: modifying the software a typical software license will grant these permissions in return for a fee, and will still restrict some normally unrestricted uses.
...pen 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.
...modifications to bsd-licensed software can be published under commercial licenses or
other different licenses.
...And 13 more matches
Layout System Overview - Archive of obsolete content
in
other words, the same html or xml document could be viewed as a normal galley presentation in a browser window, while simultaneously being presented in a paged presentation to a printer, or even an aural presentation to a speech-synthesizer.
...the style context is associated with the frame via a reference because it is needed for many
other computations during the formatting of the frames.
...each frame implements a reflow method to compute its position and size, among
other things.
...And 13 more matches
Organizing your CSS - Learn web development
in this article we will take a brief look at some best practices for writing your css to make it easily maintainable, and some of the solutions you will find in use by
others to help improve maintainability.
...some developers put all of the rules onto a single line, like so: .box { background-color: #567895; } h2 { background-color: black; color: white; }
other developers prefer to break everything onto a new line: .box { background-color: #567895; } h2 { background-color: black; color: white; } css doesn't mind which one you use.
...} after this section we could define a few utility classes, for example a class that removes the default list style for lists we're going to display as flex items or in some
other way.
...And 13 more matches
Making decisions in your code — conditionals - Learn web development
human beings (and
other animals) make decisions all the time that affect their lives, from small ("should i eat one cookie or two?") to large ("should i stay in my home country and work on my father's farm, or should i move to america and study astrophysics?") conditional statements allow us to represent such decision making in javascript, from the choice that must be made (for example, "one cookie or two"), to the res...
...else syntax basic if...else syntax looks like the following in pseudocode: if (condition) { code to run if condition is true } else { run some
other code instead } here we've got: the keyword if followed by some parentheses.
... a condition to test, placed inside the parentheses (typically "is this value bigger than this
other value?", or "does this value exist?").
...And 13 more matches
Component Internals
a set of default libraries stored in this components directory makes up a typical gecko installation, providing functionality that consists of networking, layout, composition, a cross-platform user interface, and
others.
... an
other, even more basic view of this relationship of components to the files and interfaces that define them is shown in onion peel view of xpcom component creation in the next chapter.
...an
other application may delay this startup until xpcom is needed for the first time.
...And 13 more matches
HTTP Index - HTTP
it was designed for communication between web browsers and web servers, but it can also be used for
other purposes.
...this is used to explicitly allow some cross-origin requests while rejecting
others.
...this header specifies a comma-delineated list of the http methods which may be used when using cors to access the url specified in the request; if the request is using any
other method, this error occurs.
...And 13 more matches
JXON - Archive of obsolete content
all
other information (like processing instructions, schemas, comments, etc.) will be lost.
... algorithm #2: a less verbose way here is an
other, simpler, conversion method, in which nodeattributes are listed under the same object of child nodes but have the “@” prefix (as suggested by the badgerfish convention).
... algorithm #3: a synthetic technique here is an
other method of conversion.
...And 12 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
in this article, i will describe mozilla's quirks mode, which provides strong backwards html compatibility with internet explorer and
other legacy browsers.
...for example, rather than: if (ismozilla || isie5) you would use: if (document.getelementbyid) this would allow
other browsers that support that w3c standard method, such as opera or safari, to work without any changes.
... for all
other purposes you should check for the feature you need rather than the browsers you think will support that feature.
...And 12 more matches
Anatomy of a video game - Game development
other games demand control over each of the smallest possible individual timeslices.
...modern browsers strive to call methods right as they are needed and idle (or do their
other tasks) in the gaps.
... some code needs to be run frame-by-frame so why attach that function to anything
other than the browser's redraw schedule?
...And 12 more matches
Getting started with HTML - Learn web development
to get you started, this article defines elements, attributes, and all the
other important terms you may have heard.
...you will learn how html elements are structured, how a typical html page is structured, and
other important basic language features.
...the enclosing tags can make content into a hyperlink to connect to an
other page, italicize words, and so on.
...And 12 more matches
Introduction to automated testing - Learn web development
for example, this could be every time you save a file, or at some
other point.
...(if you already have node and npm installed, jump to point 4) install it like you would any
other program.
... note that node comes with node package manager (npm), which allows you to easily install packages, share your own packages with
others, and run useful scripts on your projects.
...And 12 more matches
Package management basics - Learn web development
it makes more sense to use a package manager such as npm, as this will guarantee that the code is added and removed cleanly, as well as a host of
other advantages.
... writing the code to include the package(s) in your application (this tends to be done using javascript modules, an
other subject that is worth reading up on and understanding).
... for example, if your project relied on webpack with a certain configuration, you'd want to ensure that if you installed that project on an
other machine or returned to it much later on, the configuration would still work.
...And 12 more matches
Localization content best practices
note on localizers mozilla localizers are volunteers with very diverse technical skills: some of them rely exclusively on translation tools,
others prefer to work directly with text editors and don't have problems working with vcs systems.
...please select an
other.
... example: search %1$s for "%2$s" non-directional single, and double, quotation marks should be used in reference to html code, or
other languages where ascii character usage is required, such as html.
...And 12 more matches
NSS API Guidelines
the areas which need the most work (both here and throughout the code) is: the relationship of the certificate library with just about every
other component (most noticeably pkcs #12, pkcs #7, and pkcs #11) splitting low key and high key components more clearly the crypto wrappers (pkcs #11 wrappers) and high key pkcs #12 and pkcs #5 libraries nss compiles into the libraries described below.
...pkcs #12 can be used to to encode keys, and certificates, for export or import into
other applications.
... ssl lib/ssl ssl.h, sslerr.h, sslproto.h, preenc.h secutil provides utility functions and data types used by
other libraries.
...And 12 more matches
PKCS #11 Module Specs
in additions applications/libraries should be able to ignore additional name value pairs which are used to specify configuration for
other applications.
...
other applications and libraries can safely ignore this line.
...this isn't part of the generic spec (that is
other applications need not parse it, nor pkcs #11 modules need supply them or use them).
...And 12 more matches
Mozilla internal string guide
es will outlive the string instance in addition, there is a special string class, ns[c]autostring, that additionally contains an internal 64-unit buffer (intended primarily for use on the stack), leading to a fourth ownership model: storage within an auto string's stack buffer auto strings will prefer reference counting an existing reference-counted buffer over their stack buffer, but will
otherwise use their stack buffer for anything that will fit in it.
... there are a number of additional string classes: classes which exist primarily as constructors for the
other types, particularly nsdependent[c]string and nsdependent[c]substring.
...nsliteral[c]string is trivially constructible and destructible, and therefore does not emit construction/destruction code when stored in statics, as opposed to the
other string classes.
...And 12 more matches
Getting Started Guide
in fact, if two objects somehow end up owning each
other (even transitively) it becomes difficult for either of those object to be reclaimed without adding some `out-of-band' mechanism for breaking the ownership cycle.
... nscomptr manages addref, release, and
other red-tape for you.
... */ mfooptr = afooptr; additionally, the class using raw xpcom interface pointers will need a destructor to release mfooptr; and a constructor to ensure that mfooptr is initially set to null (or some
other reasonable value).
...And 12 more matches
Debugger.Object - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with
other debuggers.
...this accessor may throw if the referent is a scripted proxy or some
other sort of exotic object (an opaque wrapper, for example).
... callable true if the referent is a callable object (such as a function or a function proxy); false
otherwise.
...And 12 more matches
In depth: Microtasks and the JavaScript runtime environment - Web APIs
when greetuser() calls localgreeting(), an
other context is created to run that function.
... when greetuser() calls localgreeting(), an
other context is created to run that function.
... when greetuser() calls localgreeting(), an
other context is created to run that function.
...And 12 more matches
ARIA Test Cases - Accessibility
screen magnifier should show the focused button or emulate any
other standard behavior found in notification dialogs in windows or respective operating systems.
... n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoom (leopard) pass n/a pass pass zoomtext fail- announced as 'alert' pass - - orca - - - - button basic button button with description dojo nightly build -- lots of
other types of buttons there as well.
... when the button is pressed, the menu should be tracked like any
other menu.
...And 12 more matches
Content Processes - Archive of obsolete content
the problem with the multiprocess model is that add-ons and content are now in different processes, and scripts in one process cannot interact directly with scripts in an
other.
...the
other emit function is associated with an
other event emitter: it was passed as an argument to the constructor of this event emitter, and made into a method.
... calling this method causes an event to be emitted on the
other event emitter.
...And 11 more matches
lang/type - Archive of obsolete content
globals functions isundefined(value) returns true if value is undefined, false
otherwise.
... isnull(value) returns true if value is null, false
otherwise.
... isstring(value) returns true if value is a string, false
otherwise.
...And 11 more matches
Appendix D: Loading Scripts - Archive of obsolete content
as this module only exists on firefox 4 and
other gecko 2-based platforms, the services in question will have to be manually loaded on
other platforms.
...these tags are generally inserted into xul overlay files or
other xul documents, after which they are automatically loaded into the context of the xul window in question and executed immediately and synchronously.
... flexibility: script tags provide a means to specify the character set and javascript version of the scripts to be loaded, which many
other methods do not.
...And 11 more matches
Images, Tables, and Mysterious Gaps - Archive of obsolete content
there's an
other obvious fix, which is to make sure your document doesn't trigger the "standards"rendering mode.
...isplay: block;} consider this rule when applied to the following markup: <table cellspacing="0" cellpadding="0" border="0" width="500"> <tr><td><img src="nav1.gif"><img src="nav2.gif"><img src="nav3.gif"><img src="nav4.gif"><img src="nav5.gif"></td></tr> <tr><td style="background: red;"> <img src="smallred.gif" height="1" width="1"></td></tr> <tr><td> <p style="margin: 0.5em;">this is text in an
other cell of the table.
... within the textthere is an icon <img src="icon2.gif"> that indicates a link to an
other site.
...And 11 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
an
other benefit of this standards-based approach to ui development is that your application is cross-platform "out of the box".
... unlike many
other application frameworks, you are not limited to the widget set we provide, nor limited to the "look and feel" of the native os.
...our platform also can take advantage of
other internet standards such as xslt and rdf.
...And 11 more matches
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
if you know how to program in javascript, then you can write your own code that does
other things.
...use
other tutorials and articles to find out more—the main extensions page here is a good starting point.
...seamonkey 2 is being reworked to support the same process as firefox, thunderbird and
others.
...And 11 more matches
CSS and JavaScript accessibility best practices - Learn web development
to put it an
other way, it is important that you consider some best practice advice to make sure that your use of css and javascript doesn't ruin the accessibility of your documents.
... web: <p>visit the <a href="https://www.mozilla.org">mozilla homepage</a>.</p> some very simple link styling is shown below: a { color: #ff0000; } a:hover, a:visited, a:focus { color: #a60000; text-decoration: none; } a:active { color: #000000; background-color: #a60000; } the standard link conventions are underlined and a different color (default: blue) in their standard state, an
other color variation when the link has previously been visited (default: purple), and yet an
other color when the link is activated (default: red).
... an
other tip is to not rely on color alone for signposts/information, as this will be no good for those who can't see the color.
...And 11 more matches
WAI-ARIA basics - Learn web development
as an
other example, apps started to feature complex controls like date pickers for choosing dates, sliders for choosing values, etc.
...role="navigation" (<nav>) or role="complementary" (<aside>), but there are also
others that describe different pages structures, such as role="banner", role="search", role="tabgroup", role="tab", etc., which are commonly found in uis.
... enhancing keyboard accessibility: there are built-in html elements that have native keyboard accessibility; when
other elements are used along with javascript to simulate similar interactions, keyboard accessibility and screenreader reporting suffers as a result.
...And 11 more matches
UI pseudo-classes - Learn web development
more recently, the css selector level 3 and css basic ui level 3 added more pseudo-classes related to html forms that provide several
other useful targetting conditions that you can take advantage of.
... there are many
others too, but the ones listed above are the most obviously useful.
... some of the
others are aimed at solving very specific niche problems, or simply not very well supported in browsers yet.
...And 11 more matches
Client-Server Overview - Learn web development
as part of processing the browser may discover links to
other resources (e.g.
...the x-frame-options: deny line tells the browser not to allow this page to be embedded in an <iframe> in an
other site).
...the information is
otherwise similar to that for the response to a get request.
...And 11 more matches
Server-side web frameworks - Learn web development
#list our
other teams ) team_level = models.charfield(max_length=3,choices=team_levels,default='u11') the django model provides a simple query api for searching the database.
...templates are often used to create html, but can also create
other types of document.
... web frameworks often provide a mechanism to make it easy to generate
other formats from stored data, including json and xml.
...And 11 more matches
Website security - Learn web development
in
other high-profile cases, millions of passwords, email addresses, and credit card details have been leaked into the public domain, exposing website users to both personal embarrassment and financial risk.
...
other attacks can be mitigated through your web server configuration, for example by enabling https.
... cross-site scripting (xss) xss is a term used to describe a class of attacks that allow an attacker to inject client-side scripts through the website into the browsers of
other users.
...And 11 more matches
Strategies for carrying out testing - Learn web development
note: you can only have one version of ie or edge installed on a machine at once, so you will probably have to use virtual machine, or
other strategy to do the testing you need.
... the next page provides you with some code snippets and
other instructions.
..."we have no firefox mobile users" might lead you to not b
other supporting firefox mobile.
...And 11 more matches
Accessibility API cross-reference
an interesting problem is that mozilla, safari/khtml, opera, staroffice and
other apps are cross-platform, but there is currently no cross-platform accessibility api.
... aria is a standard developed as part of the web accessibility initiative, which uses markup syntax quite familiar to users of html, xml, sgml and
others.
...aria can be used to 'fill out' the missing semantics of html, but may also be used in
other markup languages (such as svg) and expresses semantics using attributes, compared with html, which tends to have distinct named elements for its roles.
...And 11 more matches
Using XPCOM Components
« previousnext » one of the best ways to begin working with xpcom - especially when you are designing the interface to a component that will be used by
others, as we do in starting weblock - is to look at how clients are already using xpcom components.
...in fact, virtually all of the functionality that you associate with a browser - navigation, window management, managing cookies, bookmarks, security, searching, rendering, and
other features - is defined in xpcom components and accessed by means of those component interfaces.
...the interfaces are public, in
other words, and the implementations are private[private-xpcom-interfaces].
...And 11 more matches
Using XPCOM Utilities to Make Things Easier
though they overlap somewhat (e.g., high-level macros expand to
other macros), they fall into the following general categories.
... the module macros include one set of macros that define the exported nsgetmodule entry point, the required nsimodule implementation code and an
other 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 }, // ...
...And 11 more matches
nsIDOMWindowUtils
true if it's open,
otherwise false.
..."basic" is unaccelerated;
other types are accelerated.
... paintingsuppressed boolean true if painting is currently suppressed for this window;
otherwise false.
...And 11 more matches
WebRTC connectivity - Web APIs
this article describes how the various webrtc-related protocols interact with one an
other in order to create a connection and transfer data and/or media among peers.
...the description includes information about the kind of media being sent, its format, the transfer protocol being used, the endpoint's ip address and port, and
other information needed to describe a media transfer endpoint.
... when a user starts a webrtc call to an
other user, a special description is created called an offer.
...And 11 more matches
Background audio processing using AudioWorklet - Web APIs
with the processor registered, you can create a new audioworkletnode which passes the audio through the processor's code when the node is linked into the chain of audio nodes along with any
other audio nodes.
... connect the created audioworkletnodes into your audio processing pipeline as you would any
other node, then use your audio pipeline as usual.
... glitch project page see the code try it live creating an audio worklet processor fundamentally, an audio worklet processor (which we'll refer to usually as either an "audio processor" or simply as a "processor" because
otherwise this article will be about twice as long) is implemented using a javascript module that defines and installs the custom audio processor class.
...And 11 more matches
window.postMessage() - Web APIs
normally, scripts on different pages are allowed to access each
other if and only if the pages they originate from share the same protocol, port number, and host (also known as the "same-origin policy").
... broadly, one window may obtain a reference to an
other (e.g., via targetwindow = window.opener), and then dispatch a messageevent on it with targetwindow.postmessage().
... message data to be sent to the
other window.
...And 11 more matches
position - CSS: Cascading Style Sheets
the offset does not affect the position of any
other elements; thus, the space given for the element in the page layout is the same as if position were static.
...it is positioned relative to its closest positioned ancestor, if any;
otherwise, it is placed relative to the initial containing block.
...the margins of absolutely positioned boxes do not collapse with
other margins.
...And 11 more matches
Redirections in HTTP - HTTP
they imply that the original url should no longer be used, and replaced with the new one.search engine robots, rss readers, and
other crawlers will update the original url for the resource.
...
others may or may not be changed to get.[1] reorganization of a web site.
... temporary redirections sometimes the requested resource can't be accessed from its canonical location, but it can be accessed from an
other place.
...And 11 more matches
Digital audio concepts - Web media technologies
sound enters the computer through a microphone or
other input in the form of a stream of electrons whose voltage varies to represent the amplitude of the sound wave.
...the more samples you take, the smo
other the wave becomes.
...most audio files use 16-bit signed integers for each sample, but
others use 32-bit floating-point values or 24-bit or 32-bit integers.
...And 11 more matches
Image file type and format guide - Web media technologies
bit depth, on the
other hand, is the total number of bits used to represent each pixel in memory.
... apng is ideal for basic animations that do not need to synchronize to
other activities or to a sound track, such as progress indicators, activity throbbers, and
other animated sequences.
... while
other data representations are defined in the specification, they are not widely used and often completely unimplemented.
...And 11 more matches
Understanding WebAssembly text format - WebAssembly
so this is similar to functions in
other languages, even if it looks different because it is an s-expression.
... there is an
other issue here — using numeric indices to refer to items can be confusing and annoying, so the text format allows you to name parameters, locals, and most
other items simply by including a name prefixed by a dollar symbol ($) just before the type declaration.
... calling functions from
other functions in the same module the call instruction calls a single function, given its index or name.
...And 11 more matches
StringView - Archive of obsolete content
ew in javascript) based upon the javascript arraybuffer interface to create a highly extensible library that anyone can extend by adding methods to the object stringview.prototype to create a collection of methods for such string-like objects (since now: stringviews) which work strictly on arrays of numbers rather than on creating new immutable javascript strings to work with unicode encodings
other than javascript's default utf-16 domstrings introduction as web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using websockets, and so forth, it has become clear that there are times when it would be helpful for javascript code to be able to quickly and easily manipulate raw binary data.
...nstartidx + nlength : ninptlen); break typeswitch; default: /* the input argument is an array or an
other serializable object: a new typedarray will be created.
...*/ for (var ninptidx = nstartidx, noutptidx = 0; noutptidx < noutptlen; ninptidx += fgetinptchrsize(nchrcode)) { nchrcode = fgetinptchrcode(vsource, ninptidx); noutptidx = fputoutptcode(awhole, nchrcode, noutptidx); } break conversionswitch; case 4: /* domstring to ascii or binarystring or
other unknown encodings */ awhole = new ftaview(noutptlen); /* transcription...
...And 10 more matches
Custom toolbar button - Archive of obsolete content
if you know how to program in javascript, then you can write your own code that does
other things.
...use
other tutorials and articles to find out more—the main extensions page here is a good starting point.
... note: there is a similar tutorial for seamonkey 1.x on the page: custom toolbar button:seamonkey earlier versions and
other mozilla applications also support extensions, but some parts of this tutorial are not appropriate for them.
...And 10 more matches
Templates - Archive of obsolete content
however, you can use
other elements if you want although they are more useful for specialized cases.
... nevertheless, we'll start with these
other elements because trees and menus require more code.
... this example and any
others that reference internal rdf datasources will only work if you load them from a chrome url.
...And 10 more matches
XUL element attributes - Archive of obsolete content
otherwise, events are passed to the element only.
...when multiple datasources are used, one may override an assertion from an
other.
...when multiple datasources are used, one may override an assertion from an
other.
...And 10 more matches
Gecko FAQ - Gecko Redirect 1
gecko is the open source browser engine designed to support open internet standards such as html 5, css 3, the w3c dom, xml, javascript, and
others.
... gecko is used in multiple browsers, including mozilla firefox, seamonkey, and
others.
...in
other words, gecko will not only be displaying the document's content, but it will also be painting the scrollbars, toolbars, and menus on the screen as well.
...And 10 more matches
Fundamental text and font styling - Learn web development
here we'll go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and
other effects, and line and letter spacing.
...text content effectively behaves like a series of inline elements, being laid out on lines adjacent to one an
other, and not creating line breaks until the end of the line is reached, or unless you force a line break manually using the <br> element.
... text layout styles: properties that affect the spacing and
other layout features of the text, allowing manipulation of, for example, the space between lines and letters, and how the text is aligned within the content box.
...And 10 more matches
Client-side form validation - Learn web development
minlength and maxlength: specifies the minimum and maximum length of textual data (strings) min and max: specifies the minimum and maximum values of numerical input types type: specifies whether the data needs to be a number, an email address, or some
other specific preset type.
... when an element is invalid, the following things are true: the element matches the :invalid css pseudo-class, and sometimes
other ui pseudo-classes (e.g., :out-of-range) depending on the error, which lets you apply a specific style to invalid elements.
... validating against a regular expression an
other useful validation feature is the pattern attribute, which expects a regular expression as its value.
...And 10 more matches
Advanced text formatting - Learn web development
previous overview: introduction to html next there are many
other elements in html for formatting text, which we didn't get to in the html text fundamentals article.
...here you'll learn about marking up quotations, description lists, computer code and
other related text, subscript and superscript, contact information, and more.
...let's look at an example of a set of terms and definitions: soliloquy in drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to
other characters.) monologue in drama, where a character speaks their thoughts out loud to share them with the audience and any
other characters present.
...And 10 more matches
Introduction to events - Learn web development
the example output is as follows: it's not just web pages an
other thing worth mentioning at this point is that events are not unique to javascript — most programming languages have some kind of event model, and the way the model works often differs from javascript's way.
... in fact, the event model in javascript for web pages differs from the event model for javascript as it is used in
other environments.
... you don't need to understand anything about
other such environments at this stage in your learning; we just wanted to make it clear that events can differ in different programming environments.
...And 10 more matches
Introduction to the server side - Learn web development
it can even allow interaction with users of the site, sending notifications and updates via email or through
other channels.
... a dynamic site can return different data for a url based on information provided by the user or stored preferences and can perform
other operations as part of returning a response (e.g.
...web frameworks are collections of functions, objects, rules and
other code constructs designed to solve common problems, speed up development, and simplify the different types of tasks faced in a particular domain.
...And 10 more matches
Getting started with React - Learn web development
it's used with
other libraries to render to certain environments.
... for instance, react native can be used to build mobile applications; react 360 can be used to build virtual reality applications; and there are
other possibilities besides.
...react and reactdom are often discussed in the same spaces as — and utilized to solve the same problems as —
other true web development frameworks.
...And 10 more matches
Introduction to cross browser testing - Learn web development
you need to think about: different browsers
other than the one or two that you use regularly on your devices, including slightly older browsers that some people might still be using, which don't support all the latest, shiniest css and javascript features.
... on the
other hand, it is not ok for a site to work fine for sighted users, but be completely inaccessible for visually impaired users because their screen reader application can't read any of the information stored on it.
...as a web developer, you need to agree on a range of browsers and devices that the code definitely needs to work on with the site owner, but beyond that, you need to code defensively to give
other browsers the best chance possible of being able to use your content.
...And 10 more matches
Setting up your own test automation environment - Learn web development
there are
other ways, but the best way to use selenium is via webdriver, a powerful api that builds on top of selenium and makes calls to a browser to automate it, carrying out actions such as "open this web page", "move over this element on the page", "click this link", "see whether the link opens this url", etc.
... note: if you want to find out how to use webdriver with
other server-side environments, also check out platforms supported by selenium for some useful links.
... create an
other new file inside your project directory called google_test_multiple.js.
...And 10 more matches
Mozilla Quirks Mode Behavior
add padding if the very first node in an li is an
other ul or ol (bug 98636).
... (this also applies to getelementsbyclassname.) stylesheets linked in the document with an advisory mime type of text/css will still be treated as css even if the server gives a content-type header
other than text/css.
... the css parser interprets unitless numbers as px (except for line-height and any
other properties where they have distinct meaning, and except in shorthands).
...And 10 more matches
Introduction to NSPR
the netscape portable runtime (nspr) api allows compliant applications to use system facilities such as threads, thread synchronization, i/o, interval timing, atomic operations, and several
other low-level services in a platform-independent manner.
...each thread is an execution entity that is scheduled independently from
other threads in the same process.
...this, and the fact that threads share an address space with
other threads in the same process, makes it important to remember that threads are not processes .
...And 10 more matches
Shell global objects
unwrappedobjectshavesameshape(obj1, obj2) returns true iff obj1 and obj2 have the same shape, false
otherwise.
...if an error occurred, throw the appropriate exception;
otherwise, run the script and return its value.
...if an error occurred, throw the appropriate exception;
otherwise, return the module object timeout([seconds], [func]) get/set the limit in seconds for the execution time for the current context.
...And 10 more matches
EventTarget.addEventListener() - Web APIs
if a passive listener does call preventdefault(), the user agent will do nothing
other than generate a console warning.
...event bubbling and capturing are two ways of propagating events that occur in an element that is nested within an
other element, when both elements have registered a handle for that event.
...that means that if the browser checks the value of the passive property on the options object, passivesupported will be set to true;
otherwise, it will remain false.
...And 10 more matches
Typical use cases of Flexbox - CSS: Cascading Style Sheets
in this guide we will take a look at some of the common use cases for flexbox — those places where it makes more sense than an
other layout method.
... in a perfect world of browser support, the reason you'd choose to use flexbox is because you want to lay a collection of items out in one direction or an
other.
...you can read more about the difference between flexbox and css grid layout in relationship of flexbox to
other layout methods, where we discuss how flexbox fits into the overall picture of css layout.
...And 10 more matches
Grammar and types - JavaScript
(spaces, tabs, and newline characters are considered whitespace.) comments the syntax of comments is the same as in c++ and in many
other languages: // a one line comment /* this is a longer, * multi-line comment */ /* you can't, however, /* nest comments */ syntaxerror */ comments behave like whitespace, and are discarded during script execution.
...for example: var n = null; console.log(n * 32); // will log 0 to the console variable scope when you declare a variable outside of any function, it is called a global variable, because it is available to any
other code in the current document.
... if (true) { let y = 5; } console.log(y); // referenceerror: y is not defined variable hoisting an
other unusual thing about variables in javascript is that you can refer to a variable declared later, without getting an exception.
...And 10 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
for example, in the firefox browser window, everything
other than the web page being displayed in the content area is chrome.
... normal overlay: adding the xul-overlay instruction to the target xul document overlays it with an
other xul document cross-package overlay: adding a cross manifest permits one xul file to overlay an
other without any xul-overlay instruction.
...assuming you’ve done that, you’ll be able to confirm the changes to overlay.xul and clock.xul without the b
other of relaunching firefox or reinstalling the extension.
...And 9 more matches
Menus - Archive of obsolete content
submenus may be created by nesting one menu inside of an
other.
...instead of creating a standard button, this will create a button with a small arrow or
other indicator.
...this works just like it does for
other buttons.
...And 9 more matches
OpenClose - Archive of obsolete content
for menupopups attached to
other elements using the popup or context attributes, see opening a popup below.
... as with
other ways of opening a menu, the popupshowing event will be fired to provide an opportunity to customize the commands that appear on the menu.
... if the menu is a child of an
other menu and the parent menu is not open.
...And 9 more matches
Anonymous Content - Archive of obsolete content
xbl content xbl can be used to automatically add a set of elements inside an
other element.
...this is useful for creating a single widget that is made up of a set of
other widgets, but can be referred to as only a single widget.
...these elements would in turn be bound to
other bindings that use the base xul elements.
...And 9 more matches
Document Object Model - Archive of obsolete content
for example, the following two lines which open a new window are functionally equivalent: window.open("test.xul","_new"); open("test.xul","_new"); when you declare a function or a variable at the top level of a script, that is outside an
other function, you are actually declaring a property of the global object.
... function gettext(){ return "message"; } alert(gettext()); alert(window.gettext()); thus, if you want to access variables or call a function declared in a script used by an
other window, you just need to access it using the
other window's window object.
... for example, if we combined the last two examples into a single file, we might want to call the gettext() function from within the
other window (for example, the test.xul window).
...And 9 more matches
Archived Mozilla and build documentation - Archive of obsolete content
because of this close association between methods and attributes on the one hand, and content on the
other, calicalendarview implementations are particularly well suited to xbl.
...a sequence of characters) that matches patterns of characters in
other strings.
... devmo 1.0 launch roadmap comments, ideas, questions and
other discussion should be added on the devmo talk:1.0 launch roadmap page.
...And 9 more matches
The Business Benefits of Web Standards - Archive of obsolete content
a lot of
other sites would greatly increase their seo by simply using proper tags for the content.
...while some browsers have quirks that cause different behavior by platform, mozilla-based browsers are designed to behave identically on all supported platforms (mac, linux, unix, windows...) web content is increasingly being accessed by a growing number of user agents
other than browsers, or by browsers on different platforms - for example mobile telephones.
...familiarity with dreamweaver or any
other legacy software is not a good basis for hiring creative development personnel.
...And 9 more matches
What is CSS? - Learn web development
a document is usually a text file structured using a markup language — html is the most common markup language, but you may also come across
other markup languages such as svg or xml.
...there are
other user agents available — such as those which convert html and css documents into pdfs to be printed.
... a css stylesheet will contain many such rules, written one after the
other.
...And 9 more matches
Styling links - Learn web development
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.
...you should at least: use underlining for links, but not for
other things.
... if you don't want to underline links, at least highlight them in some
other way.
...And 9 more matches
Creating hyperlinks - Learn web development
hyperlinks allow us to link documents to
other documents or resources, link to specific parts of documents, or make apps available at a web address.
... almost any web content can be converted to a link so that when clicked or
otherwise activated the web browser goes to an
other web address (url).
... anatomy of a link a basic link is created by wrapping the text or
other content, see block level links, inside an <a> element and using the href attribute, also known as a hypertext reference, or target, that contains the web address.
...And 9 more matches
Graceful asynchronous programming with Promises - Learn web development
since getusermedia() has to ensure that the user has permission to use those devices and ask the user which microphone to use and which camera to use (or whether to be a voice-only call, among
other possible options), it can block until not only all of those decisions are made, but also the camera and microphone have been engaged.
...it then calls getusermedia(), asking for a stream that has both video and audio tracks, then once that's been obtained, sets up a video element to show the stream coming from the camera as a "self view," then takes each of the stream's tracks and adds them to the webrtc rtcpeerconnection representing a connection to an
other user.
...mething like this: choosetoppings(function(toppings) { placeorder(toppings, function(order) { collectorder(order, function(pizza) { eatpizza(pizza); }, failurecallback); }, failurecallback); }, failurecallback); this is messy and hard to read (often referred to as "callback hell"), requires the failurecallback() to be called multiple times (once for each nested function), with
other issues besides.
...And 9 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
it's important to know that you can (and often will) run
other code before a settimeout() call executes, or between iterations of setinterval().
...(in
other words, when the stack is empty.) you will learn more on this matter as you progress through this article.
... in any case, these functions are used for running constant animations and
other background processing on a web site or application.
...And 9 more matches
Client-side storage - Learn web development
you will see that if you load two websites (say google.com and amazon.com) and try storing an item on one website, it won't be available to the
other website.
... this makes sense — you can imagine the security issues that would arise if websites could see each
other's data!
... note: there is an
other, slightly more complex example to explore at using the web storage api.
...And 9 more matches
What is JavaScript? - Learn web development
it is the third layer of the layer cake of standard web technologies, two of which (html and css) we have covered in much more detail in
other parts of the learning area.
...(okay, not everything, but it is amazing what you can achieve with a few lines of javascript code.) the three layers build on top of one an
other nicely.
... apis are ready-made sets of code building blocks that allow a developer to implement programs that would
otherwise be hard or impossible to implement.
...And 9 more matches
Displaying Places information using views
you may specify as few or as many of these magic columns as you want, and your tree may of course contain
other columns as well.
...this is useful when you need the id for an
other purpose or when a treecol is contained in anonymous content, as in xbl.
...if you need to display additional data or
otherwise require more control over your view, you may need to write your own.
...And 9 more matches
Script security
the rules for determining whether an object is same-origin with an
other, and what access is allowed cross-origin, are now mostly standardized across browsers.
... security policy gecko implements the following security policy: objects that are same-origin are able to access each
other freely.
... for example, the objects associated with a document served from https://example.org/ can access each
other, and they can also access objects served from https://example.org/foo.
...And 9 more matches
HTTP Cache
other parallel openers of the same cache entry are blocked (wait) for invocation of their oncacheentryavailable until one of the following occurs: the writer simply throws the entry away:
other waiting opener in line gets the entry again as "new", the cycle repeats.
... the writer stored all necessary meta data in the cache entry and called metadataready on it:
other consumers now get the entry and may examine and potentially modify the meta data and read the data (if any) of the cache entry.
... when the writer still keeps the cache entry and has open and keeps open the output stream on it,
other consumers may open input streams on the entry.
...And 9 more matches
IPDL Tutorial
the c++ signature will accept a pprotocolparent* on one side and convert it to a pprotocolchild* on the
other.
...maybe); }; custom primitive types when you need to send data of a type
other than one built into ipdl, you can add a using declaration in an ipdl specification.
... struct namevaluepair { nscstring name; nscstring value; }; in implementation code, these structs can be created and used like so: namevaluepair entry(astring, an
otherstring); foo(entry.name(), entry.value()); // named accessor functions return references to the members arrays ipdl has simple syntax for arrays: invokemethod(nscstring[] args); in c++ this is translated into a nstarray reference: virtual bool recvinvokemethod(nstarray<nscstring>& args); ipdl's generated data structures can be used in several protocols if they are defined in a separate...
...And 9 more matches
source-editor.jsm
ignorecase boolean true if the search was case sensitive;
otherwise false.
... return value true if there are changes that can be redone,
otherwise false.
... return value true if there are changes that can be undone,
otherwise false.
...And 9 more matches
Hacking Tips
it is separated in 2 parts, one section related to debugging and an
other section related to drafting optimizations.
...external programs such as iongraph, dot, and your png viewer are search into the path,
otherwise custom one can either be configured with environment variables (gdb_iongraph, gdb_dot, gdb_pngviewer) before starting gdb, or with gdb parameters (set iongraph-bin <path>, set dot-bin <path>, set pngviewer-bin <path>) within gdb.
... one way to investigate is to let valgrind start gdb for you, the
other way documented here is to let valgrind act as a gdb server which can be manipulated from the gdb remote.
...And 9 more matches
TPS Tests
} note that in this example, the foobar@restmail.net account must be registered on stage,
otherwise authentication will fail (and the whole test will fail as well.
...typically there are two profiles used, but any number of profiles could be used in theory (
other than 0).
... phase implementation (mandatory) it's worth noting that some parts of tps assume that it can read the number off the end of the phase or profile to get to the next one, so try to stick to the convention established in the
other tests.
...And 9 more matches
Gecko Roles
role_window represents the window frame, which contains child objects such as a title bar, client, and
other objects contained in a window.
... role_grouping logically groups
other objects.
... role_statictext represents read-only text, such as labels for
other controls or instructions in a dialog box.
...And 9 more matches
nsIAccessibleRole
role_window 9 represents the window frame, which contains child objects such as a title bar, client, and
other objects contained in a window.
... role_grouping 20 logically groups
other objects.
... role_statictext 41 represents read-only text, such as labels for
other controls or instructions in a dialog box.
...And 9 more matches
nsITreeView
return value true if a drop is allowed at the current location;
otherwise false.
...
otherwise false.
...
otherwise false.
...And 9 more matches
nsIURI
vice.newuri(aurl, aorigincharset, abaseuri); } components of a uri prepath path scheme userpass host port ref ftp :// username@password @ hostname : portnumber /pathname?query=value #ref method overview nsiuri clone(); nsiuri cloneignoringref(); boolean equals(in nsiuri
other); boolean equalsexceptref(in nsiuri
other); autf8string resolve(in autf8string relativepath); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring the uri host with an ascii compatible encoding.
...
other parts are url-escaped per the rules of rfc3986.
... if this value is something
other than utf-8 then the uri components (for example spec, prepath, username, and so on) are all fully url-escaped.
...And 9 more matches
nsIZipWriter
if the operation is performed on the queue then the channel will be opened asynchronously,
otherwise the channel must support being opened synchronously.
... ns_error_in_progress the zip writer is already performing an
other operation.
... ns_error_in_progress the zip writer is already performing an
other operation.
...And 9 more matches
XPIDL
types can of course be one of the fundamental types, or any
other type declared via a typedef, interface, or a native type.
...
other webidl types (e.g.
...furthermore, interfaces can also inherit from an
other interface.
...And 9 more matches
Using images - Web APIs
you can even use the image produced by
other canvas elements on the same page as the source!
... importing images into a canvas is basically a two step process: get a reference to an htmlimageelement object or to an
other canvas element as a source.
... htmlcanvaselement you can use an
other <canvas> element as your image source.
...And 9 more matches
Using microtasks in JavaScript with queueMicrotask() - Web APIs
this lets the given function run without the risk of interfering with an
other script's execution, yet also ensures that the microtask runs before the user agent has the opportunity to react to actions taken by the microtask.
... javascript promises and the mutation observer api both use the microtask queue to run their callbacks, but there are
other times when the ability to defer work until the current event loop pass is wrapping up.
... the event loop driving your code handles these tasks one after an
other, in the order in which they were enqueued.
...And 9 more matches
Fundamentals of WebXR - Web APIs
mixed reality is a large and complex subject, with much to learn and many
other apis to bring together in order to create an engaging experience for users.
...this includes both managing the process of rendering the views needed to simulate the 3d experience and the ability to sense the movement of the headset or
other motion sensing apparatus to provide the needed data to let you update the imagery shown to the user based on that movement.
... an
other key difference is that webxr has integrated support for the advanced input controllers that are used with most mixed reality headsets, while webvr relied on the gamepad api to support the controllers.
...And 9 more matches
Geometry and reference spaces in WebXR - Web APIs
however, in order to provide the ability to present scenes in true 3d using xr headsets and
other such equipment, webxr has additional concepts that must be understood.
... in this article, we introduce the ways in which webxr expands upon the geometry of webgl, and how the positions and orientations of objects—both physical and virtual—are described in relation to one an
other using spaces and, in particular, reference spaces.
... the article spatial tracking in webxr builds upon the information provided here to cover how the physical position and orientation of the user's head, as well as potentially
other parts of their body such as the hands, are mapped into the digital world, as well as how the relative positions of both physical and virtual objects are tracked as they move around, so that the scene can be properly rendered and composited.
...And 9 more matches
Starting up and shutting down a WebXR session - Web APIs
otherwise, the polyfill falls back to an implementation which uses google's cardboard vr api.
...additionally, it is updated to maintain compatibility with browsers as their support for webxr and
other technologies related to it and to the implementation of the polyfill change over time.
...
other improvements include updating the emulator to rename the xr interface to xrsystem, introduce support for squeeze (grip) input sources, and add support for the xrinputsource property profiles.
...And 9 more matches
Cognitive accessibility - Accessibility
other permanent cognitive impairments include aphasia, speech and language, autism, add/adhd, dyslexia, and dyscalculia.
...an
other form it can take is depression, such as when mourning the loss of a loved one, or being momentarily saddened by a tweet or video they just saw online.
... if moving, blinking, scrolling, or auto-updating information starts automatically, lasts more than five seconds, and is presented in parallel with
other content, the user must able to pause, stop, hide or control it, unless it's an essential functionality.
...And 9 more matches
Perceivable - Accessibility
guideline 1.1 — providing text alternatives for non-text content the key here is that text can be converted to
other forms that people with disabilities can use.
...see
other text alternative mechanisms for the argument against longdesc.
... see text alternatives for static caption options, and audio transcripts, video text tracks, and
other multimedia content for
other alternatives.
...And 9 more matches
Browser detection using the user agent - HTTP
also, experts, or simply people with an
other point of view, can give you ideas for working around the bug.
...browser makers do pay attention to bug reports, and the analysis may hint about
other workarounds for the bug.
...this is the worst reason to use user agent detection because odds are eventually all the
other browsers will catch up.
...And 9 more matches
Functions - JavaScript
in javascript, functions are first-class objects, because they can have properties and methods just like any
other object.
... what distinguishes them from
other objects is that functions can be called.
... to return a value
other than the default, a function must have a return statement that specifies the value to return.
...And 9 more matches
Authoring MathML - MathML
html becomes verbose when your document contains advanced structures like lists or tables but fortunately there are many generators from simple notations, wysiwyg editors and
other content management systems to help writing web pages.
...of course, the list is by no means exhaustive and you are invited to check out the w3c mathml software list where you can find various
other tools.
...there is also a similar script to display a warning at the top of the page for browsers without good mathml support and let the users choose between one of the fallback above: <script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script> if you don't want to use this link to github but instead to integrate these polyfills or
others in your own project, you might need the detection scripts to verify the level of mathml support.
...And 9 more matches
Content Scripts - Archive of obsolete content
there are five basic principles: the add-on's main code, including "main.js" and
other modules in "lib", can use the sdk high-level and low-level apis, but can't access web content directly content scripts can't use the sdk's apis (no access to globals exports, require) but can access web content sdk apis that use content scripts, like page-mod and tabs, provide functions that enable the add-on's main code to load content scripts into web pages content scripts can be loaded in a...
... a message-passing api allows the main code and content scripts to communicate with each
other this complete add-on illustrates all of these principles.
...b.attach({ contentscript: ['document.body.style.border = "5px solid red";', 'window.alert("hi");'] }); }); // main.js var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: [data.url("jquery.min.js"), data.url("my-content-script.js")] }); if you do this, the scripts can interact directly with each
other, just like scripts loaded by the same web page.
...And 8 more matches
Intercepting Page Loads - Archive of obsolete content
some of the techniques presented here apply only to content loaded in the main browser area, while
others detect content being loaded in
other xul windows, or even detect xul content being loaded.
...you can close the tab, redirect the tab to about:blank or an
other page, or tell the browser to stop loading this page, but in general you don't want to do this because it will be visible to the user and it will look like a bug.
... http observers an
other common way of detecting and intercepting loads is using http observer topics.
...And 8 more matches
JavaScript Object Management - Archive of obsolete content
« previousnext » chrome javascript in this section we'll look into how to handle javascript data effectively, beginning with chrome code, in ways which will prevent pollution of shared namespaces and conflicts with
other add-ons resulting from such global namespace pollution.
... the first step to good javascript object management is having a namespace, or a javascript object that contains our code and data, that you know will not conflict with firefox code or
other extensions.
... javascript has a host of features that make it extremely flexible, but it also has some disadvantages, as it is not as strict as
other languages, such as java.
...And 8 more matches
The Box Model - Archive of obsolete content
an hbox is oriented horizontally by default, meaning that its child nodes are displayed next to each
other from left to right.
... a vbox is oriented vertically by default, its child nodes displayed one below the
other from top to bottom.
...the same applies to a vbox, but in the
other direction.
...And 8 more matches
Source code directories overview - Archive of obsolete content
tools contains scripts for automatically generating certain source code and
other special tools for building this module.
...the format of the date and time for different cultures) and
other localization facilities.
...it includes all the code for managing mail, reading newsgroup messages, importing
other mail formats, composing new messages and so on.
...And 8 more matches
Style System Overview - Archive of obsolete content
style system style sheets & rules ↓ rule tree ↓ style context interface style sheets & rules nsistyleruleprocessor and nsistylesheet describe in c++ what a css stylesheet can do nsistylerule describes in c++ what a css style rule can do main implementations are for css, but we have
other implementations in c++ that: do what css can't do do things faster than css would css style sheets at basic level, sheet is collection of rules
other special things: @import, @media, @namespace, etc.
... detail: !important declarations cause an extra rule object cssimportantrule to be created since they are in a separate part of the cascade
other nsistylerule implementations nshtmlmappedattributes represents stylistic html attributes turned into a style rule (one instance per unique set of attributes) bodyrule handles marginwidth/marginheight mixes on body and on frame.
... various rules in nshtmlstylesheet.cpp do
other things with presentational color-related attributes and with tables.
...And 8 more matches
TCP/IP Security - Archive of obsolete content
other commonly used protocols at the network layer are internet control message protocol (icmp) and internet group management protocol (igmp).
... an
other good source of information is nist sp 800-52, guidelines on the selection and use of transport layer security, available from https://csrc.nist.gov/publications/nistpubs/.) the use of tls typically requires each application to support tls; however, unlike application layer controls, which typically involve extensive customization of the application, transport layer controls such as tls are much l...
... an
other advantage of network layer controls is that since ip information (e.g., ip addresses) is added at this layer, the controls can protect both the data within the packets and the ip information for each packet.
...And 8 more matches
Game promotion - Game development
if you make a good game for a competition and win some prizes in the process your game will automatically be promoted by the organizers and
other attendees.
...continually publishing information about your games will help educate
others, increase your reputation in the community, and further improve seo.
... social media your social media presence is very important — follow the right hashtags, make friends, engage in conversations, help
other devs in need.
...And 8 more matches
Cascade and inheritance - Learn web development
while working through this lesson may seem less immediately relevant and a little more academic than some
other parts of the course, an understanding of these things will save you much pain later on!
... let's start by taking a quick look at the key things we are dealing with, then we'll look at each in turn and see how they interact with each
other and your css.
... we'll explain specificity scoring and
other such things later on.
...And 8 more matches
CSS values and units - Learn web development
<percentage> a <percentage> represents a fraction of some
other value, for example 50%.
... percentage values are always relative to an
other quantity, for example an element's length is relative to its parent element's length.
...the benefit of using relative units is that with some careful planning you can make it so the size of text or
other elements scale relative to everything else on the page.
...And 8 more matches
Positioning - Learn web development
previous overview: css layout next positioning allows you to take elements out of the normal document layout flow, and make them behave differently; for example sitting on top of one an
other, or always remaining in the same place inside the browser viewport.
...or if you want to create a ui element that floats over the top of
other parts of the page, and/or always sits in the same place inside the browser window no matter how much the page is scrolled?
...this is very similar to static positioning, except that once the positioned element has taken its place in the normal layout flow, you can then modify its final position, including making it overlap
other elements on the page.
...And 8 more matches
Document and website structure - Learn web development
basic sections of a document webpages can and will look pretty different from one an
other, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project, or is just badly structured: header: usually a big strip across the top with a big heading, logo, and perhaps a tagline.
... this usually stays the same from one webpage to an
other.
...like the header, this content usually remains consistent from one webpage to an
other — having inconsistent navigation on your website will just lead to confused, frustrated users.
...And 8 more matches
Third-party APIs - Learn web development
third party apis, on the
other hand, are located on third party servers.
...
other apis may require that you include the key in a slightly different way, but the pattern is relatively similar for most of them.
... extending the mapquest example let's add some more functionality to the mapquest example to show how to use some
other features of the api.
...And 8 more matches
Getting started with Svelte - Learn web development
svelte: a new approach to building rich user interfaces svelte provides a different approach to building web apps than some of the
other frameworks covered in this module.
...it arguably has fewer concepts and tools to learn than some of the
other framework options.
... it extends css by adding a scoping mechanism, allowing each component to define their own styles without the risk of clashing with
other component's styles.
...And 8 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
and that makes sense, because
otherwise svelte would be aware of the inner workings of the foreach() method; the same would therefore be true for any method attached to any object or array.
... an
other solution is to assign a new array to todos containing a copy of all the todos with the completed property updated accordingly, like this: const checkalltodos = (completed) => { todos = todos.map(t => { // shorter version: todos = todos.map(t => ({...t, completed})) return {...t, completed: completed} }) } in this case we are using the map() method, which returns a new a...
... add the following import statement below the
others inside todos.svelte: import newtodo from './newtodo.svelte' and update the addtodo() function like so: function addtodo(name) { todos = [...todos, { id: newtodoid, name, completed: false }] } addtodo() now receives the name of the new todo directly, so we no longer need the newtodoname variable to give it its value.
...And 8 more matches
Command line crash course - Learn web development
a large number of tools can be used by typing commands into the command line; many come pre-installed on your system, and a huge number of
others are installable from package registries.
... windows as with some
other programming tools, using the terminal (or command line) on windows has traditionally not been as simple or easy as on
other operating systems.
...if you wanted to go to a directory called src, located inside a directory called project, located on the desktop, you could type these three commands to get there from your home folder: cd desktop cd project cd src but this a waste of time — instead, you can type one command, with the different items in the path separated by forward slashes, just like you do when specifying paths to images or
other assets in css, html, or javascript code: cd desktop/project/src note that including a leading slash on your path makes the path absolute, for example /users/your-user-name/desktop.
...And 8 more matches
Client-side tooling overview - Learn web development
you can also find linting tools for
other languages, such as csslint.
...there is usually a way of controlling and coordinating what changes are made to the "master" copy of the code, and when, so a team of developers doesn’t end up overwriting each
other’s work all the time.
... webpack is an
other very popular packaging tool that does similar things.
...And 8 more matches
The Firefox codebase: CSS Guidelines
also, it is good practice to introduce a common class when the new element you are styling reuses some styles from an
other element, this allows the maintenance cost and the amount of code duplication to be reduced.
...
other tips assume ="true" in attribute selectors.
... once the two things above have been checked, check if the
other rule you are overriding contains !important, if that is case, try putting it in question, because it might have become obsolete.
...And 8 more matches
IME handling guide
this is a technical term from windows but these days, this is used on
other platforms as well.
...
otherwise, we call it "ime is open".
... one of the
other important jobs of this is, when a focused editor handles a dispatched ecompositionchange event, this modifies the stored composition string and its clause information.
...And 8 more matches
about:memory
it also lets you do
other memory-related operations like trigger gc and cc, dump gc & cc logs, and dump dmd reports.
... note that in both cases the generated data contains privacy-sensitive details such as the full list of the web pages you have open in
other tabs.
...this will cause the privacy-sensitive data to be stripped out, but it may also make it harder for
others to investigate the memory usage.
...And 8 more matches
Mozilla Projects
mozilla has a number of projects
other than firefox itself.
... many of these are components of firefox or are tools used to create firefox, but may be used by
other projects as well.
... compare-locales compare-locales is a python script that helps localizers to check their work without running firefox or an
other application.
...And 8 more matches
Observer Notifications
unless
otherwise noted you register for the topics using the nsiobserverservice.
... topic description browser:purge-session-history sent when the sanitizer runs to purge all history and
other information.
... browser:purge-domain-data sent after domain-specific history and
other information have been purged.
...And 8 more matches
nsIFile
otherwise it returns false.
...
otherwise it returns false.
...
otherwise it returns false.
...And 8 more matches
nsIPrincipal
boolean equals(in nsiprincipal
other); jsprincipals getjsprincipals(in jscontext cx); native code only!
... boolean subsumes(in nsiprincipal
other); attributes attribute type description certificate nsisupports the certificate associated with this principal, if any.
...note:
other policies might override this, such as the access-control specification.
...And 8 more matches
Reference Manual
reference-counting safeguards all of the operations that extract the underlying raw pointer out of an nscomptr use a c trick to implement an
other safety feature.
...such a cast can easily by-pass nscomptrs machinery, causing leaks, type mismatches, and
other calamities.
...this implies that the entire application must be compiled with the same setting of nscap_feature_debug_ptr_types, else some parts will be expecting a base class and
others will not.
...And 8 more matches
Timing element visibility with the Intersection Observer API - Web APIs
it turns out that one of the most common uses of flash or
other script in advertising on the web is to record how long each ad is visible, for the purpose of billing and payment of revenues.
... without the intersection observer api, this winds up being done using intervals and timeouts for each individual ad, or
other techniques that tend to slow the page down.
...we'll be using css grid to style and lay out the site, so we can be pretty straightforward here: <div class="wrapper"> <header> <h1>a fake blog</h1> <h2>showing intersection observer in action!</h2> </header> <aside> <nav> <ul> <li><a href="#link1">a link</a></li> <li><a href="#link2">an
other link</a></li> <li><a href="#link3">one more link</a></li> </ul> </nav> </aside> <main> </main> </div> this is the framework for the entire site.
...And 8 more matches
RTCPeerConnection - Web APIs
if sctp hasn't been negotiated, this value is null.signalingstate read only the read-only signalingstate property on the rtcpeerconnection interface returns one of the string values specified by the rtcsignalingstate enum; these values describe the state of the signaling process on the local end of the connection while connecting or reconnecting to an
other peer.
...this happens whenever the local ice agent needs to deliver a message to the
other peer through the signaling server.oniceconnectionstatechange the rtcpeerconnection.oniceconnectionstatechange property is an event handler which specifies a function to be called when the iceconnectionstatechange event is fired on an rtcpeerconnection instance.
...instead of using this obsolete method, you should instead use addtrack() once for each track you wish to send to the remote peer.addtrack()the rtcpeerconnection method addtrack() adds a new media track to the set of tracks which will be transmitted to the
other peer.close() the rtcpeerconnection.close() method closes the current peer connection.createanswer() the createanswer() method on the rtcpeerconnection interface creates an sdp answer to an offer received from a remote peer during the offer/answer negotiation of a webrtc connection.
...And 8 more matches
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
other hardware elements can be used similarly to represent
other parts of the body, providing additional data to use when simulating the user's actions in their environment.
... representing a position using a reference space as covered in defining spatial relationships with reference spaces in geometry and reference spaces in webxr, reference spaces establish a local coordinate system which is offset from an
other coordinate system that is itself defined by some
other space.
... the target ray; each controller or
other handheld device may have a targeting ray associated with it, which is represented by a space whose origin is at the point on the controller at which the ray is emitted, and is oriented so that -z extends in the direction of the target it's pointing at.
...And 8 more matches
Basic concepts of flexbox - CSS: Cascading Style Sheets
understanding which axis is which is important when we start to look at aligning and justifying flex items; flexbox features properties that align and justify content along one axis or the
other.
... start and end lines an
other vital area of understanding is how flexbox makes no assumption about the writing mode of the document.
...modern layout methods encompass the range of writing modes and so we no longer assume that a line of text will start at the top left of a document and run towards the right hand side, with new lines appearing one under the
other.
...And 8 more matches
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
some of the items may have a position on the grid, but
others may be auto-placed.
...
otherwise they will stay by default in the order that they are entered in the document source.
...you can see how those items are placed and the
other items then auto-place in the spaces.
...And 8 more matches
background-position - CSS: Cascading Style Sheets
the
other dimension is then set to 50%, so the item is placed in the middle of the edge specified.
... 2-value syntax: one value defines x and the
other defines y.
...if left or right are given here, then this defines x and the
other given value defines y.
...And 8 more matches
Creating a cross-browser video player - Developer guides
note: ie9 behaves differently than most
other browsers when a poster attribute is set.
...ie9 will only use the specified poster image in this way if preload="none" is set;
otherwise, it will take the first still of the video and display that instead.
...in addition, the fullscreen button will use the fullscreen api, an
other w3c api that controls the ability of web browsers to show apps using your computer's full screen.
...And 8 more matches
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
among the options for the shadow is the shadow's base color (which is then blurred and blended with the background based on the
other parameters).
...this outline is different from the border in that it doesn't get space set aside for it in the document (so it may overlap
other content).
...
other ways to use color css isn't the only web technology that supports color.
...And 8 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
not allowed annotation annotation opener creates an auxiliary browsing context if the hyperlink would
otherwise create a top-level browsing context that is not anauxiliary browsing context (i.e., has "_blank" as target attribute value).
...if the attribute is omitted or if none of the values in the attribute are supported, then the document has no particular relationship with the destination resource
other than there being a hyperlink between the two.
... note: apple's ios does not use this link type, nor the sizes attribute, like
others mobile browsers do, to select a webpage icon for web clip or a start-up placeholder.
...And 8 more matches
<input type="checkbox"> - HTML: Hypertext Markup Language
(only the htmlinputelement’s checked idl attribute is updated.) note: unlike
other input controls, a checkboxes value is only included in the submitted data if the checkbox is currently checked.
... unlike
other browsers, firefox by default persists the dynamic checked state of an <input> across page loads.
...this may happen, for instance, if the state of the checkbox depends on multiple
other checkboxes, and those checkboxes have different values.
...And 8 more matches
HTML: Hypertext Markup Language
other technologies besides html are generally used to describe a web page's appearance/presentation (css) or functionality/behavior (javascript).
... "hypertext" refers to links that connect web pages to one an
other, either within a single website or between websites.
...by uploading content to the internet and linking it to pages created by
other people, you become an active participant in the world wide web.
...And 8 more matches
MIME types (IANA media types) - HTTP
each type has its own set of possible subtypes, and a mime type always has both a type and a subtype, never just one or the
other.
... discrete types the discrete types currently registered with the iana are: applicationlist at iana any kind of binary data that doesn't fall explicitly into one of the
other types; either data that will be executed or interpreted in some way or binary data that requires a specific application or category of application to use.
...
other common examples include application/pdf, application/pkcs8, and application/zip.
...And 8 more matches
Details of the object model - JavaScript
an instance, on the
other hand, is the instantiation of a class; that is.
...in addition, any object can be associated as the prototype for an
other object, allowing the second object to share the first object's properties.
...a constructor method can specify initial values for the instance's properties and perform
other processing appropriate at creation time.
...And 8 more matches
Populating the page: how browsers work - Web Performance
it occurs whenever a user requests a page by entering a url into the address bar, clicking a link, submitting a form, as well as
other actions.
... tls negotiation for secure connections established over https, an
other "handshake" is required.
... <!doctype html> <html> <head> <meta charset="utf-8"/> <title>my simple page</title> <link rel="stylesheet" src="styles.css"/> <script src="myscript.js"></script> </head> <body> <h1 class="heading">my page</h1> <p>a paragraph with a <a href="https://example.com/about">link</a></p> <div> <img src="myimage.jpg" alt="image description"/> </div> <script src="an
otherscript.js"></script> </body> </html> this response for this initial request contains the first byte of data received.
...And 8 more matches
The building blocks of responsive design - Progressive web apps (PWAs)
other articles will discuss the functionality in more detail, but here we're interested in the layout.
...when you click on an image in the gallery it brings up options to delete or cancel deletion of the card, and you don't want two buttons on top of one an
other.
... font-size: 6.8vw; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid rgba(100,100,100,0.4); } nav button:first-child { border-left: 0; } } in this last set of rules, we change the display value of the <nav> to flex to make it show (it was set to none in the default css at the top of the stylesheet, as it wasn't needed for the
other views.) we then use absolute positioning and z-index to make it take up no space in the document flow, and sit on top of the x-cards (this is why we gave the x-cards that top-margin earlier).
...And 8 more matches
Paths - SVG: Scalable Vector Graphics
later, we will learn how paths can be transformed to suit
other needs.
...there is no real performance penalty or bonus for using one or the
other.
...the
other two are control points.
...And 8 more matches
Modules - Archive of obsolete content
like any
other custom loader, cuddlefish is created using the loader constructor.
...unfortunately, javascript does not provide any means to load scripts from
other locations: we have to rely on the host application to provide us with this functionality.
...however, the following example shows how it can be used to load scripts from
other locations: const { classes: cc interfaces: ci } = components; var instance = cc["@mozilla.org/moz/jssubscript-loader;1"]; var loader = instance.getservice(ci.mozijssubscriptloader); function loadscript(url) { loader.loadsubscript(url); } when a script is loaded, it is evaluated in the scope of the global object of the script that loaded it.
...And 7 more matches
Extension Etiquette - Archive of obsolete content
ideally, the location would be below the add-ons item, grouped with the
other extension-related commands (menuitem:insertafter="javascriptconsole,devtoolsseparator").
...
other ui elements in general, toolbar items are very useful to end users because they can be removed or added to various toolbars as necessary.
...they allow for easy identification among
other extensions in the extensions manager.
...And 7 more matches
XPCOM Objects - Archive of obsolete content
we often mention
other "mozilla based applications".
... an
other useful resource is this xpcom reference.
... passing parameters passing parameters to xpcom methods is no different from
other js objects, with some exceptions.
...And 7 more matches
Creating regular expressions for a microsummary generator - Archive of obsolete content
a sequence of characters) that matches patterns of characters in
other strings.
... urls 101 urls for auction item pages on ebay, like those on many
other sites, usually start with the string "http://" and contain a domain name, a file path, and some query parameters.
... matching from the start of the url while this expression matches the url, it also matches
other urls that contain this url in their query parameters, for example: http://www.example.com/redirect.php?url=http://cgi.ebay.com/ws/ebayisapi.dll?viewitem&item=280018439106 that's probably not what we want, since urls that contain our example url probably aren't auction item pages themselves.
...And 7 more matches
Creating XPI Installer Modules - Archive of obsolete content
mozilla has introduced major changes to the way that themes and all the
other parts of the ui are packaged.
...where before a single manifest.rdf file described the resources in an entire package directory or archive, now contents.rdf files can be used for as large or as small a part of your package description as you want; you can use several contents.rdf files in your package to describe the various parts (e.g., one for the skin of your package, an
other for the content, and so on), or you can use a single one, as was common before.
...one way of an
other, the chrome registry is shown the contents.rdf files; the contents.rdf files in turn point to new resources, and the resources are then registered with mozilla and accessible to the user.
...And 7 more matches
Introduction to XUL - Archive of obsolete content
though the former term seems more concrete than the
other, and therefore is not an exact replacement, no one is completely certain why we have both.
...relative placement of widgets, their interactions with each
other, and optionally some of their configuration, will be controlled by a ui layout specified in a script whose structure is defined in this and related documents.
... most of the details of writing a xul document are identical to those for writing an xml document, a description of which we will leave to
other excellent xml documentation which we assume must exist but have never seen.
...And 7 more matches
Template Logging - Archive of obsolete content
if
other flags are used as well, separate them with spaces.
...for
other datasources, this may be a somewhat random value.
...in
other words, the generated content will only change when active results are involved.
...And 7 more matches
Introduction - Archive of obsolete content
xul has all the advantages of
other xml languages.
... for example xhtml or
other xml languages such as mathml or svg can be inserted within it.
... also, text displayed with xul is easily localizable, which means that it can be translated into
other languages with little effort.
...And 7 more matches
Writing Skinnable XUL and CSS - Archive of obsolete content
if you wish for your package to blend in with the
other packages, then the skin for your package should inherit information from the global skin in order to reduce the amount of duplication across packages and in order to make the ui as a whole easier to skin.
...css files that import an
other skin file are calledderived skin files.
... css files that don't import an
other skin file are calledbase skin files.
...And 7 more matches
Mobile accessibility - Learn web development
press the voiceover slider to enable it (you'll also see a number of
other options related to voiceover on this page).
... note: for a more complete reference covering the voiceover gestures available and
other hints on accessibility testing on ios, see test accessibility on your device with voiceover.
...to recap, these cause accessibility issues because
other control mechanisms can't activate the associated functionality.
...And 7 more matches
Legacy layout methods - Learn web development
previous overview: css layout next grid systems are a very common feature used in css layouts, and before css grid layout they tended to be implemented using floats or
other layout features.
... for new projects, in most cases css grid layout will be used in combination with one or more
other modern layout methods to form the basis for any layout.
...if we want the two <div>s to be floated alongside one an
other, we need to set their widths to total 100% of the width of their parent element or smaller so they can fit alongside one an
other.
...And 7 more matches
Practical positioning examples - Learn web development
the idea here is that we will style the tabs to look like a standard horizontal navigation menu, and style the panels to sit on top of one an
other using absolute positioning.
...first, add the following rule at the bottom of your css to remove the default padding-left and margin-top from the unordered list: .info-box ul { padding-left: 0; margin-top: 0; } note: we are using descendant selectors with .info-box at the start of the chain throughout this example — this is so that we can insert this feature into a page with
other content already on it, without fear of interfering with the styles applied to
other parts of the page.
...the <a> elements are set to display inline-block so they will sit in a line but still be stylable, and they are styled appropriately for tab buttons, using a variety of
other properties.
...And 7 more matches
Images in HTML - Learn web development
fortunately, it wasn't too long before the ability to embed images (and
other more interesting types of content) inside web pages was added.
... there are
other types of multimedia to consider, but it is logical to start with the humble <img> element, used to embed a simple image in a webpage.
...in
other words, what you lose if your image doesn't show up: decoration.
...And 7 more matches
Fetching data from the server - Learn web development
previous overview: client-side web apis next an
other very common task in modern websites and applications is retrieving individual data items from the server to update sections of a webpage without having to load an entire new page.
...this isn't strictly necessary here — xhr returns text by default — but it is a good idea to get into the habit of setting this in case you want to fetch
other types of data in the future.
... add this next: request.responsetype = 'text'; fetching a resource from the network is an asynchronous operation, meaning that you have to wait for that operation to complete (e.g., the resource is returned from the network) before you can do anything with that response,
otherwise, an error will be thrown.
...And 7 more matches
Introduction to web APIs - Learn web development
as a real-world example, think about the electricity supply in your house, apartment, or
other dwellings.
... in the same way, if you want to say, program some 3d graphics, it is a lot easier to do it using an api written in a higher-level language such as javascript or python, rather than try to directly write low level code (say c or c++) that directly controls the computer's gpu or
other graphics functions.
... relationship between javascript, apis, and
other javascript tools so above, we talked about what client-side javascript apis are, and how they relate to the javascript language.
...And 7 more matches
Inheritance in JavaScript - Learn web development
how do we create an object in javascript that inherits from an
other object?
...later you'll see how these can be inherited by
other constructors.
...the first parameter specifies the value of this that you want to use when running the function, and the
other parameters are those that should be passed to the function when it is invoked.
...And 7 more matches
Aprender y obtener ayuda - Learn web development
there are also several
other great resources on the web, some of which we'll mention below.
... note: you might favor one learning method over the
others, but realistically a hybrid approach is probably what you will end up with.
... and you'll probably come up with
other methods than the three we covered above.
...And 7 more matches
Software accessibility: Where are we today?
select text, pictures, and
other information using a mouse react to sounds played.
... physically disabled: users have amputations, paralysis, repetitive stress, cerebral palsy, muscular dystrophy, parkinson's or
other problems limiting mobility.
...talking programs are also useful for print disabilities
other than visual impairments, such as dyslexia.
...And 7 more matches
Eclipse CDT
to tab to an
other view, use cmd-f7/ctrl-f7.
...this will open an
other tab containing the same file.
...changes you make in one editor will be immediately reflected in the
other.
...And 7 more matches
Storage access policy: Block cookies from trackers
firefox includes a new storage access policy that blocks cookies and
other site data from third-party tracking resources.
...the cookie policy can be enabled in
other versions of firefox through the content blocking settings (these steps will vary by version; the linked documentation includes a dropdown to select the appropriate firefox version).
... the storage access policy blocks resources identified as trackers from accessing their cookies and
other site storage when they are loaded in a third-party context.
...And 7 more matches
OS.File for the main thread
for
other uses of os.file, please see the corresponding page.
...tory: let promise = os.file.stat(somepath); promise = promise.then( function onsuccess(stat) { if (stat.isdir) { // the path represents a directory } else { // the path represents a file, not a directory } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // the file does not exist } else { // some
other error throw reason; } } ); example: copy a file by chunks the following snippet writes a (presumably large) buffer by chunks.
...depending on
other fields, it may also be opened for writing.
...And 7 more matches
Mozilla DOM Hacking Guide
otherwise, for more detailed xpcom documentation, please see the xpcom project page.
...
other browsers allow the history object to be used like an array, e.g.
...we can see that the nseventrecieversh helper class inherits from nsdomgenericsh: class nseventrecieversh : public nsdomgenericsh and nsdomgenericsh is typedef'ed to nsdomclassinfo: typedef nsdomclassinfo nsdomgenericsh; an
other example is nswindowsh, which inherits from nseventreceiversh, thus inheriting from nsdomclassinfo.
...And 7 more matches
Memory reporting
this is important because sometimes an object might be embedded in an
other object that is measured separately.
...the amallocsizeof parameter allows mozilla::mallocsizeof functions with dmd-specific hooks to be passed in when they are used by memory reporters, but functions without such hooks (such as moz_malloc_size_of) can also be passed in when they are used in
other circumstances.
... some
other things to note.
...And 7 more matches
Power profiling overview
the
other states have higher numbers and reflect increasing deeper idle states.
... the
other thing to note about c-states is that they apply both to cores and the entire package — i.e.
... one consequence of the existence of c-states is that observations made during power profiling — even more than with
other kinds of profiling — can disturb what is being observed.
...And 7 more matches
SpiderMonkey Build Documentation
before you begin, make sure you have the right build tools for your computer: linux, windows, mac,
others.
... this can help debug memory leaks and
other memory-related problems.
... for a list of
other available build options, type (assuming the current working directory is one of the above-created build directories): /bin/sh ../configure.in --help generating a compilation database some tools (like ides, static analyzers and refactoring tools) consume a file called compile_commands.json which contains a description of all the pieces required to build a piece of software so that tools don't have to also understand a build system.
...And 7 more matches
Introduction to XPCOM for the DOM
xpcom provides a handy method to get a pointer to an interface when you have a pointer to an
other interface, and both interfaces are implemented by the same object.
...if you have to assign it an
other address later, you can easily do ifooptr2 = do_queryinterface(an
other_pointer); this syntax however is just a convenient shortcut to the real function.
... the next section is a tutorial on how to add a new interface to the mozilla dom, with build instructions et al, and the last section is a discussion of the more advanced topics of object-oriented c++ , interface inheritance, and
other fun stuff.
...And 7 more matches
mozIRegistry
this issue needs to be resolved in order to enable alternative moziregistry implementations or to permit
other service implementations to be bound at runtime.
...worst case, clients would obtain the moziregistry singleton via some
other means (i.e., a "nsgetregistry" function).
... architecture this diagram illustrates the various components that you will be using to interoperate with
other mozilla components.
...And 7 more matches
DOM Inspector internals - Firefox Developer Tools
besides the dom inspector's primary ui, there are a couple
other top-level inspectors which differ slightly (the object inspector and dom inspector sidebar used in seamonkey).
... initially, we will begin by focusing on inspector.xul and its entry point, and then expand our focus later to explain how these
other inspectors differ.
...one panel reacts to changes to the inspected document, and the
other panel reacts to changes to the selection in the first panel.
...And 7 more matches
Applying styles and colors - Web APIs
the globalalpha property can be useful if you want to draw a lot of shapes on the canvas with similar transparency, but
otherwise it's generally more useful to set the transparency on individual shapes when setting their colors.
...by overlaying ever more circles on top of each
other, we effectively reduce the transparency of the circles that have already been drawn.
...0.2; // draw semi transparent circles for (var i = 0; i < 7; i++) { ctx.beginpath(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample an example using rgba() in this second example, we do something similar to the one above, but instead of drawing circles on top of each
other, i've drawn small rectangles with increasing opacity.
...And 7 more matches
Basic concepts - Web APIs
big concepts if you have assumptions from working with
other types of databases, you might get thrown off when working with indexeddb.
...without transactional operations, the two instances could interfere with each
other's modifications.
...error events, on the
other hand, do bubble, and can be cancelled.
...And 7 more matches
Lifetime of a WebRTC session - Web APIs
this page is currently under construction, and some of the content will move to
other pages as the webrtc guide material is built out.
...but they realized that it would take longer to complete the transition than 32-bit addresses would last, so
other smart people came up with a way to let multiple computers share the same 32-bit ip address.
... the problem for users is that each individual computer on the internet no longer necessarily has a unique ip address, and, in fact, each device’s ip address may change not only if they move from one network to an
other, but if their network’s address is changed by nat and/or dhcp.
...And 7 more matches
Using DTMF with WebRTC - Web APIs
webrtc currently ignores these payloads; this is because webrtc's dtmf support is primarily intended for use with legacy telephone services that rely on dtmf tones to perform tasks such as: teleconferencing systems menu systems voicemail systems entry of credit card or
other payment information passcode entry note: while the dtmf is not sent to the remote peer as audio, browsers may choose to play the corresponding tone to the local user as part of their user experience, since users are typically used to hearing their phone play the tones audibly.
...when you wish to transmit dtmf signals, you first need to decide which track to send them on, since dtmf is sent as a series of out-of-band payloads on the rtcrtpsender responsible for transmitting that track's data to the
other peer.
...from there, you can simply call rtcdtmfsender.insertdtmf() to enqueue dtmf signals to be sent on the track to the
other peer.
...And 7 more matches
Web accessibility for seizures and physical reactions - Accessibility
this article introduces concepts behind making web content accessibile for those with vestibular disorders, and how to measure and prevent content leading to seizures and / or
other physical reactions.
...web technologies that use video, animated gifs, animated pngs, animated svgs, canvas, and css or javascript animations are all capable of content that can induce seizures or
other incapacitating physical reactions.
...in the case of photosensitive epilepsy, seizures are triggered specifically by flashing lights, but
other types of reflex epilepsies may be triggered by the act of reading, or by noises.
...And 7 more matches
Using CSS animations - CSS: Cascading Style Sheets
css animations make it possible to animate transitions from one css style configuration to an
other.
...the rendering engine can use frame-skipping and
other techniques to keep the performance as smooth as possible.
...this lets you configure the timing, duration, and
other details of how the animation sequence should progress.
...And 7 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
in
other browsers, these degrade gracefully to simple <input type="text"> controls.
...in
other words, an implementation should allow any valid combination of year, month, day, hour, and minute - even if such a combination is invalid in the user's local time zone (such as times within a daylight saving time spring-forward transition gap).
...an
other option is to use separate date and time inputs, each of which is more widely supported than datetime-local.
...And 7 more matches
<input type="time"> - HTML: Hypertext Markup Language
support is good in modern browsers, with safari being the sole major browser not yet implementing it; in safari, and any
other browsers that don't support <time>, it degrades gracefully to <input type="text">.
...only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
...And 7 more matches
HTTP caching - HTTP
on the
other side, it has to be configured properly as not all resources stay identical forever: it is important to cache a resource only until it changes, not longer.
...however, common http caches are typically limited to caching responses to get and may decline
other methods.
... responses
other than get if something suitable for use as a cache key is defined.
...And 7 more matches
Concurrency model and the event loop - JavaScript
this model is quite different from models in
other languages like c and java.
... "run-to-completion" each message is processed completely before any
other message is processed.
... this offers some nice properties when reasoning about your program, including the fact that whenever a function runs, it cannot be pre-empted and will run entirely before any
other code runs (and can modify data the function manipulates).
...And 7 more matches
Functions - JavaScript
1 : n * fac(n - 1) } console.log(factorial(3)) function expressions are convenient when passing a function as an argument to an
other function.
...rial(n) { if ((n === 0) || (n === 1)) return 1; else return (n * factorial(n - 1)); } you could then compute the factorials of 1 through 5 as follows: var a, b, c, d, e; a = factorial(1); // a gets the value 1 b = factorial(2); // b gets the value 2 c = factorial(3); // c gets the value 6 d = factorial(4); // d gets the value 24 e = factorial(5); // e gets the value 120 there are
other ways to call functions.
... in
other words, a function defined in the global scope can access all variables defined in the global scope.
...And 7 more matches
JavaScript modules - JavaScript
fast forward a few years and we now have complete applications being run in browsers with a lot of javascript, as well as javascript being used in
other contexts (node.js, for example).
...node.js has had this ability for a long time, and there are a number of javascript libraries and frameworks that enable module usage (for example,
other commonjs and amd-based module systems like requirejs, and more recently webpack and babel).
... aside — .mjs versus .js throughout this article, we've used .js extensions for our module files, but in
other resources you may see the .mjs extension used instead.
...And 7 more matches
Types of attacks - Web security
that is
other than what the user thinks it is.
...the user's browser cannot detect the malicious script is untrustworthy, and so gives it access to any cookies, session tokens, or
other sensitive site-specific information, or lets the malicious script rewrite the html content.
... the malicious content often includes javascript, but sometimes html, flash, or any
other code the browser can execute.
...And 7 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
an instruction, on the
other hand, is associated with a template.
...the element must be defined before any
other output document element inside the output document element for which it establishes attribute values.
...
otherwise, nodes are processed in document order.
...And 7 more matches
Preferences - Archive of obsolete content
information here applies to the mozilla suite, firefox, thunderbird, and possibly
other mozilla-based applications.
... if you haven't yet, read
other documents about mozilla preferences on mdn (links below in resources section).
...ii.value", components.interfaces.nsisupportsstring).data; // example 2: setting unicode value var str = components.classes["@mozilla.org/supports-string;1"] .createinstance(components.interfaces.nsisupportsstring); str.data = "some non-ascii text"; prefs.setcomplexvalue("preference.with.non.ascii.value", components.interfaces.nsisupportsstring, str); nsipreflocalizedstring an
other complex type supported by mozilla is nsipreflocalizedstring.
...And 6 more matches
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
it's a comma-separated list of ids, and it can also include
other special values: spacer, separator and spring.
...the
other types, checkbox and radio are useful when you have buttons that change state when the user clicks on them.
... you can have a different skin directory for each operating system using manifest flags in the chrome.manifest file: skin xulschoolhello classic/1.0 skin/unix/ skin xulschoolhello classic/1.0 skin/win/ os=winnt skin xulschoolhello classic/1.0 skin/mac/ os=darwin the osversion flag can be used in case we wanted to have different icons for mac os x lion and above, and
others for older systems.
...And 6 more matches
Adding sidebars - Archive of obsolete content
to sum up both of these references: you can choose an obscure key combination that won't conflict with firefox, such as ctrl+shift+(some letter), but there's no way of knowing if any
other extension uses that same combination as well.
... the xul page for the sidebar can hold any content you want and it's no different from
other xul windows or overlays.
... an
other, more important difference to take into account is that users can resize the sidebar to their liking, and in most cases, the sidebar is going to be fairly narrow.
...And 6 more matches
New Security Model for Web Services - Archive of obsolete content
client-controlled solutions several client-controlled solutions have been designed to prevent sandboxed applications loaded behind a firewall from compromising
other resources protected behind the firewall.
... same source restriction by restricting sandboxed scripts to access only resources in the domain from which they were loaded, any script loaded from one domain into an
other is prevented from accessing resources in the domain into which it has been loaded.
...a white list is a good tool for including always-trusted domains, but on the web, it is often a script from a relatively-untrusted domain that must be granted access to
other untrusted domains, without compromising internal domains.
...And 6 more matches
Venkman Introduction - Archive of obsolete content
on windows, the javascript debugger compares favorably with visual interdev and
other large web development tools.
... on
other platforms, including mac os and unix, it is alone in offering this degree of flexibility, depth, and power in a visual debugging environment.
... starting the debugger the javascript debugger is automatically pre-installed in mozilla 1.x but must be installed separately in firefox and
other gecko-based products, such as thunderbird and netscape 7.x.
...And 6 more matches
XML in Mozilla - Archive of obsolete content
several world wide web consortium (w3c) recommendations and drafts from the xml family of specifications are supported, as well as
other related technologies.
...dtds and
other external entities mozilla does not load external entities from the web.
...an
other 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.
...And 6 more matches
Stacks and Decks - Archive of obsolete content
containers each xul box is a container that can contain any
other element.
... in fact, many components can contain
other elements.
... we've already seen that buttons may contain
other things besides the default.
...And 6 more matches
Using Spacers - Archive of obsolete content
some users may have larger displays with higher resolutions and
others may have lower resolutions.
...if adding support for multiple languages, the text for one language may require more room than an
other.
...before we get into detail about boxes, we'll introduce an
other xul element that is useful for layout, the spacer.
...And 6 more matches
XUL Event Propagation - Archive of obsolete content
the following image describes in a very basic way how the various actors in the event model interact with one an
other.
...this button responds to the user action by raising an event, a message meant to travel from one element within the interface to an
other.
...any element that is interested in the event -- any part of the interface, in
other words, that needs to know about and respond to the user's click action on the button -- "handles" the event with an event handler, or chunk of code to be executed when the given event is "heard".
...And 6 more matches
textbox - Archive of obsolete content
as of gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10), the script code only runs in the context of the <textbox> element, matching the behavior of all
other event handlers.
...the event is not sent until the focus is moved to an
other element.
...as of gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10), the script code only runs in the context of the <textbox> element, matching the behavior of all
other event handlers.
...And 6 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
in recent developments we also see the advent of
other performant engines for javascript such as v8 from google and squirrelfish for webkit, these engines are raising the bar on performance and help to maintain a competitive environment that will hopefully direct competitive focus on the performance aspect of all the major javascript implementations.
...spidermonkey on the
other hand is the javascript engine (written in c) in the highly popular mozilla firefox browser.
...in addition, the jaxer “ajax server” (a project i work on at aptana) is an example of ssjs that uses not only spidermonkey, but also embeds the entire firefox browser engine in the application server such that you can do server-side dom manipulation and
other ajaxy things server-side that rhino was not built to do.
...And 6 more matches
Reference - Archive of obsolete content
well if you combine the two, you can have inherited private variables: function myclass(){ var property = 5; this.tellme = function(){ return property; } } function my
otherclass(){ myclass.apply( this ); } var o = new my
otherclass; alert( o.tellme() ); //alerts 5 as you'd expect — the preceding comment was added by psygnisfive (talk – contribs) on 22:23, 4 december 2006 terminology we need a terminology appendix.
...
otherwise, i think we should just remove the "behavior in
other versions" sections, and rename the "javascript 1.2" section headings to something like "differences with javascript 1.2," as well as include a link to the yet-to-be-written javascript 1.2 page documenting the various oddities and deviations made in that version, something which i think we should do anyway.
...
others just capitalize the first word.
...And 6 more matches
Game distribution - Game development
an html5 game is just an
other website.
... if you want to make money out of game dev, you should secure your source code one way or an
other against people who could easily take it and sell it as their own.
...an
other good measure to take is to provide an online demo if you're planning on packaging it and selling it in a closed store like itunes or steam.
...And 6 more matches
What is accessibility? - Learn web development
we traditionally think of this as being about people with disabilities, but the practice of making sites accessible also benefits
other groups such as those using mobile devices, or those with slow network connections.
...providing accessible sites is part of the law in some countries, which can open up some significant markets that
otherwise would not be able to use your services or buy your products.
...
other good practices that improve accessibility also make your site more usable by
other groups, such as mobile phone users or those on low network speed.
...And 6 more matches
Images, media, and form elements - Learn web development
images,
other media, and form elements behave a little differently in terms of your ability to style them with css than regular boxes.
...this means that css cannot affect the internal layout of these elements — only their position on the page amongst
other elements.
... the
other is larger than 200 pixels and overflows the box.
...And 6 more matches
How CSS is structured - Learn web development
a class is rated as being more specific, as in having more specificity than the element selector, so it cancels the
other conflicting style declaration.
... important: in css (and
other web standards), it has been agreed that us spelling is the standard where there is language variation or uncertainty.
... an
other example would be the various values for transform, such as rotate().
...And 6 more matches
Basic native form controls - Learn web development
note: html5 enhanced the basic original single line text field by adding special values for the type attribute that enforce specific validation constraints and
other features, for example specific to entering urls or numbers.
...with dots or asterisks) so it can't be easily read by
others.
... hidden content an
other original text control is the hidden input type.
...And 6 more matches
The HTML5 input types - Learn web development
any
other content causes the browser to display an error when the form is submitted.
... this is an
other good reason for using these newer input types — improving the user experience for users of these devices.
... client-side validation as you can see above, email, along with
other newer input types, provides built-in client-side error validation — performed by the browser before the data gets sent to the server.
...And 6 more matches
Functions — reusable blocks of code - Learn web development
previous overview: building blocks next an
other essential concept in coding is functions, which allow you to store a piece of code that does a single task inside a defined block, and then call that code whenever you need it using a single short command — rather than having to type out the same code multiple times.
...and functions can contain whatever code you like — you can even call
other functions from inside functions.
... you can also assign an anonymous function to be the value of a variable, for example: const mygreeting = function() { alert('hello'); } this function could now be invoked using: mygreeting(); this effectively gives the function a name; you can also assign the function to be the value of multiple variables, for example: let an
othergreeting = mygreeting; this function could now be invoked using either of: mygreeting(); an
othergreeting(); but this would just be confusing, so don't do it!
...And 6 more matches
A first splash into JavaScript - Learn web development
you won't be expected to understand all of the code in detail immediately — we just want to introduce you to the high-level concepts for now, and give you an idea of how javascript (and
other programming languages) work.
... note: many of the code features you'll see in javascript are the same as in
other programming languages — functions, loops, etc.
... allow them to enter an
other guess.
...And 6 more matches
Basic math in JavaScript — numbers and operators - Learn web development
previous overview: first steps next at this point in the course we discuss math in javascript — how we can use operators and
other features to successfully manipulate numbers to do our bidding.
...this is especially true when we are learning to program javascript (or any
other language for that matter) — so much of what we do relies on processing numerical data, calculating new values, and so on, that you won't be surprised to learn that javascript has a full-featured set of math functions available.
...for a start, we are just going to stick to decimal numbers throughout this course; you'll rarely come across a need to start thinking about
other types, if ever.
...And 6 more matches
JavaScript object basics - Learn web development
next you write a dot, then the item you want to access — this can be the name of a simple property, an item of an array property, or a call to one of the object's methods, for example: person.age person.interests[1] person.bio() sub-namespaces it is even possible to make the value of an object member an
other object.
...this sounds complex, but really it's not — to access these items you just need to chain the extra step onto the end with an
other dot.
... try these in the js console: person.name.first person.name.last important: at this point you'll also need to go through your method code and change any instances of name[0] name[1] to name.first name.last
otherwise your methods will no longer work.
...And 6 more matches
Object prototypes - Learn web development
previous overview: objects next prototypes are the mechanism by which javascript objects inherit features from one an
other.
...this is often referred to as a prototype chain, and explains why different objects have properties and methods defined on
other objects available to them.
...you will however also see some
other members — tostring, valueof, etc — these are defined on person1's prototype object's prototype object, which is object.prototype.
...And 6 more matches
Introducing a complete toolchain - Learn web development
javascript) or an
other language entirely (e.g.
...git is currently the most popular source code revision control tool available to developers — revision control provides many advantages, such as a way to backup your work in a remote place, and a mechanism to work in a team on the same project without fear of overwriting each
other's code.
... as with
other tools, code editor integration support is typically good for eslint, and potentially more useful as it can give us real-time feedback when issues crop up: configuring the initial project using these tools, a new project can be set up safe in the knowledge that many "basic" issues will be caught early on.
...And 6 more matches
Mozilla accessibility architecture
the situation for
other accessibility apis is similar.
...common implementations shared by html and xul implementations accessible/src/html/ document and html object implementations accessible/src/xul/ user interface and xul object implementations accessible/src/msaa/ windows implementations accessible/src/atk/ atk implementations, may eventually be used on platforms
other than linux and unix accessible/src/mac/ empty implementations of platform-specific classes for os x.
... accessible/src/
other/ empty implementations of platform-specific classes so that builds don't fail on platforms currently not-supported where we put toolkit-specific code because atk and msaa are different accessibility api toolkits which share only about 75% of their code, there is a lot of toolkit-specific code that needs to live somewhere.
...And 6 more matches
Adding a new CSS property
if you need more details on any of the points mentioned here, a good place to find them is by looking at
other changes in the version control history of the files mentioned.
... see the documentation at the top of the file and the
other entries for examples.
... again, see the documentation at the top of the file and the
other entries for examples, and also see the next section for details about parsing.
...And 6 more matches
Experimental features in Firefox
nightly 53 yes developer edition 53 no beta 53 no release 53 no preference name dom.dialog_element.enabled global attribute: inputmode our implementation of the inputmode global attribute has been updated as per the whatwg spec (bug 1509527), but we still need to make
other changes too, like making it available on contenteditable content.
... nightly 78 yes developer edition 78 yes beta 78 yes release 78 no preference name network.preload css display stray control characters in css as hex boxes this feature renders control characters (unicode category cc)
other than tab (u+0009), line feed (u+000a), form feed (u+000c), and carriage return (u+000d) as a hexbox when they are not expected.
...when tabbing between elements), and not when they are focused using a mouse or
other pointing device.
...And 6 more matches
Multiple Firefox profiles
a profile in firefox is the collection of settings, customizations, add-ons, and
other personalizations that a user has made or installed into their copy of firefox.
... web developers might want a secondary profile for testing websites, apps, or
other projects on different firefox channels.
...you can remove such add-ons from your profile for nightly use while keeping them for use with
other profiles.
...And 6 more matches
Localization Use Cases
eappfreespace() { var self = this; this.getfreespace(this.appstorage, function(freespace) { devicestoragehelper.showformatedsize(self.appstoragedesc, 'availablesize', freespace); }); }, problem definition for all values of freespace, the following string is enough to construct a grammatically-correct sentence in english: availablesize = {{$size}} {{$unit}} available however,
other languages might need to pluralize this string with different forms of the available adjective.
... consequently, using the existing localization frameworks, the developer needs to predict which strings might need pluralization in
other languages, and pluralize them even in english: availablesize = {[ plural(size) ]} availablesize[
other] = {{$size}} {{$unit}} available an italian translation might look like this: availablesize = {[ plural(size) ]} availablesize[one] = {{$size}} {{$unit}} disponibile availablesize[
other] = {{$size}} {{$unit}} disponibili it's easy to imagine how developers might forget to pluralize some strings that in
other languages might require pluralization (or
other grammatical features that the framework supports).
... solution l20n isolates each language so that grammatical requirements of one don't affect
others.
...And 6 more matches
An overview of NSS Internals
it's free and open source software, and many
other software projects have decided to use it.
...(note that it's important to look at the number 11, as there are
other pkcs standards with different numbers that define quite different topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
...a certificate contains lots of
other details; for example, it contains a signature by a third party that expresses trust in the ownership relationship for the certificate.
...And 6 more matches
Invariants
there may be
other reasons that cover more cases, but nobody can remember one.) all jsobjects and heap-allocated jsstrings must be 8-byte-aligned.
...even if the function is native, there is serious trouble: js_newobject with null parent argument calculates the parent from cx->fp->scopechain, which can be stale if we're on trace.) the chain of properties starting at any jsshape and chasing jsshape::parent never forms a cycle and does not contain any duplicate jsscopeproperty::slot values
other than -1.
...(we don't b
other locking when accessing slots of a sealed object.
...And 6 more matches
JIT Optimization Strategies
with uniquely-typed objects, it is guaranteed that no
other object has that same type.
...this strategy is used when all the
others fail.
... inline caches are an order of magnitude slower than the
other optimization strategies, and are an indication that the type inference engine has failed to collect enough information to guide the optimization process.
...And 6 more matches
IAccessibleTable
other-licenses/ia2/accessibletable.idlnot scriptable this interface gives access to a two-dimensional table.
...
otherwise a null pointer is returned.
...isselected returns true if the specified column is selected completely and false
otherwise.
...And 6 more matches
Introduction to DOM Inspector - Firefox Developer Tools
if the dom inspector doesn't automatically load a document or loads a document
other than the one you'd like to inspect, you can select the desired document a few different ways.
...it's possible to use
other viewers, but for now we'll stick to describing the dom nodes viewer and the dom node viewer.
...one common use of the dom inspector is to find the name and location of particular icon being used in the user interface, which is not an easy task
otherwise.
...And 6 more matches
Index - Firefox Developer Tools
3 accessibility inspector accessibility, accessibility inspector, devtools, guide, tools the accessibility inspector provides a means to access important information exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what's missing or
otherwise needs attention.
... 17 debugger-api debugger, intermediate, intro, javascript, tools mozilla’s javascript engine, spidermonkey, provides a debugging interface named debugger which lets javascript code observe and manipulate the execution of
other javascript code.
...however, debugger is quite general, and can be used to implement
other kinds of tools like tracers, coverage analysis, patch-and-continue, and so on.
...And 6 more matches
Introduction to the File and Directory Entries API - Web APIs
the file and directory entries api interacts with
other related apis.
...the synchronous api, on the
other hand, allows for simpler programming model, but it must be used with webworkers.
... the file and directory entries api and
other storage apis the file and directory entries api is an alternative to
other storage apis like indexeddb, websql (which has been deprecated since november18, 2010), and appcache.
...And 6 more matches
Writing WebSocket servers - Web APIs
websocket servers are often separate and specialized servers (for load-balancing or
other practical reasons), so you will often use a reverse proxy (such as a regular http server) to detect websocket handshakes, pre-process them, and send those clients to a real websocket server.
... warning: the server may listen on any port it chooses, but if it chooses any port
other than 80 or 443, it may have problems with firewalls and/or proxies.
...the server must be careful to understand everything the client asks for,
otherwise security issues can occur.
...And 6 more matches
Accessibility documentation index - Accessibility
it is used to provide a generic landmark for people to be able to navigate to easily when none of the
other landmark roles are appropriate.
...it is usually set on related content items such as comments, forum posts, newspaper articles or
other items grouped together on one page.
...a figure is generally considered to be one or more images, code snippets, or
other content that puts across information in a different way to a regular flow of text.
...And 6 more matches
Aligning Items in a Flex Container - CSS: Cascading Style Sheets
we can use
other values to control how the items align: align-items: flex-start align-items: flex-end align-items: center align-items: stretch align-items: baseline in the live example below, the value of align-items is stretch.
... try the
other values and see how all of the items align against each
other in the flex container.
...i have targeted the first item using a first-child selector and set that item to align-self: stretch; an
other item has been selected using its class of selected and given align-self: center.
...And 6 more matches
OpenType font features guide - CSS: Cascading Style Sheets
these include things like ligatures (special glyphs that combine characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of
others.
... some fonts will have one or more of these features enabled by default (kerning and default ligatures are common examples), while
others are left to the designer or developer to choose to enable in specific scenarios.
...in the latter case, these alterations are actually necessary to properly express the language, so they go beyond the more stylistic preference of most
other opentype features.
...And 6 more matches
place-items - CSS: Cascading Style Sheets
in absolutely-positioned layouts, the keyword behaved like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
... start the item is packed flush to each
other toward the start edge of the alignment container in the appropriate axis.
... end the item is packed flush to each
other toward the end edge of the alignment container in the appropriate axis.
...And 6 more matches
Event reference
this article offers a list of events that can be sent; some are standard events defined in official specifications, while
others are events used internally by specific browsers; for example, mozilla-specific events are listed so that add-ons can use them to interact with the browser.
...ubmit button is pressed printing events event name fired when beforeprint the print dialog is opened afterprint the print dialog is closed text composition events event name fired when compositionstart the composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with
other inputs such as speech recognition).
... compositionstart compositionevent dom l3 the composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with
other inputs such as speech recognition).
...And 6 more matches
Using HTML sections and outlines - Developer guides
semantic sectioning elements are specifically designed to communicate structural meaning to browsers and
other technologies interpreting the document on behalf of users, such as screen readers and voice assistants.
...by contrast, the <nav> sectioning element more clearly describes to browsers and
other devices the content contained: links or
other navigational structures to help users move through and understand where they are in a site's or page's content.
...you can have primary and secondary menus, but you cannot nest a <nav> element inside an
other <nav> element.
...And 6 more matches
itemprop - HTML: Hypertext Markup Language
when a string value is a url, it is expressed using the <a> element and its href attribute, the <img> element and its src attribute, or
other elements that link to or embed external resources.
...items that are not part of
others are called top-level microdata items.
...the first item has two properties, "name", set to "amanda", and "band", set to an
other item.
...And 6 more matches
Using HTTP cookies - HTTP
cookies are mainly used for three purposes: session management logins, shopping carts, game scores, or anything else the server should remember personalization user preferences, themes, and
other settings tracking recording and analyzing user behavior cookies were once used for general client-side storage.
... to see stored cookies (and
other storage that a web page can use), you can enable the storage inspector in developer tools and select cookies from the storage tree.
... a vulnerable application on a sub-domain can set a cookie with the domain attribute, which gives access to that cookie on all
other subdomains.
...And 6 more matches
Proxy Auto-Configuration (PAC) file - HTTP
notes: the javascript function should always be saved to a file by itself but not be embedded in a html file or any
other file.
...
otherwise, they are assumed to be in the local timezone.
...
otherwise, the local timezone is used.
...And 6 more matches
Expressions and operators - JavaScript
these operators work as they do in most
other programming languages when used with floating point numbers (in particular, note that division by zero produces infinity).
... logical operators operator usage description logical and (&&) expr1 && expr2 returns expr1 if it can be converted to false;
otherwise, returns expr2.
... thus, when used with boolean values, && returns true if both operands are true;
otherwise, returns false.
...And 6 more matches
Indexed collections - JavaScript
it has a property for determining the array length and
other properties for use with regular expressions.
... the bracket syntax is called an "array literal" or "array initializer." it's shorter than
other forms of array creation, and so is generally preferred.
...
otherwise, an array with a single element (the provided value) will be created.
...And 6 more matches
The "codecs" parameter in common media types - Web media technologies
all of these file types support a variety of codecs, and those codecs may have any number of profiles, levels, and
other configuration factors.
...some media types only let you specify the names of the codecs to use, while
others allow you to specify various constraints on those codecs as well.
...this value must be one of 8, 10, or 12; which values are valid varies depending on the profile and
other properties.
...And 6 more matches
File I/O - Archive of obsolete content
look in the source for
other strings available: xpcom/io/nsappdirectoryservicedefs.h, xpcom/io/nsdirectoryservicedefs.h.
...
other such keys as the "profd" key are available; check the known locations.
...var file = url.queryinterface(components.interfaces.nsifileurl).file; // file is a nsifile to load from file://, http://, chrome://, resource:// and
other urls directly, use xmlhttprequest or netutil.asyncfetch().
...And 5 more matches
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
this article is aimed at presenting alternatives to common eval uses in add-ons and
other javascript code.
...even if you trust the remote server; for example, because it is one you rent and administer yourself, there is a huge security risk, because of, but not limited to: you might discontinue your project or sell it, so that it is possible an
other person with malicious intentions takes over your domain.
... jsonp, which really is just an
other script tag containing generated, remotely retrieved code, is generally not secure.
...And 5 more matches
Custom XUL Elements with XBL - Archive of obsolete content
« previousnext » xml binding language (xbl, sometimes also called extensible bindings language) is a language for describing bindings that can be attached to elements in
other documents.
...in this case we're adding the "persons" dynamically, so you'll have to look into the js file to see how xshelloperson elements are created and added to the dom just like any
other.
...on the
other hand, if your bindings are small and have a strong relationship with each
other, it makes sense to keep them together.
...And 5 more matches
Security best practices in extensions - Archive of obsolete content
other items are recommendations.
... this is written from the perspective of a firefox extension, but most items apply to extensions for
other mozilla-based applications such as thunderbird or seamonkey.
...files loaded using the file protocol can access files on the user's disk and
other local devices.
...And 5 more matches
Tabbed browser - Archive of obsolete content
furthermore an
other meaning of 'browser' in this document and in some firefox source is "the tabbrowser element" in a firefox xul window.
...the code given is for a menuitem, but will work equally well for
other xul elements.
... window.open(url); } } } reusing by
other criteria sometimes you want to reuse a previously-opened tab regardless of which url/uri it displays.
...And 5 more matches
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
this includes rules and guidelines applying to everything from headers, footers, page hierarchy, titles, typography, iconography, navigation, and
others.
...a developer would tell me something wasn't possible, and i could prove
otherwise every time.
... like
other designers and html whizzes, i became a master at manipulating and troubleshooting tables, nesting them in intricate ways to produce any layout or effect that could be imagined.
...And 5 more matches
Menu - Archive of obsolete content
if the menu is a context menu, it is called as beforehide(menu, context) and
otherwise as beforehide(menu).
...if the menu is a context menu, it is called as beforeshow(menu, context) and
otherwise as beforeshow(menu).
... isshowing boolean true if the menu is currently visible and false
otherwise.
...And 5 more matches
panel - Archive of obsolete content
on linux, the default value is top,
otherwise, the default value is parent.
... if a panel has one or more text fields, this attribute should not be set,
otherwise ime or on-screen keyboard popups will appear incorrectly.
... top the panel is shown in front of all
other normal windows, including those of
other applications.
...And 5 more matches
Encryption and Decryption - Archive of obsolete content
in most cases, two related functions are employed, one for encryption and the
other for decryption.
...symmetric-key encryption also provides a degree of authentication, since information encrypted with one symmetric key cannot be decrypted with any
other symmetric key.
... thus, as long as the symmetric key is kept secret by the two parties using it to encrypt communications, each party can be sure that it is communicating with the
other as long as the decrypted messages continue to make sense.
...And 5 more matches
Common causes of memory leaks in extensions - Extensions
while bug 695480 should prevent most of these compartment leaks, add-ons still need to be aware of the practices that caused these leaks, as the fix causes many add-ons which would have
otherwise caused a leak to instead throw errors when attempting to access nodes from documents which no longer exist.
... strict mode also excludes several
other error-prone code patterns.
...an
other solution would be to use the setinterval()/settimeout() instances content windows provide, but there is a big drawback with this idea: if the user disables javascript globally or locally (such as by using an add-on like noscript), then using the content window functions won't work.
...And 5 more matches
Game monetization - Game development
how much you charge for your game depends on the market, quality of your game and a lot of
other small factors.
... freemium games that feature iaps are often referred to a freemium — a freemium game can be acquired and played for free, but you can pay for extra (premium) features, virtual goods or
other benefits.
...the worst cases were when you could use real money to pay for getting advantages over
other players, or when they restricted access to the next stages of the game unless the players paid.
...And 5 more matches
Accessible multimedia - Learn web development
previous overview: accessibility next an
other category of content that can create accessibility problems is multimedia — video, audio, and image content need to be given proper textual alternatives so they can be understood by assistive technologies and their users.
... this article on the
other hand looks at an
other general class of content that arguably isn't as easy to ensure accessibility for — multimedia.
... creating custom audio and video controls html5 video and audio share an api — html media element — which allows you to map custom functionality to buttons and
other controls — both of which you define yourself.
...And 5 more matches
Advanced styling effects - Learn web development
other box shadow features unlike text-shadow, box-shadow has an inset keyword available — putting this at the start of a shadow declaration causes it to become an inner shadow, rather than an outer shadow.
... note: there is an
other item that can be set in the box-shadow value — an
other length value can be optionally set just before the color value, which is a spread radius.
...you could also swap the values for some
others.
...And 5 more matches
Flexbox - Learn web development
so for example, you can replace flex-direction: row; flex-wrap: wrap; with flex-flow: row wrap; flexible sizing of flex items let's now return to our first example, and look at how we can control what proportion of space flex items take up compared to the
other flex items.
... first, add the following rule to the bottom of your css: article { flex: 1; } this is a unitless proportion value that dictates how much of the available space along the main axis each flex item will take up compared to
other flex items.
...it is relative to
other flex items, meaning that giving each flex item a value of 400000 would have exactly the same effect.
...And 5 more matches
How to build custom form controls - Learn web development
the control was active and the user moves the focus to an
other control using the keyboard (e.g.
... the control is in its open state when: the control is in any
other state than open and the user clicks on it.
... an
other fun example: what will happen if the user hits the up or down arrow keys while the control is in the open state?
...And 5 more matches
Styling web forms - Learn web development
the good to style form controls that are easy to style with css, you shouldn't face much if any difficulties, since they mostly behave like any
other html element.
...this is an
other reason to use <button> elements over their equivalent input types!
...to give the same size to several different widgets, you can use the box-sizing property along with some consistent values for
other properties: input, textarea, select, button { width : 150px; padding: 0; margin: 0; box-sizing: border-box; } in the screenshot below, the left column shows the default rendering of an <input type="radio">, <input type="checkbox">, <input type="range">, <input type="text">, <input type="date"> input, <select>, <textarea>,<input type="submit">, and <button>.
...And 5 more matches
Debugging HTML - Learn web development
<strong>strong <em>strong emphasised?</strong> what is this?</em> <li>unclosed attributes: an
other common source of html problems.
...looking at the image above, this doesn't seem to have affected the markup rendering too badly, as it is easy to infer where one element should end and an
other should begin.
... in the dom inspector, you can see what the rendered markup looks like: using the dom inspector, let's explore our code in detail to see how the browser has tried to fix our html errors (we did the review in firefox;
other modern browsers should give the same result): the paragraphs and list items have been given closing tags.
...And 5 more matches
What’s in the head? Metadata in HTML - Learn web development
it contains information such as the page <title>, links to css (if you choose to style your html content with css), links to custom favicons, and
other metadata (data about the html, such as the author, and important keywords that describe the document.) in this article we'll cover all of the above and more, in order to give you a good basis for working with markup.
... the <title> element contents are also used in
other ways.
...of course, the
other stuff we are talking about in this article could also be thought of as metadata too.
...And 5 more matches
HTML table advanced features and accessibility - Learn web development
the <tbody> element needs to wrap the
other parts of the table content that aren't in the table header or footer.
...you might wonder why you ought to b
other including it at all — you should, because it gives you more control over your table structure and styling.
... nesting tables it is possible to nest a table inside an
other one, as long as you include the complete structure, including the <table> element.
...And 5 more matches
What went wrong? Troubleshooting JavaScript - Learn web development
okay, so it's not quite that simple — there are some
other differentiators as you drill down deeper.
...you should see an error message along the following lines: this is a pretty easy error to track down, and the browser gives you several useful bits of information to help you out (the screenshot above is from firefox, but
other browsers provide similar information).
...an
other error!
...And 5 more matches
Framework main features - Learn web development
it was invented by the react team for use in react applications, but can be used to develop
other applications — like vue apps, for instance.
... given this handlebars template: <header> <h1>hello, {{subject}}!</h1> </header> and this data: { subject: "world" } handlebars will build html like this: <header> <h1>hello, world!</h1> </header> typescript typescript is a superset of javascript, meaning it extends javascript — all javascript code is valid typescript, but not the
other way around.
...to render this component, we would write code like this in the place where we want it rendered (which will probably be inside an
other component): <authorcredit src="./assets/zelda.png" alt="portrait of zelda schiff" byline="zelda schiff is editor-in-chief of the library times." /> this will ultimately render the following <figure> element in the browser, with its structure as defined in the authorcredit component, and its content as defined in the props included on the authorcredit component call: <figure> <img s...
...And 5 more matches
Componentizing our Svelte app - Learn web development
it will help you understand how they relate to each
other, it will promote reuse, and it will make your code easier to reason about, maintain, and extend.
...
other people apply the same techniques used for deciding if you should create a new function or object.
... both approaches should complement each
other, and help you decide how to better organize your components.
...And 5 more matches
Working with Svelte stores - Learn web development
in this article we will show an
other way to handle state management in svelte — stores.
...in this case, the alert component is independent from the rest — it is not a parent or child of any
other — so the messages don't fit into the component hierarchy.
... repl to code along with us using the repl, start at https://svelte.dev/repl/d1fa84a5a4494366b179c87395940039?version=3.23.2 dealing with our app state we have already seen how our components can communicate with each
other using props, two-way data binding, and events.
...And 5 more matches
Getting started with Vue - Learn web development
a clearer vue vue is a modern javascript framework that provides useful facilities for progressive enhancement — unlike many
other frameworks, you can use vue to enhance existing html.
... as you work through this tutorial, you might want to keep the vue guide and api documentation open in
other tabs, so you can refer to them if you want more information on any sub topic.
... for a good (but potentially biased) comparison between vue and many of the
other frameworks, see vue docs: comparison with
other frameworks.
...And 5 more matches
Debugging on Mac OS X
these builds enable hardened runtime and only differ from production builds in that they are not notarized which should not
otherwise affect functionality, (
other than the ability to easily launch the browser on macos 10.15+ -- see quarantine note below).
...select the "cross-platform" tab then under the "
other" template group select the "empty" project type.
...set the executable by clicking on "none" and selecting "
other...".
...And 5 more matches
Eclipse CDT Manual Setup
some of it like the section on building the index and usage tips are still relevant, and
other parts still may provide useful background information to understand it in more detail on how eclipse works.
...like some
other ides, that are used with projects like mozilla that have their own build system.
... select "general > workspace" and select "refresh using native hooks or polling" and "refresh on access" to prevent eclipse giving you annoying "resource is out of sync" messages when files change from under it due to mercurial or
other external activity.
...And 5 more matches
mach
you can add the command to your .profile so it will run automatically when you start the shell: source /path/to/mozilla-central/python/mach/bash-completion.sh this will enable tab completion of mach command names, and in the future it may complete flags and
other arguments too.
...why even b
other with a competing build system in arch when octopi does what you want and even has a gui?
... an
other possible reason: mach gives you an error, while running, say bootstrap.py directly (that is to type in a bash shell: python2 ./bootstrap.py enter-key ) in an
otherwise empty ..../subdir/ may work for you!
...And 5 more matches
Performance best practices for Firefox front-end engineers
this guide will help firefox developers working on front-end code produce code which is as performant as possible—not just on its own, but in terms of its impact on
other parts of firefox.
... always keep in mind the side effects your changes may have, from blocking
other tasks, to interfering with
other user interface elements.
...doing so might cause flushes to occur for
other promisedocumentflushed callbacks that are scheduled to fire in the same tick of the refresh driver.
...And 5 more matches
HTML parser threading
it also has an
other lazily initialized tokenizer/tree builder for speculatively scanning the tail of document.write() data when the parser blocks without parsing the document.write() data to completion.
...each tree op represents a small operation, such as element creation or appending a node into an
other, that can later be performed on the main thread.
...for
other atoms, the parser uses nshtml5atom objects that are atomic only within the scope of an nshtml5atomtable.
...And 5 more matches
Using JavaScript code modules
creating a javascript code module a very simple javascript module looks like this: var exported_symbols = ["foo", "bar"]; function foo() { return "foo"; } var bar = { name : "bar", size : 3 }; var dummy = "dummy"; notice that the module uses normal javascript to create functions, objects, constants, and any
other javascript type.
...r example: components.utils.import("resource://app/my_module.jsm"); alert(foo()); // displays "foo" alert(bar.size + 3); // displays "6" alert(dummy); // displays "dummy is not defined" because 'dummy' was not exported from the module note: when you're testing changes to a code module, be sure to change the application's build id (e.g., the version) before your next test run;
otherwise, you may find yourself running the previous version of your module's code.
... if you're writing an extension for firefox 4 and already have a chrome.manifest with a content instruction in it, you can put the code module in your content folder and reference it like your
other content files via chrome://<yourextension>/content/<yourmodule>.jsm.
...And 5 more matches
sslerr.html
it is a generic error, used when none of the
other more specific error codes defined in this file applies.
...it is a generic error, used when none of the
other more specific error codes defined in this file applies.
... ssl_error_fortezza_pqg -12267 "cannot connect: ssl peer is in an
other fortezza domain." the local system and the remote system are in different fortezza domains.
...And 5 more matches
Tracing JIT
the nanojit component is language agnostic, and contains no knowledge about spidermonkey or any
other part of the mozilla codebase.
... a fragment represents a single linear code sequence, typically terminating in a jump to an
other fragment or back to the beginning of the fragment.
...in
other words, an assembler transforms lir code into native code.
...And 5 more matches
JS_THREADSAFE
for each thread that is in a request: almost any call into the jsapi may trigger garbage collection; but garbage collection does not happen at any
other time (such as, for example, at the moment before the return value of js_newobject is assigned to a rooted variable).
...in a multithreaded program, even if the calling thread has been idle,
other threads may be active or may call js_gc().
...when one thread calls js_gc or
otherwise finds that garbage collection is necessary, it must wait for all
other threads that are in requests to pause before garbage collection can occur.
...And 5 more matches
Redis Tips
but obviously, calling ice cream a nowhale food doesn't give you any sense of how good the ice cream is, or what sets it apart from
other kinds of food that aren't made from whale meat but that are also very unlike ice cream -- it just gives the whaling industry a way to lump together people who don't use their products.
... redis> get foo (nil) redis> setnx foo 17 (integer) 1 redis> get foo "17" redis> setnx foo 42 (integer) 0 the return value from setnx is 1 if the value was set, 0
otherwise.
... note that if one of your commands crashes, the
others still all execute!
...And 5 more matches
Places Developer Guide
other bookmarks apis note: this document covers the toolkit places services.
... apis that are browser-specific: fuel - a collection of wrapper apis for easing access to a number of firefox utilities and services nsiplacestransactionsservice - a firefox service for modifying bookmarks in a transactional manner, providing facilities for undo/redo places utilities for javascript - accessors and helper functions for firefox and extensions creating bookmarks, folders and
other items creating a bookmark // create an nsiuri for the url to be bookmarked.
... moveitem (afolderid, anewparentid, aindex) - move an item from one folder to an
other.
...And 5 more matches
Packaging WebLock
« previousnext » in this final part of the tutorial, we'll put all of the pieces of the web locking component - the library itself, the type library, the header file, and the user interface resources - into a package that can be installed on
other systems.
... like the windows registry, the chrome registry is a database of information about applications, skins, and
other extensions that have been installed in a gecko application.
... since mozilla and
other gecko-based applications are cross-platform, this database is abstracted above the operating system or any particular platform's registry.
...And 5 more matches
IAccessibleTable2
other-licenses/ia2/accessibletable2.idlnot scriptable this interface gives access to a two-dimensional table.
...
otherwise a null pointer is returned.
...isselected returns true if the specified column is selected completely and false
otherwise.
...And 5 more matches
IAccessibleText
other-licenses/ia2/accessibletext.idlnot scriptable a structure containing a substring and the start and end offsets in the enclosing string.
... return value s_false if the caret is not currently active on this object, that is the caret is located on some
other object.
...it represents the current input position and will therefore typically be queried by at more often than
other positions.
...And 5 more matches
nsINavBookmarksService
note: renamed from bookmarksroot in gecko 1.9 placesroot long long the item id of the top-level folder that contains bookmarks, tags and all
other places data.
...for js or from
other components, just please be very careful to close the batch, especially when encountering an error and returning early.
... return value returns true if the folder is marked as read-only,
otherwise returns false.
...And 5 more matches
nsINavHistoryResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this is the base class for all places history result nodes, containing the uri, title, and
other general information.
...for
other nodes, this value is 0.
...for
other nodes, this value is set to -1.
...And 5 more matches
nsIScriptableIO
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...for example: io.getfile("profile", "cookies.txt"); from an xpcom component, however, you will need to get a reference as with
other components: var scriptableio = components.classes["@mozilla.org/io/scriptable-io;1"] .getservice(); scriptableio.getfile("profile", "cookies.txt"); method overview nsifile getfile(in astring alocation, in astring afilename); nsifile getfilewithpath(in astring afilepath); nsisupports newinputstream(in nsivariant abase, in...
... nsiinputstream: a stream returned by a previous call to this method, or any
other object that implements nsiinputstream.
...And 5 more matches
Add to iPhoto
this extension for mac os x serves as a demonstration of how to use js-ctypes to call mac os x carbon, core foundation, and
other system frameworks from an extension written entirely in javascript.
...among these are routines for managing cfstring, cfurl, and cfarray objects, among
others.
... these are core system data formats that are used by
other frameworks, and we'll be making use of them.
...And 5 more matches
Plug-in Basics - Plugins
a plug-in consumes no resources
other than disk space when it is not loaded.
...plug-ins consume no resources (
other than disk space) when not loaded.
...i found
other way how check which paths support firefox : $ strace -y /usr/bin/firefox 2>&1 | grep acces | grep -v search | grep plugins access("/home/user_name/.mozilla/firefox/dqh2nb5k.default-1441864569209/plugins", f_ok) = -1 enoent (no such file or directory) access("/home/user_name/.mozilla/plugins", f_ok) = -1 enoent (no such file or directory) access("/usr/lib64/firefox/browser/plugins", f_ok) = -1 en...
...And 5 more matches
Debugger.Script - Firefox Developer Tools
a dom event handler, whether embedded in html or attached to the element by
other javascript code.
...this allows the code using each debugger instance to place whatever properties it likes on its debugger.script instances, without worrying about interfering with
other debuggers.) a debugger.script instance is a strong reference to a jsscript object; it protects the script it refers to from being garbage collected.
...false
otherwise.
...And 5 more matches
AudioListener - Web APIs
the forward and up values are linearly independent of each
other.
...the forward and up values are linearly independent of each
other.
...the forward and up values are linearly independent of each
other.
...And 5 more matches
Drawing shapes with canvas - Web APIs
all
other shapes must be created by combining one or more paths.
...the anticlockwise parameter is a boolean value which, when true, draws the arc anticlockwise;
otherwise, the arc is drawn clockwise.
... note: this example requires a slightly larger canvas than the
others on this page: 150 x 200 pixels.
...And 5 more matches
Using files from web applications - Web APIs
if you want to use the dom file api from extensions or
other browser chrome code, you can; however, note there are some additional features to be aware of.
...note that in this case the input element must not be hidden using display: none (nor visibility: hidden),
otherwise the label would not be keyboard-accessible.
...in addition, it displays
other file information including their names and sizes.
...And 5 more matches
The HTML DOM API - Web APIs
access to the browser navigation history supporting and connective interfaces for
other apis such as web components, web storage, web workers, websocket, and server-sent events.
...discussion of
other areas, such as drag and drop, websockets, web storage, etc.
... nodes may be strictly organizational, providing a means for grouping
other nodes together or for providing a point at which a hierarchy can be constructed;
other nodes may represent visible components of a document.
...And 5 more matches
Pointer events - Web APIs
however, since many devices support
other types of pointing input devices, such as pen/stylus and touch surfaces, extensions to the existing pointing device event models are needed.
... 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.
... pointer capture pointer capture allows the events for a pointer to be retargeted to a particular element
other than the normal hit test result of the pointer's location.
...And 5 more matches
Service Worker API - Web APIs
they are intended, among
other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
...the point where this event fires is generally a good time to clean up old caches and
other things associated with the previous version of your service worker.
...
other use case ideas service workers are also intended to be used for such things as: background data synchronization.
...And 5 more matches
Web Video Text Tracks Format (WebVTT) - Web APIs
zero or more characters
other than those noted above.
...the example where we wanted the transcription text to be red highlighted and the
other part to remain normal, we can define it as follows using css.
... in addition to the three escape sequences mentioned above, there are fours
others.
...And 5 more matches
Using Web Workers - Web APIs
worker()) that runs a named javascript file — this file contains the code that will run in the worker thread; workers run in an
other global context that is different from the current window.
...it accepts zero or more uris as parameters to resources to import; all of the following examples are valid: importscripts(); /* imports nothing */ importscripts('foo.js'); /* imports just "foo.js" */ importscripts('foo.js', 'bar.js'); /* imports two scripts */ importscripts('//example.com/hello.js'); /* you can import scripts from
other origins */ the browser loads each listed script and executes it.
... however, since web workers have carefully controlled communication points with
other threads, it's actually very hard to cause concurrency problems.
...And 5 more matches
ARIA: application role - Accessibility
description the application role indicates to assistive technologies that this part of the web content contains elements that do not conform to any
other known html element or wai-aria widget.
... in this mode, the web author is completely responsible for handling any and all keyboard input, focus management, and
other interactions and cannot assume assistive technologies would do any processing on their end.
... background for historic reasons, especially on windows, screen readers and some
other assistive technologies (at) have traditionally grabbed the whole web content from the browser at once after it had finished loading.
...And 5 more matches
Block and inline layout in normal flow - CSS: Cascading Style Sheets
for elements with a block formatting context, the spec says: “in a block formatting context, boxes are laid out one after the
other, vertically, beginning at the top of a containing block.
... in a block formatting context, each box's left outer edge touches the left edge of the containing block (for right-to-left formatting, right edges touch).” - 9.4.1 for elements with an inline formatting context: “in an inline formatting context, boxes are laid out horizontally, one after the
other, beginning at the top of a containing block.
... elements participating in a block formatting context block elements in a horizontal writing mode such as english, layout vertically, one below the
other.
...And 5 more matches
Variable fonts guide - CSS: Cascading Style Sheets
however, the w3c’s intent was for this syntax not to be used when
other attributes are available.
... therefore wherever possible, the appropriate property should be used, with the lower-level syntax of font-variation-settings only being used to set values or axes not available
otherwise.
... it should be noted that at this point there is no way in the @font-face declaration to 'map' a specific point on the variation axis of a variable font to the keyword bold (or any
other keyword).
...And 5 more matches
CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
for this guide, we will look at this feature of grid and
other modern layout methods, learning a little about writing modes and logical vs.
...in the code snippet below, the item is placed 20 pixels from the top, and 30 pixels from the left of the container: .container { position: relative; } .item { position: absolute; top: 20px; left: 30px; } <div class="container"> <div class="item">item</div> </div> an
other place you might see physical keywords in use, is when using text-align: right to align text to the right.
... css writing modes i’m going to introduce an
other specification here, that i will be using in my examples: the css writing modes specification.
...And 5 more matches
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
the supporting browsers
other than in internet explorer, css grid layout is unprefixed in safari, chrome, opera, firefox and edge.
...you could start by simply enhancing elements in your design with grid, that could
otherwise display using an older method.
... overwriting of legacy methods with grid layout works surprisingly well, due to the way grid interacts with these
other methods.
...And 5 more matches
place-content - CSS: Cascading Style Sheets
if it is invalid for one or the
other, the whole value will be invalid.
... values start the items are packed flush to each
other toward the start edge of the alignment container in the appropriate axis.
... end the items are packed flush to each
other toward the end edge of the alignment container in the appropriate axis.
...And 5 more matches
<input type="url"> - HTML: Hypertext Markup Language
you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...this may be based upon a parent's spellcheck setting or
other factors.
...And 5 more matches
Link types - HTML: Hypertext Markup Language
in html, link types indicate the relationship between two documents, in which one links to the
other using an <a>, <area>, <form>, or <link> element.
...
otherwise, the link defines an alternative page, of one of these types: for an
other medium, like a handheld device (if the media attribute is set) in an
other language (if the hreflang attribute is set), in an
other format, such as a pdf (if the type attribute is set) a combination of these <a>, <area>, <link> <form> archives de...
... note:
other link types related to linking resources in the same sequence are last, prev, next.
...And 5 more matches
Using the application cache - HTML: Hypertext Markup Language
subsequent visits to that document cause the browser to load the document and
other assets specified in the manifest file from the application cache (not from the server).
... important: do not specify the manifest itself in the cache manifest file,
otherwise it will be nearly impossible to inform the browser a new manifest is available.
... example 2: a more complete cache manifest file the following is a more complete cache manifest file for the imaginary web site at www.example.com: cache manifest # v1 2011-08-14 # this is an
other comment index.html cache.html style.css image1.png # use from network if available network: network.html # fallback content fallback: .
...And 5 more matches
Content negotiation - HTTP
over the years,
other content negotiation proposals, like transparent content negotiation and the alternates header, have been proposed.
... server-driven content negotiation in server-driven content negotiation, or proactive content negotiation, the browser (or any
other kind of user-agent) sends several http headers along with the url.
... the accept header is defined by the browser, or any
other user-agent, and can vary according to the context, like fetching an html page or an image, a video, or a script: it is different when fetching a document entered in the address bar or an element linked via an <img>, <video> or <audio> element.
...And 5 more matches
Index - HTTP
the apis that are restricted are: 33 csp: default-src csp, directive, http, reference, security the http content-security-policy (csp) default-src directive serves as a fallback for the
other csp fetch directives.
...on the
other side, if the content has changed, etags are useful to help prevent simultaneous updates of a resource from overwriting each
other ("mid-air collisions").
...for put and
other non-safe methods, it will only upload the resource in this case.
...And 5 more matches
HTTP headers - HTTP
custom proprietary headers have historically been used with an x- prefix, but this convention was deprecated in june 2012 because of the inconveniences it caused when nonstandard fields became standard in rfc 6648;
others are listed in an iana registry, whose original content was defined in rfc 4229.
... timing-allow-origin specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would
otherwise be reported as zero due to cross-origin restrictions.
... cross-origin-opener-policy (coop) prevents
other domains from opening/controlling a window.
...And 5 more matches
Closures - JavaScript
in
other words, a closure gives you access to an outer function’s scope from an inner function.
...one way of doing this is to specify the font-size of the body element (in pixels), and then set the size of the
other elements on the page (such as headers) using the relative em unit: body { font-family: helvetica, arial, sans-serif; font-size: 12px; } h1 { font-size: 1.5em; } h2 { font-size: 1.2em; } such interactive text size buttons can change the font-size property of the body element, and the adjustments are picked up by
other elements on the page thanks to the relative units.
... emulating private methods with closures languages such as java allow you to declare methods as private, meaning that they can be called only by
other methods in the same class.
...And 5 more matches
Working with objects - JavaScript
objects overview objects in javascript, just as in many
other programming languages, can be compared to objects in real life.
...lt = []; for(objecttoinspect = o; objecttoinspect !== null; objecttoinspect = object.getprototypeof(objecttoinspect)) { result = result.concat( object.getownpropertynames(objecttoinspect) ); } return result; } this can be useful to reveal "hidden" properties (properties in the prototype chain which are not accessible through the object, because an
other property has the same name earlier in the prototype chain).
...identical object initializers create distinct objects that will not compare to each
other as equal.
...And 5 more matches
Promise - JavaScript
not to be confused with: several
other languages have mechanisms for lazy evaluation and deferring a computation, which they also call "promises", e.g.
...you will also hear the term resolved used with promises — this means that the promise is settled or “locked in” to match the state of an
other promise.
...(see throw -999 in the example, below, for a technique to handle the consequences.) on the
other hand, in the absence of an immediate need, it is simpler to leave out error handling until a final .catch() statement.
...And 5 more matches
Autoplay guide for media and Web Audio APIs - Web media technologies
sume that media will be allowed to autoplay only if at least one of the following is true: the audio is muted or its volume is set to 0 the user has interacted with the site (by clicking, tapping, pressing keys, etc.) if the site has been whitelisted; this may happen either automatically if the browser determines that the user engages with media frequently, or manually through preferences or
other user interface features if the autoplay feature policy is used to grant autoplay support to an <iframe> and its document.
...
otherwise, the playback will likely be blocked.
... note: put an
other way, playback of any media that includes audio is generally blocked if the playback is programmatically initiated in a tab which has not yet had any user interaction.
...And 5 more matches
Web Performance
we cover them in this section: key performance guides animation performance and frame rateanimation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and
other image types.
... the performance cost of animating a css property can vary from one property to an
other, and animating expensive css properties can result in jank as the browser struggles to hit a smooth frame rate.critical rendering paththe critical rendering path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
...these perceptions are impacted by actual page load time, idling, responsiveness to user interaction, and the smoothness of scrolling and
other animations.
...And 5 more matches
Namespaces crash course - SVG: Scalable Vector Graphics
the problem with mixing content from different xml dialects in a single xml document is that the elements defined by one dialect may have the same name as elements defined by an
other.
...(in fact uris are used so frequently that the term "namespace uri" is commonly used instead of "namespace name".) redeclaring the default namespace so if all the descendants of the root element are also defined to be in the default namespace, how do you mix in content from an
other namespace?
...this parameter is commonly used by
other xml dialects as a means to link to external resources.
...And 5 more matches
Same-origin policy - Web security
the same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from an
other origin.
...(a "tuple" is a set of items that together comprise a whole — a generic form for double/triple/quadruple/quintuple/etc.) the following table gives examples of origin comparisons with the url http://store.company.com/dir/page.html: url outcome reason http://store.company.com/dir2/
other.html same origin only the path differs http://store.company.com/dir/inner/an
other.html same origin only the path differs https://store.company.com/page.html failure different protocol http://store.company.com:81/dir/page.html failure different port (http:// is port 80 by default) http://news.company.com/dir/page.html failure differ...
... these exceptions are nonstandard and unsupported in any
other browser.
...And 5 more matches
context-menu - Archive of obsolete content
it does not occur when the user invokes the context menu on a link, image, or
other non-text node, or while a selection exists.
... array an array of any of the
other types.
...like
other apis in the sdk, the context-menu api uses content scripts to let your add-on interact with pages in the browser.
...And 4 more matches
JavaScript Daemons Management - Archive of obsolete content
* all
other optional instances methods depend on this one or on the previous ones.
... when a method requires the presence of an
other method (it is relatively rare), there is a comment which explains why.
...this.index : this.length - this.index, breverse, bforce); }; daemon.prototype.reclose = function (bforce) { /* warning: this method requires the daemon.prototype.makesteps() and daemon.prototype.close() methods */ return this.close(this.isatend() !== this.backw, bforce || false); }; /*
others */ daemon.prototype.restart = function () { this.stop(); this.start(); }; daemon.prototype.loopuntil = function (vdate) { if (!isfinite(this.length)) { return; } var ntime = vdate.constructor === date ?
...And 4 more matches
Enhanced Extension Installation - Archive of obsolete content
this can lead to incompatibilities, mysterious crashes and
other problems.
... tracking item type item type is tracked for the most part by containment in one or
other of the two containers.
...these include: the application profile directory <profile>/extensions/ the application install directory <application>/extensions/ any location specified in a text file with a {guid} name placed in one of the above locations, useful for developing extensions at an
other location, e.g.
...And 4 more matches
Appendix A: Add-on Performance - Archive of obsolete content
other add-ons have most of their features depend on a user being logged in to a service.
... page loads this is an
other critical route that many add-ons tap into.
...this is what you should do first to make sure that you filter out all cases that don't interest you so that your add-on doesn't slow down
other requests.
...And 4 more matches
Local Storage - Archive of obsolete content
otherwise you may run into problems if the same extension is installed in multiple profiles.
... let localdir = directoryservice.get("profd", ci.nsifile); localdir.append("xulschool"); if (!localdir.exists() || !localdir.isdirectory()) { // read and write permissions to owner and group, read-only for
others.
...in general this is the only directory flag you'll need, but sometimes you'll need access to
other system directories, and you don't want to have to worry about which operating system or system language your extension is running on.
...And 4 more matches
Setting Up a Development Environment - Archive of obsolete content
on the
other hand, extensions use the same (or similar) languages that are used for web development, so most text editors and ides are up to the task.
...that is more than what you can get with most
other editors, so we recommend you to give it a try.
... you should also set up your environment so that xpidl.exe (or just xpidl on
other systems) is in the default executable path, and also add a variable called gecko_sdk, that points to your sdk build: export gecko_sdk=/path/to/your/sdk our build system should pick it up from there.
...And 4 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
that new page may have links that take you to
other pages, which may in turn have more links, and so on.
...for web developers, for example, it provides less fine-grained control over the experience, and it can strain bandwidth and
other resources.
...an implementation can also use
other transport technologies such as soap-based remote procedure calls, xmlhttprequest interfaces, or dom 3 load.
...And 4 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
for netscape 4.x the convert function from the client customization kit (cck) could also do that (and
other things like personalize auto-installation...): http://developer.netscape.com/docs/manuals/deploymt/config.htm.
... 569 01-01-2010 00:00 defaults/profile/mimetypes.rdf 76 01-01-2010 00:00 defaults/preferences/firefox-l10n.js 91656 01-01-2010 00:00 defaults/preferences/firefox.js 1593 01-01-2010 00:00 defaults/preferences/firefox-branding.js 473 01-01-2010 00:00 defaults/profile/prefs.js unlike old thunderbird 8, firefox 8 didn't include prefcalls.js in omni.jar , but
other .js files though: [root@arvouin firefox]# jar tvf omni.jar | grep defaults/pref 0 fri nov 04 21:34:18 cet 2011 defaults/preferences/ 604 fri nov 04 21:34:18 cet 2011 defaults/preferences/all-redhat.js 1389 fri nov 04 21:34:18 cet 2011 defaults/preferences/firefox-branding.js 76 fri nov 04 21:34:18 cet 2011 defaults/preferences/firefox-l10n.js 50295 fri nov 04 21:34:18 cet 2011 def...
...c=int-evry,dc=fr","uid=" + env_user,"uid,cn,mail,labeleduri"); // close the try, and call the catch() } catch(e) {displayerror("lockedpref", e);} debug if you set a username and the mozilla_debug variable ($export mozilla_debug=1; export user=procacci), then the displayerror() will show you this popup: that's a popup titled as "error", but it's just a debug tool for me as i didn't find any
other way to popup information.
...And 4 more matches
JavaScript Client API - Archive of obsolete content
records are transformed to wbo's, uploaded to a collection in a sync server and eventually downloaded by
other sync clients.
...the name store is somewhat of a misnomer, as stores don't actually persistently store anything, but rather serve as short-lived data stores during the course of a single sync and act as proxies to
other data stores within the application (like the places database) outside of sync.
...it is possible for
other components, including 3rd party extensions, to supplement the set of engines and synchronize their own data.
...And 4 more matches
New Skin Notes - Archive of obsolete content
devmo skin vs cavendish skin --callek i can probably pull-off this patch if needed (quickly), so dria or
others do not have to hunt up "how".
...in all
other dev centres there is no "visited link color" and we should remove imho.
...this is not what user expects (well, i don't expect sites to style visited and non-visited links the same), and it's false that
other documentation sites do this (i just checked apple's and microsoft's sites).
...And 4 more matches
Elements - Archive of obsolete content
please do not edit only on the basis of an
other xbl specification.
...it should usually declare xbl as the default namespace (unless an xbl namespace prefix is used) and it may additionally declare
other namespace prefixes used in your binding.
...each binding child element defines a unique binding that can be attached to elements in
other documents.
...And 4 more matches
Using XPInstall to Install Plugins - Archive of obsolete content
xpi packages, like zip files, "contain"
other files, typically: the software component to be installed.
... install the plugin software to an
other location on the user's hard disk, so that
other mozilla-based browsers that the user may install later can find the plugin (the browser specific components) and pick it up.
...rather than re-initiate the download of the plugin with the yet an
other browser, the second netscape gecko browser can detect that an installation has already occurred.
...And 4 more matches
A XUL Bestiary - Archive of obsolete content
in
other words, a chrome url like the global pointer above picks up a file called global.css, and the help pointer above could also be written as chrome://help/content, because the name of the package itself is "help." viewing chromes
other than mozilla's there is a special flag you can use to start mozilla with some chrome
other than the default.
...this section describes xul, xptoolkit, and xpfe, which are in some respects synonymous and in
others quite different.
...a loosely analogous relationship might be that xul, xptoolkit, and xpfe are to one an
other what html, the actual html tags, and an html web page are to one an
other, respectively.
...And 4 more matches
Reading from Files - Archive of obsolete content
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...an input stream provides a means of reading bytes, strings or
other values from the file.
...however, a number of
other character encodings are available; see reading
other character encodings below for details about reading text in
other encodings.
...And 4 more matches
Building Trees - Archive of obsolete content
you can use a template with a tree just like any
other template.
...the tree builder implements the nsitreeview interface, so it becomes the tree’s view—in
other words, the tree’s view and the tree’s builder are the same object.
...m messages </query> <action> <treechildren> <treeitem uri="?"> <treerow> <treecell label="?subject"/> <treecell label="?sender"/> <treecell label="?date"/> </treerow> </treeitem> </treechildren> </action> </template> </tree> features of the tree builder besides the label of a cell, there are several
other cell properties you can set when using the tree builder.
...And 4 more matches
Commands - Archive of obsolete content
in addition, text fields and
other widgets have a number of commands which they already support that you can invoke.
... the
other advantage is that several buttons or
other ui elements can be hooked up to the same command.
... it is normal to put a group of commands inside a commandset element, together near the top of the xul file, as in the following: <commandset> <command id="cmd_open" oncommand="alert('open!');"/> <command id="cmd_help" oncommand="alert('help!');"/> </commandset> a command is invoked when the user activates the button or
other element attached to the command.
...And 4 more matches
Cross Package Overlays - Archive of obsolete content
applying overlays to
other packages note: this section talks about contents.rdf which has been replaced in gecko 1.8 by manifest files.
... overlays have an
other very useful feature.
...you can also go the
other way and have the overlays specify which windows that they apply to.
...And 4 more matches
Element Positioning - Archive of obsolete content
note that the css global skin of the xul application may also specify a min-width for the buttons and
other elements, thus if simply setting the width property does not set the button width as you expect, try also to modify the button min-width property.
...if you specify only one size property, the
other is calculated as needed.
...the following example demonstrates this: example 2 : source view <window orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <hbox> <button label="yes" flex="1"/> <button label="no"/> <button label="i really don't know one way or the
other"/> </hbox> </window> the window will initially appear like in the image earlier.
...And 4 more matches
Features of a Window - Archive of obsolete content
creating an
other window you can create a second window for your application in the same manner as you would create the first one.
...you can use this reference to call functions of the
other window.
...if you only specify one, the
other will be set to 0.
...And 4 more matches
Manifest Files - Archive of obsolete content
you can specify multiple packages by including an
other line in the manifest file.
...
otherwise, if an extension attempted to call the modified versions, it would likely not work properly, or worse, create a security hole.
... installing a package for an application to be installed, you will need to create an installer for it, or include it as part of an
other application.
...And 4 more matches
Skinning XUL Files by Hand - Archive of obsolete content
button.plain { border: 0px !important; } the global skin, in which styles for these several button classes and dozens of
other elements are defined, is described in the following section.
...to avoid this, the makers of the css specification have created some rules of precedence that look at how many different rules have been defined for an element, where the style definitions appear (i.e., externally in a css file or inline), where the elements themselves appear, and
other esoteric variables.
...the following table shows the basic format for these two common types of style definitions: class id element.class { attribute: value; } element#id { attribute: value; } menu.baseline { border: 0px; font-size: 9pt; } menu#edit { color: red; }
other style subgroups contextualsubgroups -- elements appearing within
other elements, such as italicized text anywhere within a <p> element or a <div> -- can be grouped in css, but this is an extremely inefficient way to style xul, and is frowned upon in the mozilla development community (again, refer to the skinning guidelines in writing skinnable xul and css for more info); css2 also provides some ...
...And 4 more matches
Trees - Archive of obsolete content
for instance, you cannot change the appearance of the tree rows using the style attribute or with
other css properties and the box related features such as flexibility and orientation cannot be used.
... in addition, mouse and
other user interface events do not fire at these elements.
...however, there are special ways of styling the tree and setting
other features which we will see in later sections.
...And 4 more matches
XPCOM Interfaces - Archive of obsolete content
the syntax of a contract id is: @<internetdomain>/module[/submodule[...]];<version>[?<name>=<value>[&<name>=<value>[...]]]
other components can be referred to in a similar way.
...for example, to get a sound interface, you can do the following: var sound = components.classes["@mozilla.org/sound;1"].createinstance(); if (sound) sound.queryinterface(components.interfaces.nsisound); xpcom interfaces can inherit from
other interfaces.
... the interfaces that inherit from
others have their own functions and the functions of all the interfaces that they inherit from.
...And 4 more matches
listbox - Archive of obsolete content
if the element contains more than this number of rows, a scrollbar will appear which the user can use to scroll to the
other rows.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...upnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata additemtoselection( item ) return type: no return value selects the given item, without deselecting any
other items that are already selected.
...And 4 more matches
calICalendarView - Archive of obsolete content
because of this close association between methods and attributes on the one hand, and content on the
other, calicalendarview implementations are particularly well suited to xbl.
...this link allows the calicalendarview to have a way of creating, modifying, and deleting events based on user interaction with the dom nodes it controls, often without requiring any
other user interaction.
... in general, therefore, a calicalendarview will not provide its own controller, but rather rely on
other code to set this attribute.
...And 4 more matches
Sunbird Theme Tutorial - Archive of obsolete content
you might be able to apply the same method to
other mozilla applications by changing some of the details.
... adding
other components your theme only modifies the calendar component.
...to understand the user interface provided by these
other components, unpack the
other jar files.
...And 4 more matches
Theme changes in Firefox 2 - Archive of obsolete content
tton:hover:active toolbar[iconsize="small"] #print-button:hover toolbar[iconsize="small"] #print-button:hover:active toolbar[iconsize="small"] #reload-button:hover toolbar[iconsize="small"] #reload-button:hover:active toolbar[iconsize="small"] #stop-button:hover toolbar[iconsize="small"] #stop-button:hover:active toolbarbutton.bookmark-item-microsummarized you may need to make changes to
other styles as well.
...chbar-engine-button .search-go-button .search-go-button:hover .search-go-button:hover:active .search-go-button[disabled="true"] .searchbar-engine-button .searchbar-engine-button:hover .searchbar-engine-button[addengines="true"] .searchbar-engine-button[open="true"] .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text .searchbar-left you may of course wish to make changes to
other styles as well.
...o[pane=panemain]:active radio[pane=panemain]:hover radio[pane=panemain][selected="true"] radio[pane=paneprivacy]:hover radio[pane=paneprivacy][selected="true"] radio[pane=panesecurity] radio[pane=panesecurity]:active radio[pane=panesecurity]:hover radio[pane=panesecurity][selected="true"] radio[pane=panetabs]:hover radio[pane=panetabs][selected="true"] you may of course wish to change
other styles as well.
...And 4 more matches
Introduction to game development for the Web - Game development
instead, you can advertise and promote your game all over the web as well as
other media, taking advantage of the web's inherent linkability and shareability to reach new customers.
...no waiting breathlessly for approval while someone hidden within an
other company decides whether or not your critical bug fix will ship today or tomorrow.
... gamepad api if you want your users to be able to use gamepads or
other game controllers to work your game, you'll need this api.
...And 4 more matches
Audio for Web games - Game development
for
other more active sounds that are to be used during the game we could consider priming them as soon as something like a start button is pressed.
...loading synchronously might mean parts of your music are ready earlier and you can start playing them while
others load.
...avi</a> <p class="loading-text">loading...</p> <button data-playing="false" aria-describedby="clavi-play-label"> <span id="clavi-play-label">play</span> </button> </li> </ul> <p class="sourced">all tracks sourced from <a href="http://jplayer.org/">jplayer.org</a></p> </section> all of these tracks are the same tempo and are designed to be synchronized with each
other, so we need to make sure they are loaded and available to the api before we are able to play them.
...And 4 more matches
Backgrounds and borders - Learn web development
in the example below, we have two boxes — one has a background image which is larger than the box, the
other has a small image of a star.
... you can use keywords such as top and right (look up the
others on the background-position page): .box { background-image: url(star.png); background-repeat: no-repeat; background-position: top center; } and lengths, and percentages: .box { background-image: url(star.png); background-repeat: no-repeat; background-position: 20px 10%; } you can also mix keyword values with lengths or percentages, for example: .box { background-image: url(...
... when you do this you may end up with background images overlapping each
other.
...And 4 more matches
Grids - Learn web development
by default these display in normal flow so the boxes display one below the
other.
...declaring display: grid gives you a one column grid, so your items will continue to display one below the
other as they do in normal flow.
...the fr unit distributes space in proportion, therefore you can give different positive values to your tracks, for example if you change the definition like so: .container { display: grid; grid-template-columns: 2fr 1fr 1fr; } the first track now gets 2fr of the available space and the
other two tracks get 1fr, making the first track larger.
...And 4 more matches
What is a URL? - Learn web development
a url is composed of different parts, some mandatory and
others optional.
...the web requires one of these two, but browsers also know how to handle
other protocols such as mailto: (to open a mail client) or ftp: to handle file transfer, so don't be surprised if you see such protocols.
...
otherwise it is mandatory.
...And 4 more matches
How the Web works - Learn web development
the
other parts of the toolbox the client and server we've described above don't tell the whole story.
... there are many
other parts involved, and we'll describe them below.
...on the
other end of the road is the server, which is a shop you want to buy something from.
...And 4 more matches
Video and audio content - Learn web development
an
other such situation is the always-popular mp3 file.
...
other <video> features there are a number of
other features you can include when displaying an html video.
...
other differences from html video are as follows: the <audio> element doesn't support the width/height attributes — again, there is no visual component, so there is nothing to assign a width or height to.
...And 4 more matches
Looping code - Learn web development
previous overview: building blocks next programming languages are very useful for rapidly completing repetitive tasks, from multiple basic calculations to just about any
other situation where you've got a lot of similar items of work to complete.
... why b
other?
...let's look at an
other example that takes a number as an input, and returns only the numbers that are squares of integers (whole numbers).
...And 4 more matches
Storing the information you need — Variables - Learn web development
previous overview: first steps next after reading the last couple of articles you should now know what javascript is, what it can do for you, how you use it alongside
other web technologies, and what its main features look like from a high level.
... an
other special thing about variables is that they can contain just about anything — not just strings and numbers.
... you shouldn't use
other characters because they may cause errors or be hard to understand for an international audience.
...And 4 more matches
Object-oriented JavaScript for beginners - Learn web development
the basic idea of oop is that we use objects to model real world things that we want to represent inside our programs, and/or provide a simple way to access functionality that would
otherwise be hard or impossible to make use of.
...in oop, we can create new classes based on
other classes — these new child classes can be made to inherit the data and code features of their parent class, so you can reuse functionality common to all the object types rather than having to duplicate it.
...you can now see that we have two new objects on the page, each of which is stored under a different namespace — when you access their properties and methods, you have to start calls with person1 or person2; the functionality contained within is neatly packaged away so it won't clash with
other functionality.
...And 4 more matches
Object building practice - Learn web development
our little balls will bounce around on the screen, and change color when they touch each
other.
...along the way we'll make use of some nifty objects, and show you a couple of nice techniques like bouncing balls off walls, and checking whether they have hit each
other (
otherwise known as collision detection).
...25)'; ctx.fillrect(0, 0, width, height); for (let i = 0; i < balls.length; i++) { balls[i].draw(); balls[i].update(); } requestanimationframe(loop); } all programs that animate things generally involve an animation loop, which serves to update the information in the program and then render the resulting view on each frame of the animation; this is the basis for most games and
other such programs.
...And 4 more matches
React interactivity: Events and state - Learn web development
there are a couple of
other things to note: the camel-cased nature of onclick is important — jsx will not recognize onclick (again, it is already used in javascript for a specific purpose, which is related but different — standard onclick handler properties).
... callback props in react applications, interactivity is rarely confined to just one component: events that happen in one component will affect
other parts of the app.
...an
other common convention you may well come across in react code is to prefix callback prop names with the word on, followed by the name of the event that will cause them to be run.
...And 4 more matches
Creating our first Vue component - Learn web development
along the way, we'll learn about a few important concepts such as calling components inside
other components, passing data to them via props, and saving data state.
... objective: to learn how to create a vue component, render it inside an
other component, pass data into it using props, and save its state.
...additionally, prop validation functions are invoked before the component instance is created, so they do not have access to the component state (or
other props).
...And 4 more matches
Implementing feature detection - Learn web development
lation), unzip the zip file, copy the html5shiv-printshiv.min.js and html5shiv.min.js files into your example directory, and link to one of the files by putting the following under your <title> element: <script src="html5shiv.min.js"></script> have a look at your example css files — you'll see that basic-styling.css handles all the styling that we want to give to every browser, whereas the
other two css files contain the css we want to selectively apply to browser depending on their support levels.
... @supports also has or and not logic available — the
other block applies the float layout if the flexbox properties are not available: @supports not (flex-flow: row) and (flex: 1) { /* rules in here */ } this may look a lot more convenient than the previous example — we can do all of our feature detection in css, no javascript required, and we can handle all the logic in a single css file, cutting down on http requests.
...generally, such tests are done via one of the following common patterns: summary of javascript feature detection techniques feature detection type explanation example if member in object check whether a certain method or property (typically an entry point into using the api or
other feature you are detecting for) exists in its parent object.
...And 4 more matches
Deploying our app - Learn web development
parcel (and indeed many
other tools) will generate filenames that are unique to each new build.
... 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.
... netlify, amongst
other things, also allows you to run pre-deployment tasks, which in our case means that all the production code build processes can be performed inside of netlify and if the build is successful, the website changes will be deployed.
...And 4 more matches
Adding a new event
otherwise, i.e., the event class is just used for internal event class of a dom event class, it should be internal.
... please note that aname must not be same as
other event classes even if aprefix is different.
... textevents.h this header file should be used for defining input events from keyboard or ime and also
other text edit related events like querying focused content information.
...And 4 more matches
A bird's-eye view of the Mozilla framework
when an html, xml, svg or
other type of document is loaded, the nglayout engine (also known as gecko) parses the contents into a dom tree, and handles the layout and rendering of the document pages.
... core services modules such as the nglayout engine comprise the core application services available to
other core modules, and xul packages core application modules are implemented as a set of one or more xpcom (cross-platform com) objects.
...mozilla architectural modules are comprised of groups of related xpcom objects that provide services to and access services from each
other through dynamically queryable interfaces.
...And 4 more matches
What to do and what not to do in Bugzilla
the bug has been reproduced by some people but can't be reproduced by
other people.
... the bug reporter reports that they can no longer see the bug and no
other people report that they are still seeing the bug.
...the exceptions are bugs in
other software which we have to work around and bugs that involve certain core gecko modules.
...And 4 more matches
Command line options
firefox -new-instance -p "an
other profile" note: not available for windows, see bug 855899.
... firefox -no-remote -p "an
other profile" note: since firefox 9, this does really mean what its name implies on all platforms, i.e.
...
other platforms accept both upper and lower case.
...And 4 more matches
Creating reftest-based unit tests
so, if the effect of complex markup is being tested, put that complex markup into a page and create an
other page that uses simple markup to achieve the same visual effect.
...if you try to run the full suite, you may experience stalls or
other issues.
...the file can include
other things, but it does not get very complicated.
...And 4 more matches
Error codes returned by Mozilla APIs
these components usually provide an initialization method, often called init, which must be called before
other methods are used.
... ns_error_no_aggregation (0x80040110) ns_error_not_available (0x80040111) an operation could not be completed because some
other necessary component or resource was not available.
...while these errors can occur when using the file apis, they can also occur with
other components that use files.
...And 4 more matches
Profile Manager
firefox and
other xulrunner applications store user settings and data in special folders, called profiles.
... by default, profile manager will manage firefox profiles, but you can also use it to work with profiles of
other xulrunner apps, like thunderbird or seamonkey.
... to use profile manager with an application
other than firefox, you need to launch it using the application's name as an argument, for example: profilemanager-bin seamonkey profiles and application versions profile manager manages two different lists: one of user profiles, and the
other of application versions that can be used with the profiles.
...And 4 more matches
Midas
otherwise, all selected characters will become bold.
... insertbronreturn true/false selects whether pressing return inside a paragraph creates an
other paragraph or just inserts a <br> tag.
...
otherwise, all selected characters will become italic.
...And 4 more matches
nss tech note5
ck_mechanism_type wrapmech = ckm_des3_ecb; <big>(for example)</big> choose a slot on which to to do the operation pk11slotinfo* slot = pk11_getbestslot(wrapmech, null); or pk11slotinfo* slot = pk11_getinternalkeyslot(); /* always returns int slot, may not be optimal */ <big>regarding the choice of slot and wrapmech, if you know one, you can derive the
other.
...to move keys to the desired slot, see section moving a key from one slot to an
other <big>secstatus s = pk11_wrapsymkey(wrapmech, secparam, wrappingsymkey, tobewrappedsymkey, &wrappedkey);</big> <big><big>transport/store or do whatever with the wrapped key (wrappedkey.data, wrappedkey.len)</big></big> <big><big>unwrapping.
... <big>regarding the choice of slot and wrapmech, if you know one, you can derive the
other.
...And 4 more matches
PKCS11 FAQ
other certificates on the token are also loaded (to allow building certificate chains), but it's not necessary to include the full chain, as long as the full chain is available in the regular certificate database.
... will nss get the user's ca certificate via pkcs #11 and push it into the ca certificate database or is the ca certificate database expected to obtain the ca certificate by some
other means?
...all
other certificates in the module are loaded into the temporary database with no special trust bits associated with them.
...And 4 more matches
Python binding for NSS
in
other words they can be iterated over, indexed by position, or used as slices.
...this allows
other python threads to execute during the time a nss/nspr function is progress in an
other thread.
...
other documentation the doc directory contains
other files you may wish to review.
...And 4 more matches
GC Rooting Guide
there are typedefs for js::mutablehandle<t>, the same as for the
other templates: template class typedef js::mutablehandle<js::value> js::mutablehandlevalue js::mutablehandle<jsobject*> js::mutablehandleobject js::mutablehandle<jsstring*> js::mutablehandlestring js::mutablehandle<jsscript*> js::mutablehandlescript js::mutablehandle<jsid> js::mutablehandleid js::mutablehandle<t> shoul...
... if (!waserror) *valueout = resultvalue; return waserror; } void
otherfunction(jscontext *cx) { js::value value; bool success = maybegetvalue(cx, &value); // ...
... if (!waserror) valueout.set(resultvalue); return waserror; } void
otherfunction(jscontext *cx) { js::rootedvalue value(cx); bool success = maybegetvalue(cx, &value); // ...
...And 4 more matches
Garbage collection
in
other words, from the point of view of the rest of the engine, the job of the gc is to allocate cells and automatically collect them.
...(some cells are shared across all compartments in a zone.) an object may not hold a direct pointer to an object in an
other compartment.
... instead, it must store a wrapper for the
other object.
...And 4 more matches
Property cache
(informally: if an
other property shadows x'.p, the shape of x' will change.) o---->o---->o---->o ^x ^x' ^object.prototype, perhaps (----> indicates the proto relation) scope chain shadowing guarantee — if at time t0 the object x has shape s and a name lookup for p starting at scope chain head x finds p on an object x' of shape s', where x !== x'; and the lookup called no resolve hooks or non-...
...(informally: if an
other variable or property shadows x'.p, the shape of x' will change.) o this object is x, perhaps a call object.
... ↓ o an
other call object.
...And 4 more matches
SpiderMonkey 24
it continues to improve performance over previous spidermonkey releases, with a significantly improved garbage collector, a new jit compilation mode, and
other features.
...on some
other platforms (sparc, mips), the jit is provided but not supported.
... on all
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
...And 4 more matches
A Web PKI x509 certificate primer
one issue that is not commonly known is that the x509 trust graph is not a forest (a bunch of trees where each root is a trusted root) but a cyclic graph, where the same key/issuer can be a root or an intermediate for an
other root in the browsers key store (when roots create intermediates for each
other it is called cross-signing).
...certificates can have
other extensions not described on rfc 5280, but that is out of the scope of this document.
... subject alternate name this extension defines what
other names (such as dns names) are valid for this certificate.
...And 4 more matches
AT APIs Support
but in the meantime it more up-to-date and contains more details than existed analogues for at-spi and msaa this documentation explains how makers of screen readers, voice dictation packages, onscreen keyboards, magnification software and
other assitive technologies can support gecko-based software.
... open komodo - platform for building developer environments miro - a free, open source internet tv and video player any xulrunner application (songbird media player, etc.) extensions to
other xul apps (e.g.
... firefox extensions) gecko version for firefox and all
other gecko-based products: this documentation applies to up-to-date product builds based on gecko 1.9.2 -- currently not available on official releases.
...And 4 more matches
History Service Design
places core history service (nsinavhistoryservice.idl) is the core of places, every
other places service depends on it to correctly work, so it gets always initialized at application startup.
...in case the database has been created for the first time history service will create all tables, indexes and triggers, calling related inittables static methods of
other dependant services.
...the same pre-compiled statements approach is used in
other dependant services and in autocomplete.
...And 4 more matches
Places utilities for JavaScript
unfiledbookmarksfolderid
other other attributes stored in placesutils.
... return type return true if the node is a folder, false
otherwise.
...
other other functions that i'm not sure how to file.
...And 4 more matches
XPCOM array guide
note that this class differs from the
other array types by using unsigned indices.
... some
other arrays: fallibletarray, autofallibletarray, infallibletarray, autoinfallibletarray, nstobserverarray, nsautotobserverarray.
...
otherwise use nsiarray and make liberal use of queryelementat().
...And 4 more matches
nsIDocShell
instead, retrieve an nsidocshell from a browser or
other document container element.
... forcedcharset nsiatom a character set to override the page's default character set while processing; this is tried before using any
other character set during page loads.
...docshells are not app tabs unless told
otherwise.
...And 4 more matches
nsIWebProgressListener
(see below for a description of document requests.)
other types of requests, such as requests for inline content (for example images and stylesheets) are considered normal requests.
...this includes
other document requests (for example corresponding to html <iframe> elements).
...this flag is accompanied by either state_start or state_stop, and it may be combined with
other state type flags.
...And 4 more matches
XUL Overlays
when plug-ins, browser extensions, or
other applications provide new ui elements to the browser, these elements should be defined in overlay files.
...any number of overlays can be loaded into a master document, and an overlay can also load
other overlays.
...loading overlays at runtime firefox 1.5 and
other gecko 1.8-based applications also support loading overlays on-the-fly via the document.loadoverlay() function.
...And 4 more matches
Zombie compartments
│ │ │ ├──3.78 mb (00.76%) ++ js-compartment(https://www.google.de/?gws_rd=ssl) │ │ │ ├──0.51 mb (00.10%) ── style-sheets │ │ │ ├──0.33 mb (00.07%) -- dom │ │ │ │ ├──0.17 mb (00.04%) ── text-nodes │ │ │ │ ├──0.13 mb (00.03%) ── element-nodes │ │ │ │ ├──0.02 mb (00.00%) ──
other │ │ │ │ ├──0.01 mb (00.00%) ── orphan-nodes │ │ │ │ └──0.00 mb (00.00%) ── event-targets │ │ │ └──0.00 mb (00.00%) ── property-tables │ │ └───5.93 mb (01.19%) -- js-zone(0x13ffa0000) │ │ ├──1.92 mb (00.39%) ── unused-gc-things │ │ ├──1.28 mb (00.26%) -- lazy-scripts │ │ ...
... first, many sites utilize scripts from
other sites to provide advertisements, "like" and "+1" buttons, twitter feeds, etc.
.....) compartment(https://plusone.google.com/_/+1/fastbutton?...) compartment(http://platform.twitter.com/widgets/...utton.html?...) compartment(http://cdn.at.atwola.com/_media/uac/tcode3.html) compartment(https://s-static.ak.fbcdn.net/connec..._proxy.php?...) compartment(http://ads.tw.adsonar.com/adserving/getads.jsp?...) (some of those compartment urls are long and have been truncated.) an
other thing to beware is each compartment is created for an origin (e.g.
...And 4 more matches
Initialization and Destruction - Plugins
plug-ins consume no resources,
other than disk space, if not referenced.
... the
other table lists all api calls from the browser to the plug-in.
...however, because np_initialize is called at the end of the initialization process, you can call
other methods, such as npn_memalloc and npn_status, from np_initialize.
...And 4 more matches
Accessibility Inspector - Firefox Developer Tools
the accessibility inspector provides a means to access important information exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what's missing or
otherwise needs attention.
...this means trying your best to not lock anyone out of accessing information because of any disability they may have, or any
other personal circumstances such as the device they are using, the speed of their network connection, or their geographic location or locale.
... roles and
other information exposed by browser accessibility apis are presented in a hierarchical structure called the accessibility tree.
...And 4 more matches
Background Tasks API - Web APIs
in the past, there's been no way to do this reliably
other than by writing code that's as efficient as possible and by offloading as much work as possible to workers.
... getting the most out of idle callbacks because idle callbacks are intended to give your code a way to cooperate with the event loop to ensure that the system is utilized to its full potential without over-tasking it, resulting in lag or
other performance problems, you should be thoughtful about how you go about using them.
...while the browser, your code, and the web in general will continue to run normally if you go over the specified time limit (even if you go way over it), the time restriction is intended to ensure that you leave the system enough time to finish the current pass through the event loop and get on to the next one without causing
other code to stutter or animation effects to lag.
...And 4 more matches
Introduction to the DOM - Web APIs
this is expanded upon as needed by
other apis that add new features and capabilities to the dom.
... this following javascript will display an alert when the document is loaded (and when the whole dom is available for use): <body onload="window.alert('welcome to my home page!');"> an
other example.
... this function creates a new h1 element, adds text to that element, and then adds the h1 to the tree for this document: <html> <head> <script> // run this function when the document is loaded window.onload = function() { // create a couple of elements in an
otherwise empty html page const heading = document.createelement("h1"); const heading_text = document.createtextnode("big head!"); heading.appendchild(heading_text); document.body.appendchild(heading); } </script> </head> <body> </body> </html> fundamental data types this reference tries to describe the various objects and types in simple terms.
...And 4 more matches
Using Fetch - Web APIs
fetch provides a better alternative that can be easily used by
other technologies such as service workers.
... fetch also provides a single logical place to define
other http-related concepts such as cors and extensions to http.
...set-cookie headers from
other sites are silently ignored.
...And 4 more matches
Fullscreen API - Web APIs
this makes it possible to present desired content—such as an online game—using the user's entire screen, removing all browser user interface elements and
other applications from the screen until full-screen mode is shut off.
...instead, it augments several
other interfaces to add the methods, properties, and event handlers needed to provide full-screen functionality.
... methods on the element interface element.requestfullscreen() asks the user agent to place the specified element (and, by extension, its descendants) into full-screen mode, removing all of the browser's ui elements as well as all
other applications from the screen.
...And 4 more matches
HTMLMediaElement - Web APIs
htmlmediaelement.mozfragmentend is a double that provides access to the fragment end time if the media element has a fragment uri for currentsrc,
otherwise it is equal to the media duration.
...using any
other size results in an exception being thrown.
...true if the audio is muted and false
otherwise.
...And 4 more matches
Intersection Observer API - Web APIs
historically, detecting visibility of an element, or the relative visibility of two elements in relation to each
other, has been a difficult task for which solutions have been unreliable and prone to causing the browser and the sites the user is accessing to become sluggish.
...intersection information is needed for many reasons, such as: lazy-loading of images or
other content as a page is scrolled.
... the intersection observer api lets code register a callback function that is executed whenever an element they wish to monitor enters or exits an
other element (or the viewport), or when the amount by which the two intersect changes by a requested amount.
...And 4 more matches
MediaDevices.getUserMedia() - Web APIs
that stream can include, for example, a video track (produced by either a hardware or virtual video source such as a camera, video recording device, screen sharing service, and so forth), an audio track (similarly, produced by a physical or virtual audio source like a microphone, a/d converter, or the like), and possibly
other track types.
...see security for more information on this and
other security issues related to using getusermedia().
...the following expresses a preference for 1280x720 camera resolution: { audio: true, video: { width: 1280, height: 720 } } the browser will try to honour this, but may return
other resolutions if an exact match is not available, or the user overrides it.
...And 4 more matches
WebXR Device API - Web APIs
once both eyes' perspectives on the scene have been rendered, the resulting framebuffer is delivered to the webxr device to be presented to the user through their headset or
other appropriate display device.
... the equipment may also include an accelerometer, barometer, or
other sensors which are used to sense when the user moves through space, rotates their head, or the like.
...one view is offset to the left slightly from the viewer's position, and the
other view is offset to the right by the same distance.
...And 4 more matches
Using the Web Animations API - Web APIs
this means that a keyframe object with three keys will play the middle key 50% of the way through each loop of the animation unless told
otherwise.
... when we want to explicitly set a key’s offset from the
other keys, we can specify an offset directly in the object, separated from the declaration with a comma.
... the
other thing you’ll notice is that it’s iterations, not iteration-count.
...And 4 more matches
Using XMLHttpRequest - Web APIs
if this argument is true or not specified, the xmlhttprequest is processed asynchronously,
otherwise the process is handled synchronously.
...
otherwise the progress events will not fire.
... using nothing but xmlhttprequest submitting forms without the formdata api does not require
other apis for most use cases.
...And 4 more matches
Grid template areas - CSS: Cascading Style Sheets
late-areas: "hd hd hd hd hd hd hd hd hd" "sd sd sd main main main main main main" "sd sd sd ft ft ft ft ft ft"; } <div class="wrapper"> <div class="header">header</div> <div class="sidebar">sidebar</div> <div class="content">content</div> <div class="footer">footer</div> </div> the value of grid-template-areas must show a complete grid,
otherwise it is invalid (and the property is ignored).
...this is a component with space for an image or
other media on one side and content on the
other.
... </div> </div> displaying the image on the
other side of the box we might want to be able to display our box with the image the
other way around.
...And 4 more matches
CSS values and units - CSS: Cascading Style Sheets
grid-area: content; } in comparison, a data type that is a <string>, such as a string value of the content property, must be quoted: .item::after { content: "this is my content."; } while you can generally create any name you want, including using emojis, the identifier can't be none, unset, initial, or inherit, start with a digit or two dashes, and generally you don't want it to be any
other pre-defined css keyword.
...there is never a space or any
other characters between a the number and the unit identifier: i.e.
...
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.
...And 4 more matches
Using media queries - CSS: Cascading Style Sheets
to target specific media for the <style>, <link>, <source>, and
other html elements with the media= attribute.
... not the not operator is used to negate a media query, returning true if the query would
otherwise return false.
...each query in a comma-separated list is treated separately from the
others.
...And 4 more matches
grid-area - CSS: Cascading Style Sheets
when grid-column-end is omitted, if grid-column-start is a <custom-ident>, grid-column-end is set to that <custom-ident>;
otherwise, it is set to auto.
... when grid-row-end is omitted, if grid-row-start is a <custom-ident>, grid-row-end is set to that <custom-ident>;
otherwise, it is set to auto.
...
otherwise, it is set to auto.
...And 4 more matches
justify-content - CSS: Cascading Style Sheets
retch; /* distribute items evenly stretch 'auto'-sized items to fit the container */ /* overflow alignment */ justify-content: safe center; justify-content: unsafe center; /* global values */ justify-content: inherit; justify-content: initial; justify-content: unset; values start the items are packed flush to each
other toward the start edge of the alignment container in the main axis.
... end the items are packed flush to each
other toward the end edge of the alignment container in the main axis.
... flex-start the items are packed flush to each
other toward the edge of the alignment container depending on the flex container's main-start side.
...And 4 more matches
Getting Started - Developer guides
then, mozilla, safari, and
other browsers followed, implementing an xmlhttprequest object that supported the methods and properties of microsoft's original activex object.
...}; next, after declaring what happens when you receive the response, you need to actually make the request, by calling the open() and send() methods of the http request object, like this: httprequest.open('get', 'http://www.example.org/some.file', true); httprequest.send(); the first parameter of the call to open() is the http request method – get, post, head, or an
other method supported by your server.
... keep the method all-capitals as per the http standard,
otherwise some browsers (like firefox) might not process the request.
...And 4 more matches
Adding captions and subtitles to HTML5 video - Developer guides
in
other articles we looked at how to build a cross browser video player using the htmlmediaelement and window.fullscreen apis, and also at how to style the player.
... no image is used for the captions button, so it is simply styled as: .controls button[data-state="subtitles"] { height:85%; text-indent:0; font-size:16px; font-size:1rem; font-weight:bold; color:#666; background:#000; border-radius:2px; } there are also
other css changes that are specific to some extra javascript implementation, but these will be mentioned at the appropriate place below.
... initial setup as with all the
other buttons, one of the first things we need to do is store a handle to the subtitles' button: var subtitles = document.getelementbyid('subtitles'); we also initially turn off all subtitles, in case the browser turns any of them on by default: for (var i = 0; i < video.texttracks.length; i++) { video.texttracks[i].mode = 'hidden'; } the video.texttracks property contains an array of all the te...
...And 4 more matches
Constraint validation - Developer guides
in
other words, this method sends the form data to the server even if doesn't satisfy the constraints.
... basically, the idea is to trigger javascript on some form field event (like onchange) to calculate whether the constraint is violated, and then to use the method field.setcustomvalidity() to set the result of the validation: an empty string means the constraint is satisfied, and any
other string means there is an error and this string is the error message to display to the user.
... constraint combining several fields: postal code validation the postal code format varies from one country to an
other.
...And 4 more matches
<a>: The Anchor element - HTML: Hypertext Markup Language
filesystems may forbid
other characters in filenames, so browsers will adjust the suggested name if necessary.
...links are not restricted to http-based urls — they can use any url scheme supported by browsers: sections of a page with fragment urls pieces of media files with media fragments telephone numbers with tel: urls email addresses with mailto: urls while web browsers may not support
other url schemes, web sites can with registerprotocolhandler() hreflang hints at the human language of the linked url.
... permitted parents any element that accepts phrasing content, or any element that accepts flow content, but not
other <a> elements.
...And 4 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
in a similar manner to the <img> element, we include a path to the media we want to embed inside the src attribute; we can include
other attributes to specify information such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.
...in
other words, it sends the origin: http header without a cookie, x.509 certificate, or performing http basic authentication.
...in
other words, it sends the origin: http header with a cookie, a certificate, or performing http basic authentication.
...And 4 more matches
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
the html inline frame element (<iframe>) represents a nested browsing context, embedding an
other html page into the current one.
...the browsing context that embeds the
others is called the parent browsing context.
... because each browsing context is a complete document environment, every <iframe> in a page requires increased memory and
other computing resources.
...And 4 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
there are many
other attributes to achieve various purposes: referrer/cors control for security and privacy: see crossorigin and referrerpolicy.
...for these reasons and
others, provide a useful value for alt whenever possible.
...allowed values: sync decode the image synchronously, for atomic presentation with
other content.
...And 4 more matches
<input type="email"> - HTML: Hypertext Markup Language
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.
...you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...And 4 more matches
<tr>: The Table Row element - HTML: Hypertext Markup Language
charobsolete since html5 a domstring which sets the character to align the cells in each of the row's columns on (each row's centering that uses the same character gets aligned with
others using the same character .
... table { border: 1px solid black; } th, td { border: 1px solid black; } result row and column spanning now, let's introduce an
other column that shows the date the user's membership ended, along with a super-heading above the "joined" and "canceled" dates called "membership dates".
... result let's actually look at the output first this time: notice how the heading area here is actually two rows, one with "name", "id", "membership dates", and "balance" headings, and the
other with "joined" and "canceled", which are sub-headings below "membership dates".
...And 4 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
in a similar manner to the <img> element, we include a path to the media we want to display inside the src attribute; we can include
other attributes to specify information such as video width and height, whether we want it to autoplay and loop, whether we want to show the browser's default video controls, etc.
... attributes like all
other html elements, this element supports the global attributes.
... autopictureinpicture a boolean attribute which if true indicates that the element should automatically toggle picture-in-picture mode when the user switches back and forth between this document and an
other document or application.
...And 4 more matches
An overview of HTTP - HTTP
this role is primarily performed by the web browser;
other possibilities are programs used by engineers and web developers to debug their applications.
...a server appears as only a single machine virtually: this is because it may actually be a collection of servers, sharing the load (load balancing) or a complex piece of software interrogating
other computers (like cache, a db server, or e-commerce servers), totally or partially generating the document on demand.
... relaxing the origin constraint to prevent snooping and
other privacy invasions, web browsers enforce strict separation between web sites.
...And 4 more matches
JavaScript data types and data structures - JavaScript
programming languages all have built-in data structures, but these often differ from one language to an
other.
...these can be used to build
other data structures.
... wherever possible, comparisons with
other languages are drawn.
...And 4 more matches
Numbers and dates - JavaScript
see also javascript data types and structures for context with
other primitive types in javascript.
... decimal numbers 1234567890 42 // caution when using leading zeros: 0888 // 888 parsed as decimal 0777 // parsed as octal in non-strict mode (511 in decimal) note that decimal literals can start with a zero (0) followed by an
other decimal digit, but if every digit after the leading 0 is smaller than 8, the number gets parsed as an octal number.
...these include trigonometric, logarithmic, exponential, and
other functions.
...And 4 more matches
Regular expression syntax cheatsheet - JavaScript
\s matches a single white space character, including space, tab, form feed, line feed, and
other unicode spaces.
... \s matches a single character
other than white space.
...do not follow this with an
other digit.
...And 4 more matches
Memory Management - JavaScript
allocation in javascript value initialization in order to not b
other the programmer with allocations, javascript will automatically allocate memory when values are initially declared.
...within the context of memory management, an object is said to reference an
other object if the former has access to the latter (either implicitly or explicitly).
...this algorithm reduces the problem from determining whether or not an object is still needed to determining if an object still has any
other objects referencing it.
...And 4 more matches
this - JavaScript
a function's this keyword behaves a little differently in javascript compared to
other languages.
...the same applies to arrow functions created inside
other functions: their this remains that of the enclosing lexical context.
...console.log(fn2()() == window); // true in the above, the function (call it anonymous function a) assigned to obj.bar returns an
other function (call it anonymous function b) that is created as an arrow function.
...And 4 more matches
JavaScript
this section is dedicated to the javascript language itself, and not the parts that are specific to web pages or
other host environments.
...and
other countries.
... javascript guide javascript guide a much more detailed guide to the javascript language, aimed at those with previous programming experience either in javascript or an
other language.
...And 4 more matches
OpenSearch description format
the opensearch description format lets a website describe a search engine for itself, so that a browser or
other client application can use that search engine.
...(see reference material for links to
other browsers' documentation.) firefox also supports additional features not in the opensearch standard, such as search suggestions and the <searchform> element.
...xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <shortname>[snk]</shortname> <description>[search engine full name and summary]</description> <inputencoding>[utf-8]</inputencoding> <image width="16" height="16" type="image/x-icon">[https://example.com/favicon.ico]</image> <url type="text/html" template="[searchurl]"> <param name="[key name]" value="{searchterms}"/> <!--
other params if you need them… --> <param name="[
other key name]" value="[parameter value]"/> </url> <url type="application/x-suggestions+json" template="[suggestionurl]"/> <moz:searchform>[https://example.com/search]</moz:searchform> </opensearchdescription> shortname a short name for the search engine.
...And 4 more matches
Gradients in SVG - SVG: Scalable Vector Graphics
you must give the gradient an id attribute;
otherwise it can't be referenced by
other elements inside the file.
... the <lineargradient> element also takes several
other attributes, which specify the size and appearance of the gradient.
...when it is used, attributes and stops from one gradient can be included on an
other.
...And 4 more matches
WebAssembly Concepts - WebAssembly
like
other web code, it will enforce the browser's same-origin and permissions policies.
... don't break the web — webassembly is designed so that it plays nicely with
other web technologies and maintains backwards compatibility.
...we have run into performance problems, however, when trying to use javascript for more intensive use cases like 3d games, virtual and augmented reality, computer vision, image/video editing, and a number of
other domains that demand native performance (see webassembly use cases for more ideas).
...And 4 more matches
Exported WebAssembly functions - WebAssembly
an example let's look at an example to clear things up (you can find this on github as table-set.html; see it running live also, and check out the wasm text representation): var
othertable = new webassembly.table({ element: "anyfunc", initial: 2 }); webassembly.instantiatestreaming(fetch('table.wasm')) .then(obj => { var tbl = obj.instance.exports.tbl; console.log(tbl.get(0)()); // 13 console.log(tbl.get(1)()); // 42
othertable.set(0,tbl.get(0));
othertable.set(1,tbl.get(1)); console.log(
othertable.get(0)()); console.log(
othertable.get(1)()); }); here we crea...
...te a table (
othertable) from javascript using the webassembly.table constructor, then we load table.wasm into our page using the webassembly.instantiatestreaming() method.
...next, we use set() to make the
othertable table contain references to the same functions as the tbl table.
...And 4 more matches
Private Properties - Archive of obsolete content
unlike
other languages, javascript does not have native support for private properties.
...this article discusses two common techniques: one using prefixes, the
other closures.
... using closures an
other common technique, is to define private properties as variables and their getter and setter functions as a closure over these variables: function point(_x, _y) { this.getx = function () { return _x; }; this.setx = function (x) { _x = x; }; this.gety = function () { return _y; }; this.sety = function (y) { _y = y; }; } note that ...
...And 3 more matches
/loader - Archive of obsolete content
n setup looks like this: let { loader } = require('toolkit/loader'); let loader = loader({ paths: { // resolve all modules starting with `toolkit/` as follows: // toolkit/foo -> resource://gre/modules/commonjs/toolkit/foo.js // toolkit/foo/bar -> resource://gre/modules/commonjs/toolkit/foo/bar.js 'toolkit/': 'resource://gre/modules/commonjs/toolkit/', // resolve all
other non-relative module requirements as follows: // devtools/gcli -> resource:///modules/devtools/gcli.js // panel -> resource:///modules/panel.js '': 'resource:///modules/', } }) all relative url require() statements (those that start with ".") are first resolved relative to the requirer module id and the result of it is then resolved using the paths option.
...ropriate mapping for it: let { loader } = require('toolkit/loader'); let loader = loader({ paths: { // resolve all modules starting with `toolkit/` as follows: // toolkit/foo -> resource://gre/modules/commonjs/toolkit/foo.js // toolkit/foo/bar -> resource://gre/modules/commonjs/toolkit/foo/bar.js 'toolkit/': 'resource://gre/modules/commonjs/toolkit/', // resolev all
other non-relative module requirements as follows: // devtools/gcli -> resource:///modules/devtools/gcli.js // panel -> resource:///modules/panel.js '': 'resource:///modules/', // allow relative urls and resolve them to add-on root: // ./main -> resource://my-addon/root/main.js './': 'resource://my-addon/root/' } }); the order of keys in paths is ir...
...all
other modules will be loaded by this module or its dependencies: let { main, loader } = require('toolkit/loader'); let loader = loader(options); let program = main(loader, './main'); a module can find out whether it was loaded as main: if (require.main === module) main(); it is possible to load
other modules before a main one, but it's inherently harder to do.
...And 3 more matches
remote/parent - Archive of obsolete content
usage in multiprocess firefox: the browser ui runs in one process, sometimes called the chrome process or the parent process web content runs in one or more
other processes, sometimes called content processes or remote processes or child processes.
...these sdk modules have higher privileges than content scripts, and have their own module loader so they can load
other sdk modules.
...multiprocess applications can have
other remote processes where untrusted content like webpages are loaded.
...And 3 more matches
ui/frame - Archive of obsolete content
if you know the target uri, you should use it, as this is more secure: it prevents an
other window from intercepting messages that were intended for someone else.
...var { frame } = require("sdk/ui/frame"); var { toolbar } = require("sdk/ui/toolbar"); var frame = new frame({ url: "./city-info.html", onmessage: function(e) { // message only the frame that pinged us e.source.postmessage("pong", e.origin); } }); var toolbar = toolbar({ name: "ping-pong", title: "ping pong", items: [frame] }); this does not have to be the message event: the
other events frame can emit: attach, load and ready, also provide access to source and origin.
...n this case you should pass the frame's url property as the targetorigin: frame.postmessage("ping", frame.url); on(event, listener) assign a listener to a frame event: var { frame } = require("sdk/ui/frame"); var frame = new frame({ url: "./frame.html" }); frame.on("message", pong) function pong(e) { if (e.data == "ping") { // message only the sender, and not any frames attached to
other browser windows e.source.postmessage("pong", "*"); } } parameters event : string the name of the event to listen to.
...And 3 more matches
Install Manifests - Archive of obsolete content
required property reference your install manifest must specify these properties correctly
otherwise your add-on may not install.
...firefox 1.5 has checking to ensure that your id falls into one format or the
other and will refuse to install add-ons that have malformed ids.
... 2 extensions 4 themes 8 locale 32 multiple item package 64 spell check dictionary 128 telemetry experiment 256 webextension experiment examples <em:type>2</em:type> this property was added for firefox 1.5, and is only required for add-on types
other than extensions and themes.
...And 3 more matches
Adding menus and submenus - Archive of obsolete content
the menubar element should be a child of a toolbox element because it is treated like an
other toolbar on systems
other than mac os x.
... mac os x treats menus in a very different way than
other systems.
... an
other example of a menu like this is the view > sidebars menu.
...And 3 more matches
Appendix B: Install and Uninstall Scripts - Archive of obsolete content
a few
others require cleanup code to be run after the add-on is uninstalled.
...you should also change the preference value before you run any
other first run code.
...if an add-on is uninstalled and later installed again, it might be desirable for preferences and
other settings to be kept.
...And 3 more matches
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
onclick: function (event) { alert(event.target.href); } }, text], ["span", { class: "stuff" }, "stuff"]]], document, nodes)); alert(nodes.link); function addentrytopopup(menupopup, doc, chromewindow) { var newitem = doc.createelement("menuitem"); newitem.setattribute("value", "testvalue"); newitem.setattribute("label", "an
other popup menu item"); menupopup.appendchild(newitem); }; var jsontemplatebtn = ["xul:toolbarbutton", { id: "mytestbutton", class: "toolbarbutton-1", type: "menu", label: "test button label", tooltiptext: "test button tooltip", removable: true, key: "mytestbutton123" }, [ "menupopup", ...
... toolbox = doc.getelementbyid("navigator-toolbox"); var palette = toolbox.palette; var domfragment = jsontodom(jsontemplatebtn, document, capturednodes); palette.appendchild(domfragment); alert("capturednodes contains any created nodes that have optionally been captured (for later convenient javascript access) by giving them a 'key' attribute; for example: " + capturednodes.mytestbutton123); an
other example this here is an
other example of using jsontodom but in the html scope, a complex form is created with ease.
...in these cases, multiple attributes should be used, one for each variable: function clickify(elem, address) { elem.setattribute("href", address); elem.setattribute("onclick", "openwindow(this.getattribute('href'))"); } escaping functions when the code fragment in question is not an event handler attribute and there is no feasible way to pass the data through
other means, they must be escaped with functions such as uneval, string.quote, json.stringify, or number.
...And 3 more matches
Handling Preferences - Archive of obsolete content
this file is never written to by firefox, but you may wish to set preferences manually in this file to override
other settings.
... firefox exposes its most common high-level preferences through the preferences window and
other parts of its ui.
... in reality there are thousands of
other preferences firefox handles that are not readily available to the user.
...And 3 more matches
Mozilla Documentation Roadmap - Archive of obsolete content
it encompasses firefox,
other mozilla products, javascript, css, xul, web and extension development guidelines, accessibility, usability, best practices...
...it brings together the feeds of most mozilla employees, as well as several
other members of the mozilla community.
...there are several help and development channels where you can discuss problems and
other topics in real time with the people that have the answers.
...And 3 more matches
Same-origin policy for file: URIs - Archive of obsolete content
in
other words, any html file on your local disk can read any
other file on your local disk.
... starting in gecko 1.9, files are allowed to read only certain
other files.
... specifically, a file can read an
other file only if the parent directory of the originating file is an ancestor directory of the target file.
...And 3 more matches
Making it into a static overlay - Archive of obsolete content
now that we have a working mozilla extension that shows tinderbox status, we need to make it distributable to
other users.
...a xul overlay is a xul file containing elements to be inserted into an
other xul file when the
other xul file is rendered into an application interface.
...overlays provide a way to break up a large xul file into several different files (one that describes the overall structure of an application window and the
others to implement specific portions of the window) to improve code readability, maintainability, and extensability.
...And 3 more matches
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
dramatis personae this document focuses on the interaction of three classes with each
other, but
other mozilla components are also involved.
...some facilities are provided for starting loads, canceling loads, and
other such micromanagement.
...
otherwise, dispatchcontent goes through a three-step process to try to find the correct listener.
...And 3 more matches
Using microformats - Archive of obsolete content
tag used to add tags to
other microformats.
... showhidden if true, hidden microformats are added;
otherwise they're left out.
... debug specify true if debug mode is in use;
otherwise, specify false.
...And 3 more matches
Creating a Help Content Pack - Archive of obsolete content
this is still very much a work in progress, tho, and i need to complete the rest of it soon (where "complete" means "use what's there that's good, build on the stuff that's not as good, and add
other useful information as necessary".
...the data source specified by toc will always be displayed, while the
other data sources may only be available by searching through the loaded content pack.
...to have the help viewer search through these additional data sources, define an
other rdf:li element like so: <rdf:li> <rdf:description nc:panelid="search" nc:datasources="" nc:emptysearchtext="[no matching items found.]" nc:emptysearchlink="chrome://foo/locale/bar.html"/> </rdf:li> nc:panelid should be set to searc...
...And 3 more matches
How to Write and Land Nanojit Patches - Archive of obsolete content
once the patch seems ready, copy it to the
other two repositories and test it.
... [njn: it's possible that the
other tm/tr public repo hasn't been updated from nanojit-central sufficiently recently, in which case the patch won't apply cleanly.
... if it's major you'll need to do a private update of that
other repo in order to test.
...And 3 more matches
Space Manager High Level Design - Archive of obsolete content
when elements are floated to the left or right in a layout, they take up space and influence where
other elements can be placed.
...this information is used by block layout to correctly compute where
other floated elements should be placed, and how much space is available to normal in-flow elements that flow around the floated bits.
... the space manager works in concert with several
other classes to do its job.
...And 3 more matches
Multiple Queries - Archive of obsolete content
however, you will probably notice that the one photo that matches the first query has appeared differently that the
others.
... in fact, the content for this photo is that of the first query with the button, whereas the content for the
other photos are that of the second query with the normal images.
...it doesn't matter whether
other variables are the same or not.
...And 3 more matches
Static Content - Archive of obsolete content
one interesting thing about this example is that only one menupopup will be created, even though there are two in the code, one outside the template and an
other one inside the action body.
...instead of creating an
other menupopup, the builder uses the existing one.
...if you were to change the static content to be some
other element besides a menupopup, it won't match, so the builder will create a new one when handling the action.
...And 3 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
the following values are possible, although custom components may be installed which add
others.
...if the user types an
other character, the timer resets.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...And 3 more matches
The Joy of XUL - Archive of obsolete content
easy customization, localization, or branding an
other highly practical benefit of the separation that xul provides among application logic, presentation, and language text is the ease of customizing for different customers or groups of users.
...while such changes are extensive and affect most (if not all) of the application, they are also isolated from one an
other, enabling the core xul definition and application logic to be shared among all of the custom versions.
... supporting technologies there are number of
other technologies introduced by mozilla that complement xul for building cross platform web applications.
...And 3 more matches
Box Objects - Archive of obsolete content
some of these subtypes, such as the stack or listbox are needed for more complex layouts than the basic box, while
others such as the button are used only to add extra mouse and key event handling.
... the layout object associated with an element can be removed and a completely different type of object created just by changing the css display property, among
others.
...the
others have functions which are more easily accessible by methods mapped directly onto the element, since those types are generally only used with one particular element.
...And 3 more matches
Broadcasters and Observers - Archive of obsolete content
the technique also works for
other attributes as well.
...we saw something like this in a previous section where the disabled attribute was adjusted once and propagated to
other elements.
...you should always use an id attribute so that it can be referred to by
other elements.
...And 3 more matches
Grids - Archive of obsolete content
if you wanted one particular cell to contain multiple elements, you can use a nested hbox or
other box element.
...you could add additional nested boxes or even an
other grid inside a single cell.
... if you resize the window of the last example, you will see that the textboxes resize, but no
other elements do.
...And 3 more matches
RDF Datasources - Archive of obsolete content
other mozilla datasources mozilla provides a number of
other built-in datasources.
...late> <rule> <treechildren> <treeitem uri="rdf:*"> <treerow> <treecell label="rdf:http://home.netscape.com/nc-rdf#name"/> <treecell label="rdf:http://home.netscape.com/nc-rdf#url"/> <treecell label="rdf:http://home.netscape.com/nc-rdf#date"/> </treerow> </treeitem> </treechildren> </rule> </template> </tree>
other datasources the tables below list some of the
other datasources available with mozilla.
...instead, only the files and directories that the tree element (or
other elements) will need to display at a given time will be determined.
...And 3 more matches
The Box Model - Archive of obsolete content
added elements will be placed underneath each
other in a column.
...login prompt example you can add as many elements as you want inside a box, including
other boxes.
...aligning textboxes if you look closely at the image of the login dialog, you can see that the two textboxes are not aligned with each
other horizontally.
...And 3 more matches
Using Remote XUL - Archive of obsolete content
this isn't a problem inside an organization that uses mozilla-based browsers exclusively, but for
other sites you may need to provide an
other form of navigation as well.
...the window element is the root (outermost) element in a xul document and encompasses all
other elements.
... [optionally show what this looks like] the value of the flex attribute determines the extent to which the element will stretch relative to
other flexible elements.
...And 3 more matches
XUL accessibility tool - Archive of obsolete content
(aaronandy) enable tabs, context menu, and
other browser extras in report window.
... possible false positives in some of the
other tests processing is slower than we would like.
... add usability, i18n, security and
other considerations to xul a11y guidelines -- make them more general sprinkle the a11y techniques throughout the turorial and reference.
...And 3 more matches
XML - Archive of obsolete content
xml is a language for creating
other languages.
...an actual memo using the memoml to represent itself might look like this: <memo> <from>ian oeschger</from> <to>steve rudman</to> <body>i think the first draft of the guide is done!</body> </memo> note how the memo element -- the root element in our brief definition, ordeclaration, above -- surrounds the
other three elements.
...xul is little beyond the set of tags used to define interface widgets, the relationship between them, or grammar, and some built-in flexibility for using extra resources like images, html elements, and
other standards-based technologies.
...And 3 more matches
button - Archive of obsolete content
event handlers can be used to trap mouse, keyboard and
other events.
... normal for scales, the scale's values are ordered from left to right (for horizontal scales) or from top to bottom (for vertical scales) for
other elements, the elements are placed left to right or top to bottom in the order they appear in the xul code.
...for
other elements, they are placed right to left or bottom to top.
...And 3 more matches
richlistbox - Archive of obsolete content
be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...pnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata additemtoselection( item ) return type: no return value selects the given item, without deselecting any
other items that are already selected.
... removeitemfromselection( item ) return type: no return value deselects the specified item without deselecting
other items.
...And 3 more matches
tree - Archive of obsolete content
unlike
other elements, the data to display inside the tree is not specified using tags, but is determined from a view object.
...if the element contains more than this number of rows, a scrollbar will appear which the user can use to scroll to the
other rows.
...
otherwise, the entire row will be highlighted.
...And 3 more matches
nsIContentPolicy - Archive of obsolete content
t, in acstring amimetypeguess, in nsisupports aextra, in nsiprincipal arequestprincipal); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra, in nsiprincipal arequestprincipal); constants content types constant value description type_
other 1 indicates content whose type is unknown, or is not interesting outside a limited use case.
... in general, you should try not to use this type unless none of the
others is a fit.
... type_subdocument 7 indicates a document contained within an
other document (for example, <iframe> and <frame> elements).
...And 3 more matches
Gecko Compatibility Handbook - Archive of obsolete content
because of gecko's cross-platform nature, functionality is generally very much the same on different platforms unlike internet explorer for mac and ie for windows, which are very different programs and so may behave quite differently from each
other.
... problem: site certified on netscape 6.x looks incorrect in
other browsers if your site is already gecko-compatible, try switching back to a netscape 6 user-agent string.
... symptom possible problem solution site works correctly in netscape 6.x but not netscape 7.x or
other browsers based upon gecko.
...And 3 more matches
NPClass - Archive of obsolete content
called by npn_createobject() if non-null,
otherwise the browser calls malloc().
...returns true if the method exists,
otherwise returns false.
...returns true if the specified property exists,
otherwise returns false.
...And 3 more matches
Building a Theme - Archive of obsolete content
other tutorials exist for building themes for earlier versions of firefox.
...inside your new theme folder, create two new empty text files, one called chrome.manifest and the
other called install.rdf.
...it contains several folders, modules, jssubloader and
others.
...And 3 more matches
Index - Game development
the concern is mostly with switching to an
other option.
...as with any
other 3d library it provides built-in functions to help you implement common 3d functionality more quickly.
...fragment shaders compute the renderings of a shape's colors and
other attributes.
...And 3 more matches
Building up a basic demo with Three.js - Game development
three.js, as with any
other 3d library, provides built-in helper functions to help you implement common 3d functionality more quickly.
...we are not trying to say it is better than any
other webgl library available, and you should feel free to try an
other library, such as copperlicht, glge, or playcanvas.
...there are a few different renderers: webgl is the default, and
others you can use are canvas, svg, css, and dom.
...And 3 more matches
Efficient animation for web games - Game development
though some browsers make some effort for
other properties to be animated quickly, these are pretty much the only ones semi-guaranteed to be fast across all browsers.
... something to be careful of is that overflow may end up causing re-layout, or
other expensive calculations.
... remember that when you do drawing with requestanimationframe (and in general), you may be blocking the browser from updating
other things.
...And 3 more matches
Debugging CSS - Learn web development
while you may choose to mostly develop in a particular browser, and therefore will become most familiar with the tools included in that browser, it is worth knowing how to access them in
other browsers.
...perhaps you want to see if an
other color looks better, or wish to tweak the size of something?
... note: there are
other useful features in the rules view too, for example declarations with invalid values are crossed out.
...And 3 more matches
Getting started with CSS - Learn web development
however, you will often want something
other than the choice the browser has made.
...most of the time that isn't the case and so you will need to find a way to select a subset of the elements without changing the
others.
...if you were to do this then you would no longer be able to apply the class to a <span> or an
other element by simply adding the class to it; you would have to add that element to the list of selectors: li.special, span.special { color: orange; font-weight: bold; } as you can imagine, some classes might be applied to many elements and you don't want to have to keep editing your css every time something new needs to take on that style.
...And 3 more matches
How can we design for all types of users? - Learn web development
this unit is relative to the root element's size and not to any
other parent.
...this works as of internet explorer 9 and in every
other current browser, so please feel free to use this unit.
...it will end up setting its own font size, so don't b
other feeding it font units.
...And 3 more matches
What are hyperlinks? - Learn web development
before the web, it was quite hard to access documents and move from one to an
other.
... deeper dive as we said, a link is a text string tied to a url, and we use links to allow easy jumping from one document to an
other.
...we'll talk about designing website navigation in an
other article, but as a rule, whenever you add a new webpage, make sure at least one of your
other pages links to that new page.
...And 3 more matches
Your first form - Learn web development
overview: forms next the first article in our series provides you with your very first experience of creating a web form, including designing a simple form, implementing it using the right html form controls and
other html elements, adding some very simple styling via css, and describing how data is sent to a server.
...forms allow users to enter data, which is generally sent to a web server for processing and storage (see sending form data later in the module), or used on the client-side to immediately update the interface in some way (for example, add an
other item to a list, or show or hide a ui feature).
...the controls can be single or multi-line text fields, dropdown boxes, buttons, checkboxes, or radio buttons, and are mostly created using the <input> element, although there are some
other elements to learn about too.
...And 3 more matches
JavaScript basics - Learn web development
third-party apis that allow developers to incorporate functionality in sites from
other content providers, such as twitter or facebook.
...you can learn more in mdn's javascript learning area, as well as in
other parts of mdn.
...if you master these fundamentals, you have a head start on coding in
other languages too!
...And 3 more matches
HTML Cheatsheet - Learn web development
by default, "inline elements" appear next to one an
other in a webpage.
...f="https://realityripple.com/">a link to realityripple</a> a link to realityripple a simple image <img src="https://udn.realityripple.com/samples/6e/d6ed76c6c7.png" width="25" /> a generic inline container <p>p its used to <span style="color:blue">style and group</span> particular elements </p> p its used to style and group particular elements an
other inline container <p>span its used to differentiate a part <span style="color:blue">of the content</span> that we will work on differently </p> span its used to differentiate a part of the content that we will work on differently emphasize some text <em>i'm posh</em> i'm posh italic textt you can mark a phrase in the text in <i>italics</i> you can mark...
... block elements "block elements," on the
other hand, take up the entire width of a webpage.
...And 3 more matches
Making asynchronous programming easier with async and await - Learn web development
in the meantime,
other code that may be waiting for a chance to execute gets to do so.
...the await keyword causes the javascript runtime to pause your code on this line, allowing
other code to execute in the meantime, until the async function call has returned its result.
...it does allow
other tasks to continue to run in the meantime, but your own code is blocked.
...And 3 more matches
General asynchronous programming concepts - Learn web development
you should understand these concepts before working through the
other articles in the module.
...if a function relies on the result of an
other function, it has to wait for the
other function to finish and return, and until that happens, the entire program is essentially stopped from the perspective of the user.
...there's no sense sitting there waiting for something when you could let the
other task chug along on an
other processor core and let you know when it's done.
...And 3 more matches
Introducing asynchronous JavaScript - Learn web development
let's look at a simple example (see it live here, and see the source): const btn = document.queryselector('button'); btn.addeventlistener('click', () => { alert('you clicked me!'); let pelem = document.createelement('p'); pelem.textcontent = 'this is a newly-added paragraph.'; document.body.appendchild(pelem); }); in this block, the lines are executed one after the
other: we grab a reference to a <button> element that is already available in the dom.
... when we pass a callback function as an argument to an
other function, we are only passing the function's reference as an argument, i.e, the callback function is not executed immediately.
...let's look at an
other example that loads a resource via the xmlhttprequest api (run it live, and see the source): function loadasset(url, type, callback) { let xhr = new xmlhttprequest(); xhr.open('get', url); xhr.responsetype = type; xhr.onload = function() { callback(xhr.response); }; xhr.send(); } function displayimage(blob) { let objecturl = url.createobjecturl(blob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); } loadasset('coffee.jpg', ...
...And 3 more matches
Arrays - Learn web development
array objects can be stored in variables and dealt with in much the same way as any
other type of value, the difference being that we can access each value inside the list individually, and do super useful and efficient things with the list, like loop through it and do the same thing to every value.
...paste the following code into the console: let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; shopping; in the above example, each element is a string, but in an array we can store various data types — strings, numbers, objects, and even
other arrays.
... we can also mix data types in a single array — we do not have to limit ourselves to storing only numbers in one array, and in an
other only strings.
...And 3 more matches
Handling text — strings in JavaScript - Learn web development
the following will return an error: let badquotes = 'what on earth?"; the browser will think the string has not been closed because the
other type of quote you are not using to contain your strings can appear in the string.
...you can escape
other characters in the same way, e.g.
...we then use a window.alert() function in line 5 to display an
other popup containing a string we've assembled from two string literals and the name variable, via concatenation.
...And 3 more matches
Useful string methods - Learn web development
previous overview: first steps next now that we've looked at the very basics of strings, let's move up a gear and start thinking about what useful operations we can do on strings with built-in methods, such as finding the length of a text string, joining and splitting strings, substituting one character in a string for an
other, and more.
... this can be done in an
other way, which is possibly even more effective.
...there are
other options too; study the slice() page to see what else you can find out.
...And 3 more matches
Working with JSON - Learn web development
you can include the same basic data types inside json as you can in a standard javascript object — strings, numbers, arrays, booleans, and
other object literals.
...
other notes json is purely a data format — it contains only properties, no methods.
...add the following line: request.open('get', requesturl); this takes at least two parameters — there are
other optional parameters available.
...And 3 more matches
Ember interactivity: Events, classes and state - Learn web development
one component's this will be different from an
other component's this.
...this is a vanilla javascript class and has no special meaning to ember,
other than extending from the component super-class.
... note: a decorator is basically a wrapper function, which wraps and calls
other functions or properties, providing additional functionality along the way.
...And 3 more matches
TypeScript support in Svelte - Learn web development
this extension offers type checking, inspecting, refactoring, intellisense, hover-information, auto-completion, and
other features.
... this kind of developer assistance is an
other good reason to start using typescript in your projects.
...if you are running this in your regular terminal, you are advised to keep it running in the background in a separate terminal window of its own so that it can keep reporting errors but won't interfere with
other terminal usage.
...And 3 more matches
Understanding client-side JavaScript frameworks - Learn web development
we are not aiming to exhaustively teach you everything you need to know about react/reactdom, or vue, or some
other specific framework; the framework teams' own docs (and
other resources) do that job already.
...ember resources and troubleshooting our final ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and
other information.
...along the way, we'll learn about a few important concepts such as calling components inside
other components, passing data to them via props and saving data state.
...And 3 more matches
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.
... caveats: 1) although sidebar cannot be customized without a mouse, all sidebar functions that come with the browser are available through
other means 2) java and in-page plugins cannot be used with the keyboard, so they must not be installed for keyboard-only users additional features for the keyboard: 1) find as you type allows for quick navigation to links and convenient text searching 2) browse with caret (f7 key toggles) allows users to select arbitrary content with the keyboard and move through content as if ins...
... (b) applications shall not disrupt or disable activated features of
other products that are identified as accessibility features, where those features are developed and documented according to industry standards.
...And 3 more matches
Mozilla’s UAAG evaluation report
zooming can be controlled via hotkeys ctrl+plus and ctrl+minus the prefs are at preferences, appearances, fonts there is also a hidden pref line that can be added to prefs.js, if you just want to change the minimum font size for a certain font: user_pref("font.minimum-size.x-western", newfontsizeinpoints); for
other i18n charsets, change x-western to x-central-euro, x-cyrillic, x-unicode, x-user-def, x-baltic, el, tr, he, ar, th, ja, zh-cn or zh-tw 4.2 configure font family.
...(p1) na 4.7 slow
other multimedia.
... (p2) na this is similar to checkpoint 4.4, except that includes animation through style cannot control animation rate of animated images 4.8 control
other multimedia.
...And 3 more matches
Accessible Toolkit Checklist
make sure that parent-child relationships are exposed correctly in each window's msaa tree general msaa support focus events handling event callbacks, which requires a unique id for each non-windowed child of every widget that can be focused or have any
other event associated with it.
... the high contrast theme can be toggled dynamically with leftalt+leftshift+printscreen expose the spi_getscreenreader flag to xml/scripts so that apps can alter behavior use system highlight color where possible for item selection, but never use that exact color in more than 1 place at a time,
otherwise screen reader will read everything with that color whenever highlight changes pay attention to spi_getcaretwidth for the correct width of the caret pay attention to 'route mouse pointer to default button' setting it's possible that the user wants mnemonics hidden except when the alt key is pressed.
... msaa support, including the haspopup state default buttons ability to define in xml enter key fires it, but not when an
other widget has focus that 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 l...
...And 3 more matches
Debugging on Windows
enable it by going its configuration menu in "debug >
other debugging targets > child process debugging settings", and ticking the box.
... here are some wildcards you can use (tested with vc 8): nscomptr.*\:\:.*=nostepinto (nsg|g)etter_*addrefs.*=nostepinto ns_convertutf.* ; might be too broad: (ns|promise)[^\:]*[ss]tring.* ...add common functions to this list should probably make a .reg file for easy importing obtaining stdout and
other file handles running the following command in the command window in visual studio returns the value of stdout, which can be used with various debugging methods (such as nsgenericelement::list) that take a file* param: debug.evaluatestatement {,,msvcr80d}(&__iob_func()[1]) (alternatively you can evaluate {,,msvcr80d}(&__iob_func()[1]) in the quickwatch window) similarly, you can open a file o...
...one requires setting an environment variable, while the
other affects only the currently running program instance in memory.
...And 3 more matches
How Mozilla's build system works
however, mozilla's config.status is different from many
other config.status files, as it's written in python!
...in reality, the main moz.build files include
other moz.build files, such as /toolkit/toolkit.mozbuild, which define the tiers.
... tools is used to install tests and
other support tools.
...And 3 more matches
Interface Compatibility
web content apis which are visible to web content are not modified, except as a last resort when inherent security vulnerabilities or incompatibility with
other browsers make it the only option.
... in micro/maintenance releases, there should be no incompatible changes to interfaces, except as a last resort when a security fix leaves no
other option.
... this includes not only xpcom interfaces, but javascript functions, xbl bindings, and any
other visible behavior.
...And 3 more matches
PBackground
pbackground is a mechanism available since gecko 30 (see bug 956218) that builds on top of ipdl to provide a solution to common problems that arise when handling multiple threads in the chrome process, for example communication between workers and multiple child processes and
other parent-process worker threads.
...ipdl protocols are used to specify how the chrome and content processes talk to each
other and verify that a content process is "following the rules".
...these actors can live in different processes due to ipdl, which automatically serializes calls on one side and transmits them to the
other.
...And 3 more matches
JavaScript OS.Constants
debug set to true on debug build configurations, non-existent
otherwise.
...useful mostly for using js-ctypes to interact with the following platforms: macos x; android; linux;
other variants of unix.
... s_irwxo all
other users can read, write, execute the file.
...And 3 more matches
Promise
this is the only state that may transition to one of the
other two states.
...for example, the os.file.exists function returns a promise that will eventually fulfill with a boolean: promise<boolean> exists(string path); the rejection reason may be specified separately in the function's documentation, and is considered to be an error object unless
otherwise specified.
...if the associated promise has already been resolved, either to a value, a rejection, or an
other promise, this method does nothing.
...And 3 more matches
PromiseWorker.jsm
the first is with atransferlist argument and
other with basepromiseworker.meta.
...the above example can be rewritten like this: myworker.post('func', [new basepromiseworker.meta(buffer, {transfers: [buffer]})]); this is convenient if the function's arguments are generated by some
other functions or passed from somewhere else.
... sending a message from worker with all
other workers, to send a message to the main thread, postmessage is typically used.
...And 3 more matches
Localization and Plurals
in this case, there are 2 forms, but
other languages can have 1 or many more.
... for all
other properties files that link to this page, you'll need to provide enough plural forms of the desired word, and separate them with semi-colons (;).
... french some french speaking places treat 0 as plural while
others treat it as singular.
...And 3 more matches
Localizing with Koala
for example: c:\users\stas> cd c:\mozilla\l10n\locale\x-testing c:\mozilla\l10n\locale\x-testing> rmdir 3.6 c:\mozilla\l10n\locale\x-testing> hg clone http://bitbucket.org/mozillal10n/x-testing 3.6
otherwise, it's a good idea to create your local repository in order to be able to track changes you make to the localization files.
...on the
other hand, "manage search engines..." is generated only once, on start-up, and doesn't need to change.
... once you translated the searchendcap.label entity, add the
other one from this file, i.e.
...And 3 more matches
gettext
the string definition in the messages.po file will look like this: #: file.php:3 #, php-format msgid "%d user likes this." msgid_plural "%d users like this." msgstr[0] "" msgstr[1] "" depending on the localizer's target language and its rules for creating plural forms, there might be an
other field for translation, e.g.
...consider an
other example, gaeilge (irish): plural-forms: nplurals=3; plural=n==1 ?
...*/ ___('a string with context.', 'unique context string'); $num = 1; // l10n: this is an
other block comment that will be extracted by xgettext.
...And 3 more matches
Basics
this tri-state mode is aimed at limiting conflicts with
other agents that compete for the mouse.
... f ( 4 ) ( η ) , a ≤ η ≤ b | x | = { - x if x < 0 x
otherwise you can also typeset 2d mathematical constructs such as matrices.
..., ain , x1 are on the same baseline,
other alignments are possible): i-th row [ a11 a12 a13 ...
...And 3 more matches
Fonts for Mozilla's MathML engine
note that most of these instructions may as well apply to
other web rendering engines.
...if desired, you may also do the same for the
other font files.
...if desired, you may also do the same for the
other font files.
...And 3 more matches
Mozilla Web Services Security Model
please do not depend on anything in it being correct for security.) to prevent the browser from being used as a tool for web sites to obtain priveleges that belong to the browser's user (such as being behind a firewall or getting the benefits of the user's cookies), web browsers restrict what web pages can do when accessing things in
other domains.
... however, web services can be designed to be accessed from
other domains, or even from any domain.
... mozilla allows sites hosting such web services to tell mozilla that
other sites can access the service.
...And 3 more matches
Mozilla Development Strategies
when you land your bug-free code, it's qa's job to assure
others that it's really bug free.
...for your
other tree, don't update as often.
...in your
other trees, work on smaller, easier bugs.
...And 3 more matches
DMD
this can be used to investigate leaks by figuring out which objects might be holding references to
other objects.
...name the file dmd_fennec and enter this as the contents: #!/system/bin/sh export moz_replace_malloc_lib=/sdcard/libdmd.so exec "$@" if you want to use
other dmd options, you can enter additional environment variables above.
...if you are using a dmd-enabled try build, or build from
other source, adjust the app identifier as necessary.
...And 3 more matches
Gecko Profiler FAQ
an
other approach to get more precision is also raising the sampling frequency to sub-millisecond ranges (it won’t work on windows.) high frequency sampling may also be an area where native profilers are a useful alternative tool to try.
...we have not attempted to register
other threads with the profiler.
...i want to profile all threads, not just main plus a couple of
others) we haven’t done any measurements of how frequent sampling distorts measurement or operation.
...And 3 more matches
Leak-hunting strategies and tips
strategy for finding leaks when trying to make a particular testcase not leak, i recommend focusing first on the largest object graphs (since these entrain many smaller objects), then on smaller reference-counted object graphs, and then on any remaining individual objects or small object graphs that don't entrain
other objects.
...then go on to selecting a folder, then selecting a message, and then
other activities one does while reading mail.
... tool finds platforms requires leak tools for large object graphs leak gauge windows, documents, and docshells only all platforms any build gc and cc logs js objects, dom objects, many
other kinds of objects all platforms any build leak tools for medium-size object graphs bloatview, refcount tracing and balancing objects that implement nsisupports or use moz_count_{ctor,dtor} all tier 1 platforms debug build (or build opt with --enable-logrefcnt) leaksoup (part of tracemalloc) all objects?
...And 3 more matches
A brief guide to Mozilla preferences
a preference is any value or defined behavior that can be set (presumably, one setting is preferable to an
other).
...they are: default preference files firefox ships default preferences in several files, all in the application directory: greprefs.js - preferences shared by all applications using the mozilla platform services/common/services-common.js - preferences for some shared services code, this should arguably be included in some
other file defaults/pref/services-sync.js - default preferences for firefox sync, also oddly misplaced browser/app/profile/channel-prefs.js - a file indicating the user's update channel.
... this is kept separate from
other preferences because it can affect how updates are applied.
...And 3 more matches
AsyncTestUtils extended framework
see mailnews automated testing for a description of the
other testing mechanisms.
...the default is that every message is its own thread; no message is a reply to any
other message.
... set manipulation union(a
otherset) take the union of this set and the provided
other set and return the (new, not modified) result.
...And 3 more matches
NSS Sample Code Sample1
as an alternative to token symmetric keys as a way to store large numbers of symmetric keys wrapping symmetric keys using an rsa key from an
other server unwrapping keys using your own rsa key pair the main part of the program shows a typical sequence of events for two servers that are trying to extablish a shared key pair.
... the
other hosts (secondary) request keys from the // primary host.
... int generatekeys(); // gets the server's public key (wrapping key) to // send to an
other server.
...And 3 more matches
NSS tools : signtool
digital signatures allow ssl-enabled clients to perform two important operations: * confirm the identity of the individual, company, or
other entity whose digital signature is associated with the files * check whether the files have been tampered with since being signed if you have a signing certificate, you can use netscape signing tool to digitally sign files and package them as a jar file.
...you can, for example, move an object-signing certificate and its associated private key from one computer to an
other on a credit-card-sized device called a smart card.
... the unix version of signtool assumes ~/.netscape unless told
otherwise.
...And 3 more matches
Rhino overview
for
other versions, a warning will be generated.
...if
other properties files with extensions corresponding to the current locale exist, they will be used instead.
...
otherwise the ecma conformant version is used (an array is constructed with no elements but with length property equal to i).
...And 3 more matches
SpiderMonkey Internals
it runs automatically only when maxbytes (as passed to js_newruntime) bytes of gc things have been allocated and an
other thing-allocation request is made.
...
other values are encoded as a value and a type tag: on x86, arm, and similar 32-bit platforms, we use what we call "nunboxing", in which non-double values are a 32-bit type tag and a 32-bit payload, which is normally either a pointer or a signed 32-bit integer.
...(
otherwise, spidermonkey converts primitive values to objects before invoking their methods, per ecma 262-3 §11.2.1.) error handling spidermonkey has two interdependent error-handling systems: javascript exceptions (which are not implemented with, or even compatible with, any kind of native c/c++ exception handling) and error reporting.
...And 3 more matches
Introduction to the JavaScript shell
for a list of
other javascript shells, see javascript shells.
...
otherwise, the new object is placed in the scope of the object specified by scope.
...anything
other than 0 will make javascript run extremely slow but may help reveal or reproduce gc-related bugs.
...And 3 more matches
JS_ShutDown
syntax void js_shutdown(void); description destroys all free-standing resources allocated by spidermonkey, not associated with any jsruntime, jscontext, or
other structure.
... this method should be called after all
other jsapi data has been properly cleaned up: every jsruntime created with js_newruntime must have been destroyed with js_destroyruntime, every jscontext created with js_newcontext must have been destroyed with js_destroycontext, and so on.
... calling this method before all
other resources have been destroyed has undefined behavior.
...And 3 more matches
JSAPI reference
note: the foss wiki page contains a few links to
other libraries and programs that can make life easier when using spidermonkey and the jsapi.
...pi 31 js_addroot obsolete since javascript 1.8.5 js_addnamedroot obsolete since javascript 1.8.5 js_addnamedrootrt obsolete since javascript 1.8.5 js_removeroot obsolete since javascript 1.8.5 js_removerootrt obsolete since javascript 1.8.5 js_mapgcroots obsolete since jsapi 19 jsgcmaprootfun obsolete since jsapi 19 js_dumpnamedroots obsolete since jsapi 19 local root scopes were an
other way of protecting objects from the garbage collector.
... they have been removed in js 1.8.5, though js_enterlocalrootscope obsolete since javascript 1.8.5 js_leavelocalrootscope obsolete since javascript 1.8.5 js_leavelocalrootscopewithresult obsolete since javascript 1.8.5 js_forgetlocalroot obsolete since javascript 1.8.5 added in spidermonkey 1.8 if an object contains references to
other gc things that are not stored in spidermonkey data structures ("slots"), it must implement the jstraceop hook to enable the garbage collector to traverse those references.
...And 3 more matches
SpiderMonkey 1.8.8
on some
other platforms (sparc, mips), the jit is provided but not supported.
... on all
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
... these and
other changes are explained in detail below.
...And 3 more matches
SpiderMonkey 17
on some
other platforms (sparc, mips), the jit is provided but not supported.
... on all
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
... these and
other changes are explained in detail below.
...And 3 more matches
SpiderMonkey 31
it continues to improve performance over previous spidermonkey releases, with a significantly improved garbage collector and
other features.
...on some
other platforms (sparc, mips), the jit is provided but not supported.
... on all
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
...And 3 more matches
Split object
each half of a split object always has a pointer to the
other half.
...programs
other than mozilla that embed spidermonkey should avoid using split objects.
...suppose a script in page a, in tab ta, has a reference to the window object of page b in an
other tab tb.
...And 3 more matches
Animated PNG graphics
otherwise, the default image is not part of the animation.
...
other ancillary chunks are allowed to appear among the apng chunks, including between 'fdat' chunks.
... added information for png interaction with
other chunks in section 3.2.
...And 3 more matches
Finishing the Component
however, some point in the future, the nsifoo interface requires a major change, and methods are reordered, some are added,
others are removed.
... moreover, since this interface was never supposed to be used by clients
other than gecko or mozilla, the maintainers of the interface don't know that it's being used, and don't change the iid of the interface.
...ooks as follows: class weblock: public nsiobserver, public iweblock, public nsicontentpolicy { public: weblock(); virtual ~weblock(); ns_decl_isupports ns_decl_nsiobserver ns_decl_iweblock ns_decl_nsicontentpolicy private: urlnode* mrooturlnode; prbool mlocked; }; remember to change the nsisupports implementation macro to include nsicontentpolicy so that
other parts of gecko will know weblock supports the nsicontentpolicy interface without modifying this macro.
...And 3 more matches
mozIStorageConnection
otherwise returns false.
... exceptions thrown ns_error_unexpected thrown if the method was called on a thread
other than the one that opened the connection.
... exceptions thrown ns_error_unexpected thrown if any statement has been executed asynchronously on the connection, or if the method was called on a thread
other than the one that opened the connection.
...And 3 more matches
nsIClipboardCommands
return value true if an image is selected, false
otherwise.
...return value true if an image is selected, false
otherwise.
...return value true if a link is selected, false
otherwise.
...And 3 more matches
nsIMsgHeaderParser
aline, [array, size_is(count)] out wstring aemailaddresses, [array, size_is(count)] out wstring anames, [array, size_is(count)] out wstring afullnames, [retval] out unsigned long count); void reformatheaderaddresses(in string line, out string reformattedaddress); wstring reformatunquotedaddresses(in wstring line); void removeduplicateaddresses(in string addrs, in string
other_addrs, in prbool removealiasestome, out string newaddress); string unquotephraseoraddr(in string line, in boolean preserveintegrity); wstring unquotephraseoraddrwstring(in wstring line, in boolean preserveintegrity); methods extractheaderaddressmailboxes() given a string which contains a list of header addresses, returns a comma-separated list of just the 'mailbox' port...
...addresses are removed if they are already in either addrs or
other_addrs.
... (if
other_addrs contain addresses which are not in addrs, they are not added.
...And 3 more matches
nsIXULTemplateQueryProcessor
the template builder creates the query processor, and there is no
other means to retrieve it.
...the template builder creates the query processor, and there is no
other means to retrieve it.
...the template builder must call initializeforbuilding() before the
other methods, except for translateref().
...And 3 more matches
nsIZipReader
set this parameter to null (javascript) or emptycstring() (c++) to get all entries;
otherwise, use the following syntax: * matches anything.
...this may be used to perform filtering upon the results of one pattern to remove all matches which also match an
other pattern.
...escaping is required for all special characters unless
otherwise specified.
...And 3 more matches
Using the clipboard
for
other types of data, such as urls or images, you will need to use a more complex method.
...an
other reason is that the transferable can hold multiple representations of the same data.
...this allows the clipboard to be used by an
other application right away.
...And 3 more matches
XPCOM
the majority of xpcom components are not part of this core set and are provided by
other parts of the platform (e.g.
... accessing the windows registry using xpcomwhen implementing windows-specific functionality, it is often useful to access the windows registry for information about the environment or
other installed programs.
...yclical-ownership leak, this page is for you.introduction to xpcom for the domwarning: this document has not yet been reviewed by the dom gurus, it might contain some errors.language bindingsan xpcom language binding is a bridge between a particular language and xpcom to provide access to xpcom objects from that language, and to let modules written in that language be used as xpcom objects by all
other languages for which there are xpcom bindings.monitoring http activitygecko includes the nsihttpactivityobserver interface, which you can implement in your code to monitor http transactions in real time, receiving a callback as the transactions take place.nscomptr versus refptrgecko code uses both nscomptr and refptr as smart pointers.
...And 3 more matches
Index
these pages document thunderbird and the mailnews backend which is also used in
other projects such as seamonkey and postbox.
... 4 account interfaces code snippets, extension development, thunderbird this page contains a list of the interfaces that you'll will most likely use when writing extensions that work with email or
other accounts.
...
others are internal to gecko or
other parts of mozilla application code.
...And 3 more matches
Working with windows in chrome code
=== example: opening a window only if it's not opened already === xxx tbd passing data between windows when working with multiple windows, you often need to pass information from one window to an
other.
... advanced data sharing the above code is useful when you need to pass data from one window to an
other or to a set of windows, but sometimes you just want to share a javascript variable in common between different windows.
... using javascript code modules javascript code modules is a simple method for creating shared global singleton objects that can be imported into any
other javascript scope.
...And 3 more matches
Debugger.Environment - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with
other debuggers.) if a debugger.environment instance’s referent is not a debuggee environment, then attempting to access its properties (
other than inspectable) or call any its methods throws an instance of error.
...false
otherwise.
... all
other properties and methods of debugger.environment instances throw if applied to a non-inspectable environment.
...And 3 more matches
Debugger.Frame - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its debugger.frame instances, without worrying about interfering with
other debuggers.) when the debuggee pops a stack frame (say, because a function call has returned or an exception has been thrown from it), the debugger.frame instance referring to that frame becomes inactive: its live property becomes false, and accessing its
other properties or calling its methods throws an exception.
... live true if the frame this debugger.frame instance refers to is still on the stack; false if it has completed execution or been popped in some
other way.
... generator true if this frame is a generator frame, false
otherwise.
...And 3 more matches
Debugger.Memory - Firefox Developer Tools
reading the accessor produces true if the debugger is capturing stacks for object allocations, and false
otherwise.
...returns false
otherwise.
...any value assigned to a debugging handler must be either a function or undefined;
otherwise a typeerror is thrown.
...And 3 more matches
Debugger.Source - Firefox Developer Tools
sourcemapurl if the instance refers to javascript source, if this source was produced by a minimizer or translated from some
other language, and we know the url of a source map document relating the source positions in this source to the corresponding source positions in the original source, then this property’s value is that url.
...
otherwise, this is null.
...
otherwise, this is null.
...And 3 more matches
Debugger.Object - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with
other debuggers.
... callable true if the referent is a callable object (such as a function or a function proxy); false
otherwise.
...the host annotation object's
other properties provide further details, as appropriate for the type.
...And 3 more matches
DevTools API - Firefox Developer Tools
a target is usually a web page (a tab), but can be
other things (a chrome window, a remote tab,…).
... return value: a tooldefinition if a tool with the given id exists and is enabled, null
otherwise.
... return value: a themedefinition object if the theme exists, null
otherwise.
...And 3 more matches
EffectTiming.fill - Web APIs
in
other words, if the animation isn't in its active interval, the affected element is not visible.
...
otherwise, the result is "both".
...below that, an
other <div> serves as a button that will trigger the animation to begin.
...And 3 more matches
Recommended Drag Types - Web APIs
it is recommended to always add data of the text/plain type as a fallback for applications or drop targets that do not support
other types, unless there is no logical text alternative.
...you can use comments to indicate the purpose of a url, the title associated with a url, or
other data.
...to do this, use the text/uri-list type as with
other urls.
...And 3 more matches
Capabilities, constraints, and settings - Web APIs
this object contains zero or more individual constraints, as well as an optional sub-object named advanced, which contains an
other set of zero or more constraints which the user agent must satisfy if at all possible.
...if you provide an ideal value, the browser will try to get as close as possible to matching that value, given the
other constraints specified.
...if you need to know the true format and
other properties of the media, you can obtain those settings by calling mediastreamtrack.getsettings().
...And 3 more matches
Pointer Lock API - Web APIs
the buttons are then freed up for
other actions.
...
other examples include apps for viewing maps or satellite imagery.
...game players can now click buttons and swipe the mouse cursor back and forth without worrying about leaving the game play area and accidentally clicking an
other application that would take mouse focus away from the game.
...And 3 more matches
USBDevice - Web APIs
the
other two properties are usbdevice.devicesubclass and usbdevice.deviceprotocol.
...the
other two properties are usbdevice.deviceclass and usbdevice.devicesubclass.
...the
other two properties are usbdevice.deviceclass and usbdevice.deviceprotocol.
...And 3 more matches
Using bounded reference spaces - Web APIs
there are many uses for bounded reference spaces, including projects such as virtual paint studios or 3d construction, modeling, or sculpting systems; training simulations or lesson scenarios; dance or
other performance-based games; or the preview of 3d objects in the real world using augmented reality.
...this is the only type of bounded reference space currently available; in all
others, if you need boundaries, you will have to manage them yourself.
... because bounded-floor is a floor-bound reference space, the user starts out on the floor of the space, which is sensible given the real-world implications
otherwise.
...And 3 more matches
Web Audio API - Web APIs
outputs of these nodes could be linked to inputs of
others, which mix or modify these streams of sound samples into different streams.
... we also have
other tutorials and comprehensive reference material available that covers all features of the api.
... if you are more familiar with the musical side of things, are familiar with music theory concepts, want to start building instruments, then you can go ahead and start building things with the advance tutorial and
others as a guide (the above linked tutorial covers scheduling notes, creating bespoke oscillators and envelopes, as well as an lfo among
other things.) if you aren't familiar with the programming basics, you might want to consult some beginner's javascript tutorials first and then come back here — see our beginner's javascript learning module for a great place to begin.
...And 3 more matches
Web Authentication API - Web APIs
this resolves significant security problems related to phishing, data breaches, and attacks against sms texts or
other second-factor authentication methods while at the same time significantly increasing ease of use (since users don't have to manage dozens of increasingly complicated passwords).
...similar to the
other forms of the credential management api, the web authentication api has two basic methods that correspond to register and login: navigator.credentials.create() - when used with the publickey option, creates new credentials, either for registering a new account or for associating a new asymmetric key pair credentials with an existing account.
...this is a new concept in authentication: when authenticating using passwords, the password is stored in a user's brain and no
other device is needed; when authenticating using web authentication, the password is replaced with a key pair that is stored in an authenticator.
...And 3 more matches
WindowOrWorkerGlobalScope.setInterval() - Web APIs
function () { vcallback.apply(null, aargs); } : vcallback, ndelay); }; window.setinterval.ispolyfill = true; } an
other possibility is to use an anonymous function to call your callback, although this solution is a bit more expensive.
... example: var intervalid = setinterval(function() { myfunc('one', 'two', 'three'); }, 1000); an
other possibility is to use function's bind.
... the "this" problem when you pass a method to setinterval() or any
other function, it is invoked with the wrong this value.
...And 3 more matches
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
function() { vcallback.apply(null, aargs); } : vcallback, ndelay); }; }, 0, 'test'); }()) ie-only fix if you want a completely unobtrusive fix for every
other mobile or desktop browser, including ie 9 and below, you can either use javascript conditional comments: /*@cc_on // conditional ie < 9 only fix @if (@_jscript_version <= 9) (function(f){ window.settimeout = f(window.settimeout); window.setinterval = f(window.setinterval); })(function(f){return function(c,t){var a=[].slice.call(arguments,2);return f(function(){c instanceof func...
...or go for a very clean approach based on the ie html conditional feature: <!--[if lte ie 9]><script> (function(f){ window.settimeout=f(window.settimeout); window.setinterval=f(window.setinterval); })(function(f){return function(c,t){ var a=[].slice.call(arguments,2);return f(function(){c instanceof function?c.apply(this,a):eval(c)},t)} }); </script><![endif]--> workarounds an
other possibility is to use an anonymous function to call your callback, but this solution is a bit more expensive.
... example: var intervalid = settimeout(function() { myfunc('one', 'two', 'three'); }, 1000); the above example can also be written with the help of an arrow function: var intervalid = settimeout(() => { myfunc('one', 'two', 'three'); }, 1000); yet an
other possibility is to use function's bind.
...And 3 more matches
Introduction to formatting contexts - CSS: Cascading Style Sheets
elements participating in a bfc use the rules outlined by the css box model, which defines how an element's margins, borders, and padding interact with
other blocks in the same context.
...situations: elements made to float using float absolutely positioned elements (including position: fixed or position: sticky) elements with display: inline-block table cells or elements with display: table-cell, including anonymous table cells created when using the display: table-* properties table captions or elements with display: table-caption block elements where overflow has a value
other than visible elements with display: flow-root or display: flow-root list-item elements with contain: layout, content, or strict flex items grid items multicol containers elements with column-span set to all this is useful because a new bfc will behave much like the outermost document in that it becomes a mini-layout inside the main layout.
...a typical way to do this in the past has been to set overflow: auto or set
other values than the initial value of overflow: visible.
...And 3 more matches
The stacking context - CSS: Cascading Style Sheets
element with a position value absolute or relative and z-index value
other than auto.
... element that is a child of a flex (flexbox) container, with z-index value
other than auto.
... element that is a child of a grid (grid) container, with z-index value
other than auto.
...And 3 more matches
Syntax - CSS: Cascading Style Sheets
the last declaration of a block doesn't need to be terminated by a semi-colon, though it is often considered good style to do it as it prevents forgetting to add it when extending the block with an
other declaration.
... as an element of the page may be matched by several selectors, and therefore by several rules potentially containing a given property several times, with different values, the css standard defines which one has precedence over the
other and must be applied: this is called the cascade algorithm.
...but there is
other information that a web author wants to convey in the style sheet, like the character set,
other external style sheets to import, font face or list counter descriptions and many more.
...And 3 more matches
Visual formatting model - CSS: Cascading Style Sheets
when reading specifications you will often find references to the model as defined in css2, so an understanding of the model and the terms used to describe it in css2 is valuable when reading
other layout specifications.
...this situation happens when, for example, you declare display: flex on a parent element, and directly inside there is a run of text not contained in an
other element.
...the part of the string before the paragraph element is wrapped in an anonymous box, then we have the <p>, which generates a box, and then an
other anonymous box.
...And 3 more matches
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
only when the value of display is changed do the children become flex or grid items and begin to respond to the
other properties in the grid or flexbox specifications.
...it behaves as block-level things do in relationship to
other boxes in the layout.
...it therefore behaves like
other inline-level things, and doesn't take up the full width (or size in the inline dimension) that a block-level box does.
...And 3 more matches
justify-items - CSS: Cascading Style Sheets
in absolutely-positioned layouts, the keyword behaved like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
... start the item is packed flush to each
other toward the start edge of the alignment container in the appropriate axis.
... end the item is packed flush to each
other toward the end edge of the alignment container in the appropriate axis.
...And 3 more matches
justify-self - CSS: Cascading Style Sheets
in absolutely-positioned layouts, the keyword behaves like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
... start the item is packed flush to each
other toward the start edge of the alignment container in the appropriate axis.
... end the item is packed flush to each
other toward the end edge of the alignment container in the appropriate axis.
...And 3 more matches
Video player styling basics - Developer guides
:none; } .controls[data-state=visible] { display:block; } there are a number of properties that also need to 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 an
other, 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%.
... the <div> container for the <progress> element also requires some specific settings; it is set to be much wider than the
other child elements and its cursor value is set to be pointer: .controls .progress { cursor:pointer; width:75.390625%; } buttons the first major styling task to tackle is to make the video control's buttons actually look like and act like real buttons.
...all the
other buttons are treated in a similar way.
...And 3 more matches
Audio and Video Delivery - Developer guides
other tips for audio/video stopping the download of media while stopping the playback of media is as easy as calling the element's pause() method, the browser keeps downloading the media until the media element is disposed of through garbage collection.
...this causes the browser to attempt an
other download to something that is unlikely to be a valid video.
... if at that point you add an
other source, by inserting a new <source> element as a child of the media element, gecko attempts to load the specified resource.
...And 3 more matches
Writing forward-compatible websites - Developer guides
this is especially important for intranets and
other non-public websites; if we can't see your code, we can't see that it broke.
...don't assume that browsers with support for a given dom feature must also have some
other, especially nonstandard, dom feature.
... or, conversely, that they don't have support for some
other feature (e.g., don't assume that a browser that supports onload on script elements will never support onreadystatechange on them).
...And 3 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
in countries with two administrative levels, this would typically be the city, town, village, or
other locality in which the address is located.
... "cc-number" a credit card number or
other number identifying a payment method, such as an account number.
...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
HTML attribute: multiple - HTML: Hypertext Markup Language
otherwise, the <select> element represents a control for selecting a single <option> from the list of options.
...
others do not.
...ad: </label> <input type="file" id="uploads" name="uploads" accept=".jpg, .jpeg, .png, .svg, .gif" multiple> </p> <p> <label for="text">pick a text file to upload: </label> <input type="file" id="text" name="text" accept=".txt"> </p> <p> <input type="submit" value="submit"> </p> </form> note the difference in appearance between the example with multiple set and the
other file input without.
...And 3 more matches
HTML attribute reference - HTML: Hypertext Markup Language
for all
other elements, use the css height property.
... start <ol> defines the first number if
other than 1.
... note: for all
other instances, such as <div>, this is a legacy attribute, in which case the css width property should be used instead.
...And 3 more matches
<input type="number"> - HTML: Hypertext Markup Language
it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
...And 3 more matches
<input type="password"> - HTML: Hypertext Markup Language
if the required property is specified, then the password edit box must contain a value
other than an empty string to be valid.
...you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...And 3 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
this element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among
other things.
... there are a number of
other common types you'll come across.
... for example, a link to the site's favicon: <link rel="icon" href="favicon.ico"> there are a number of
other icon rel values, mainly used to indicate special icon types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes attribute indicates the icon size, while the type contains the mime type of the resource being linked.
...And 3 more matches
<textarea> - HTML: Hypertext Markup Language
compared to
other form elements it is relatively easy to style, with its box model, fonts, color scheme, etc.
...for gecko, the <textarea> baseline is set on the baseline of the first line of the textarea's first line, on an
other browser it may be set on the bottom of the <textarea> box.
... note: in browsers
other than firefox, such as chrome, the disabled textarea content may be selectable and copyable.
...And 3 more matches
Identifying resources on the Web - HTTP
there are sometimes reasons identity and location are not given by the same uri: http uses a specific http header, alt-svc when the resource requested wants the client to access it at an
other location.
... a url is composed of different parts, some mandatory and
others are optional.
...the web requires one of these two, but browsers also know how to handle
other protocols such as mailto: (to open a mail client) or ftp: to handle file transfer, so don't be surprised if you see such protocols.
...And 3 more matches
Character classes - JavaScript
\s matches a single white space character, including space, tab, form feed, line feed, and
other unicode spaces.
... \s matches a single character
other than white space.
...do not follow this with an
other digit.
...And 3 more matches
Using Promises - JavaScript
imagine a function, createaudiofileasync(), which asynchronously generates a sound file given a configuration record and two callback functions, one called if the audio file is successfully created, and the
other called if an error occurs.
...each callback is executed one after an
other, in the order in which they were inserted.
...function returns a new promise, different from the original: const promise = dosomething(); const promise2 = promise.then(successcallback, failurecallback); or const promise2 = dosomething().then(successcallback, failurecallback); this second promise (promise2) represents the completion not just of dosomething(), but also of the successcallback or failurecallback you passed in, which can be
other asynchronous functions returning a promise.
...And 3 more matches
Inheritance and the prototype chain - JavaScript
each object has a private property which holds a link to an
other object called its prototype.
...an inherited function acts just as any
other property, including property shadowing as shown above (in this case, a form of method overriding).
...please note that the code below is free-standing (it is safe to assume there is no
other javascript on the webpage
other than the below code).
...And 3 more matches
Date.parse() - JavaScript
(
other formats may be used, but results are implementation-dependent.) return value a number representing the milliseconds elapsed since january 1, 1970, 00:00:00 utc and the date obtained by parsing the given string representation of a date.
...
other examples: new date('foo-bar 2014').tostring(); // returns: "invalid date" date.parse('foo-bar 2014'); // returns: nan differences in assumed time zone this section contains implementation-specific behavior that can be inconsistent across implementations.
...the first according to es5 will imply utc time, and the
others are specifying utc timezone via the iso date specification (z and +00:00) date.parse("2019-01-01") date.parse("2019-01-01t00:00:00.000z") date.parse("2019-01-01t00:00:00.000+00:00") the following call, which does not specify a time zone will be set to 2019-01-01 at 00:00:00 in the local timezone of the system.
...And 3 more matches
Reflect.construct() - JavaScript
function oneclass() { this.name = 'one' } function
otherclass() { this.name = '
other' } // calling this: let obj1 = reflect.construct(oneclass, args,
otherclass) // ...has the same result as this: let obj2 = object.create(
otherclass.prototype) oneclass.apply(obj2, args) console.log(obj1.name) // 'one' console.log(obj2.name) // 'one' console.log(obj1 instanceof oneclass) // false console.log(obj2 instanceof oneclass) // false console.log(ob...
...j1 instanceof
otherclass) // true console.log(obj2 instanceof
otherclass) // true //an
other example to demonstrate below: function func1(a, b, c, d) { console.log(arguments[3]); } function func2(d, e, f, g) { consol.log(arguments[3]); } let obj1 = reflect.construct(func1, ['i', 'love', 'my', 'india']) obj1 however, while the end result is the same, there is one important difference in the process.
... when invoking reflect.construct(), on the
other hand, the new.target operator will point to the newtarget parameter if supplied, or target if not.
...And 3 more matches
String - JavaScript
creating strings strings can be created as primitives, from string literals, or as objects, using the string() constructor: const string1 = "a string primitive"; const string2 = 'also a string primitive'; const string3 = `yet an
other string primitive`; const string4 = new string("a string object"); string primitives and string objects can be used interchangeably in most situations.
...the first is the charat() method: return 'cat'.charat(1) // returns "a" the
other way (introduced in ecmascript 5) is to treat the string as an array-like object, where individual characters correspond to a numerical index: return 'cat'[1] // returns "a" when using bracket notation for character access, attempting to delete or assign a value to these properties will not succeed.
...primitives passed to eval are treated as source code; string objects are treated as all
other objects are, by returning the object.
...And 3 more matches
eval() - JavaScript
var expression = new string('2 + 2'); eval(expression.tostring()); // returns 4 if you use the eval function indirectly, by invoking it via a reference
other than eval, as of ecmascript 5 it works in the global scope rather than the local scope.
... function test() { var x = 2, y = 4; console.log(eval('x + y')); // direct call, uses local scope, result is 6 var geval = eval; // equivalent to calling eval in the global scope console.log(geval('x + y')); // indirect call, uses global scope, throws referenceerror because `x` is undefined (0, eval)('x + y'); // an
other example of indirect call } never use eval()!
... eval() is also slower than the alternatives, since it has to invoke the javascript interpreter, while many
other constructs are optimized by modern js engines.
...And 3 more matches
Lexical grammar - JavaScript
white space white space characters improve the readability of source text and separate tokens from each
other.
... \f u+0020 space <sp> normal space u+00a0 no-break space <nbsp> normal space, but no point at which a line may break
others
other unicode space characters <usp> spaces in unicode on wikipedia line terminators in addition to white space characters, line terminator characters are used to improve the readability of the source text.
... only the following unicode code points are treated as line terminators in ecmascript,
other line breaking characters are treated as white space (for example, next line, nel, u+0085 is considered as white space).
...And 3 more matches
Strict mode - JavaScript
strict mode for scripts to invoke strict mode for an entire script, put the exact statement "use strict"; (or 'use strict';) before any
other statements.
... strict mode for functions likewise, to invoke strict mode for a function, put the exact statement "use strict"; (or 'use strict';) in the function's body before any
other statements.
...assignments, which would accidentally create global variables, instead throw an error in strict mode: 'use strict'; // assuming no global variable mistypedvariable exists mistypevariable = 17; // this line throws a referenceerror due to the // misspelling of variable second, strict mode makes assignments which would
otherwise silently fail to throw an exception.
...And 3 more matches
Critical rendering path - Web Performance
if an
other set of starttag and endtag tokens come between a set of starttag and endtags, you have a node inside a node, which is how we define the hierarchy of the dom tree.
...there are
other ways to optimize css, such as minification, and separating defered css into non-blocking requests by using media queries.
...the layout step determines where and how the elements are positioned on the page, determining the width and height of each element, and where they are in relation to each
other.
...And 3 more matches
Graphic design for responsive sites - Progressive web apps (PWAs)
you could use css3 properties for generating effects like drop shadows, gradients and rounded corners, and you could also consider using svg for
other ui elements, instead of raster graphics formats.
... using fonts for icons an
other technique to consider is using web fonts for icons.
... interactive images if your images need to feature some level of interactivity, such as links,
other clickable areas, or animation, there are a number of options available.
...And 3 more matches
Media - Progressive web apps (PWAs)
this css (below) removes the navigation area when printing the document: @media print { #nav-area {display: none;} } some common media types are: screen color device display print printed paged media projection projected display all all media (the default) more details there are
other ways to specify the media type for a set of rules.
... in css, you can use @import at the start of a stylesheet to import an
other stylesheet from a url, optionally specifying the media type.
... like
other features of css, printing depends on browser choice and its settings.
...And 3 more matches
Mobile first - Progressive web apps (PWAs)
this way, mobile devices don't have to load assets and
other information twice.
... mobile constraints we have already mentioned the fact that mobiles generally have less memory, processing power and bandwidth than
other devices (although bear in mind that smart tvs are also generally pretty low powered.) they also have less viewport size available.
... control mechanisms control mechanisms are an
other large constraint on mobile devices.
...And 3 more matches
Structural overview of progressive web apps - Progressive web apps (PWAs)
pwas can be built using any approach you like, but some will work better than the
others.
...in addition to the basic shell, you can add
other features such as add to home screen or push notifications, safe in the knowledge that the app will still work ok if they are not supported by the user's browser — this is the beauty of progressive enhancement.
... an
other approach: streams an entirely different approach to server- or client-side rendering can be achieved with the streams api.
...And 3 more matches
Tutorials
intermediate level multimedia and embedding this module explores how to use html to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire
other webpages.
... css first steps css (cascading style sheets) is used to style and lay out web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and
other decorative features.
... styling text here we look at text styling fundamentals, including setting font, boldness, and italics, line and letter spacing, and drop shadows and
other text features.
...And 3 more matches
An Overview - XSLT: Extensible Stylesheet Language Transformations
so the model for transformation is that one xml document is used to transform an
other xml document.
...
other namespaces and three optional attributes may also be included.
...an
other string that is occasionally seen in stylesheets, "http://www.w3.org/tr/wd-xsl", indicates compliance with an earlier working draft (hence the wd) of the w3c document.
...And 3 more matches
Module structure of the SDK - Archive of obsolete content
commonjs defines: an object called exports which contains all the objects which a commonjs module wants to make available to
other modules a function called require which a module can use to import the exports object of an
other module.
...each module is a separate file stored under your add-on's "lib" directory, and exports the objects you want to make available to
other modules in your add-on.
... for example, the following add-on contains an additional module directly under "lib", and
other modules under subdirectories of "lib": my-addon lib main.js password-dialog.js secrets hash.js storage password-store.js to import modules into main: // main.js code var dialog = require("./password-dialog"); var hash = require("./secrets/hash"); to import modules into password-store: // password-store.js code var dialog = require("../password-dialog"); var hash = require("../secrets/hash"); external modules as well as using the sdk's modules and wri...
...And 2 more matches
test/assert - Archive of obsolete content
other pairs that do not both pass typeof value == "object", equivalence is determined by ==.
... for all
other object pairs, including array objects, equivalence is determined by having the same number of owned properties (as verified with object.prototype.hasownproperty.call), the same set of keys (although not necessarily the same order), equivalent values for every corresponding key, and an identical "prototype" property.
...n contains a specific message, pass a regular expression here: the message property of the exception thrown must match the regular expression for example, suppose we define two different custom exceptions: function myerror(message) { this.name = "myerror"; this.message = message || "default message"; } myerror.prototype = new error(); myerror.prototype.constructor = myerror; function an
othererror(message) { this.name = "an
othererror"; this.message = message || "default message"; console.log(this.message); } an
othererror.prototype = new error(); an
othererror.prototype.constructor = an
othererror; we can check the type of exception by passing a function as the error argument: exports["test exception type 1 expected to pass"] = function(assert) { assert.throws(function() { ...
...And 2 more matches
util/array - Archive of obsolete content
globals functions has(array, element) returns true if the given array contains the element or false
otherwise.
... hasany(array, elements) returns true if the given array contains any of the elements in the elements array, or false
otherwise.
...
otherwise, this function does not add the element and returns false.
...And 2 more matches
jpm - Archive of obsolete content
on debian and ubuntu, this can be remedied by ensuring you installed the compatibility package, nodejs-legacy: sudo apt-get install nodejs-legacy on
other distributions, you may have to create a local symlink to nodejs manually: sudo ln -s "$(which nodejs)" /usr/local/bin/node installing jpm after you have npm installed and node on your path, install jpm just as you would any
other npm package.
...you can also chat with
other sdk users in #jetpack on mozilla's irc network.
...it includes all
other files.
...And 2 more matches
package.json - Archive of obsolete content
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.
...
others, such as lib, permissions, and preferences, represent instructions to the jpm tool itself to generate and include particular code and data structures in your add-on.
...it looks like this (assuming the add-on's directory is "my-addon"): { "name": "my-addon", "title": "my-addon", "id": "jid1-1fergv45e4f4f@jetpack", "description": "a basic add-on", "author": "", "license": "mpl-2.0", "version": "0.1" } if you are using the new jpm tool, you can easily access manifest data from package.json by requiring it like any
other module: var title = require("./package.json").title; key reference package.json may contain the following keys: author the name of the package's original author; this could be the name of a person or a company.
...And 2 more matches
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
unicharutils has been modified to provide a frozen-linkage comparator: nsstring mystring = somestring; - if (mystring.equals(
otherstring, nscaseinsensitivestringcomparator())) + if (mystring.equals(
otherstring, caseinsensitivecompare)) return ns_ok; // woot, we're equal in all things but case when using unicharutils from frozen-linkage code, link against the unicharutil_external_s static library.
...use += or append() instead of using +, and use nsstring or nscstring instead of promiseflatstring: nsstring firststring = somestring; nsstring secondstring = some
otherstring; - nsstring combostring = firststring + secondstring; + nsstring combostring = firststring;+ combostring += secondstring; // or: combostring.append(secondstring); - nsresult rv = somefunc(promiseflatstring(combostring)); + nsresult rv = somefunc(combostring); removing the nsreadableutils.h from the headers list also means that we would not have access to appendutf16toutf8 kind of functions.
...- #include "nscrt.h" + #include <string.h> const char *str = "foo"; - pruint32 len = nscrt::strlen(str); + pruint32 len = strlen(str); - #include "nscrt.h" + #include "nscrtglue.h" const prunichar str[] = {'f','o','o','\0'}; - pruint32 len = nscrt::strlen(str); + pruint32 len = ns_strlen(str); - #include "nscrt.h" + #include "nsmemory.h" + #include "nscrtglue.h" prunichar* an
otherstr = (prunichar*) ns_alloc(100 * sizeof(prunichar)); - prunichar *str = nscrt::strdup(an
otherstr); - nscrt::free(str); + prunichar *str = ns_strdup(an
otherstr); + ns_free(str); linking for information about the correct libraries to link to when using frozen linkage, see xpcom glue.
...And 2 more matches
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
for more information on these technologies, please refer to
other sources.
... an element can include
other elements as well as text in its content, and all information is structured as a tree.
... as the "extensible" part of xml implies, elements from various xml-based languages such as xhtml and svg can be interspersed in one an
other as a means to extend the language.
...And 2 more matches
Adding Events and Commands - Archive of obsolete content
the most commonly used event is the onload event, which is used in overlays and
other windows to detect when the window has loaded and then run initialization code: // rest of overlay code goes here.
... an
other way to attach event handlers, just like html, is to place the handler in the xul code: <overlay id="xulschoolhello-browser-overlay" onload="xulschoolchrome.browseroverlay.init();" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> we prefer the first method because it keeps a better separation of content and behavior.
...the advantage of using the event argument is that the method is not dependent of the specific button, so it can also be used for
other elements.
...And 2 more matches
Connecting to Remote Content - Archive of obsolete content
besides xml, it can be used to retrieve data in
other formats, for example json, html and plain text.
...the json page explains in detail how to parse json data in different versions of firefox and
other applications.
...you can then use this object like any
other javascript objects in your code.
...And 2 more matches
User Notifications and Alerts - Archive of obsolete content
an
other advantage is that you use an xpcom service to do this (nsialertsservice), so you can easily trigger alerts from chrome and non-chrome code.
... on the
other hand, alerts are displayed only temporarily using the alerts service is similar to using notification boxes: let alertsservice = cc["@mozilla.org/alerts-service;1"].getservice(ci.nsialertsservice); let title = this._bundle.getstring("xulschoolhello.greeting.title"); let message = this._bundle.getstring("xulschoolhello.greeting.label"); alertsservice.showalertnotification( "chrome://xulschoolhello/skin/hello-notification.png", title, message, true, "", this, "xulschool hello message"); we pass this as an argument, assuming that this is an object that implements nsiobserver.
... because of the inconsistent support and temporary nature of these alerts, we don't recommend using this service to show information the user needs to know and can't get in any
other way.
...And 2 more matches
Setting up an extension development environment - Archive of obsolete content
on ubuntu (and many
other linux distributions): /usr/bin/firefox -no-remote -p dev on
other distributions of linux/unix: /usr/local/bin/firefox -no-remote -p dev on macos mavericks (10.9) and newer: /applications/firefox.app/contents/macos/firefox-bin -no-remote -p dev & on windows: start -> run "%programfiles%\mozilla firefox\firefox.exe" -no-remote -p dev on windows 64 bit: start -> run "%programfiles(x86)%\...
...if you are already running a firefox instance without -no-remote, and you attempt to start an
other instance with -p profilename (but without the -no-remote parameter), that second invocation would ignore its -p profilename parameter, instead opening a new window for the already running instance; sharing all its profile, sessions etc.
...(linux, mac os x, windows instructions.) you'll see the list of available user profiles one which is default (stable) and
other (unstable) profile(s) created automatically when you run
other versions of firefox earlier.
...And 2 more matches
Adding preferences to an extension - Archive of obsolete content
it also adds a preference dialog that lets you switch to a stock
other than one of the ones included in the popup menu.
... establish the defaults in order to set a default preference for the stock to monitor, we need to add a new folder to our extension's package, called "defaults", which in turn contains an
other folder called "preferences".
... inside that, we create a file, defaults.js, that describes the default value of our preferences: pref("extensions.stockwatcher2.symbol", "goog"); the standard for third-party preferences, such as those used in extensions, is to use the string "extensions", a period, the name of the extension, an
other period, then a preference name, as seen in the example above.
...And 2 more matches
XML data - Archive of obsolete content
by linking a css stylesheet with the xml document, you can define
other ways to display it.
... stylesheet, you specify how info elements are to be displayed: info { display: block; margin: 1em 0; } the most common values for the display property are: block displayed like html's div (for headings, paragraphs) inline displayed like html's span (for emphasis within text) add your own style rules that specify the font, spacing and
other details in the same way as for html.
... more details
other values of display display the element like a list item, or like a component of a table.
...And 2 more matches
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
other major commercial browsers based on gecko have committed to providing these keys as well.
...examples given for "product x.y" were using netscape 6 but
other possible mozilla based browsers exist as well; all gecko-based browsers are encouraged to write these keys, so that plugin vendors can write plugin installers that install correctly to all gecko-based browsers.
...examples given for "product x.y" were using netscape 6, but
other possible mozilla based browsers exist as well; all gecko-based browsers are encouraged to write these keys, so that plugin vendors can write a plugin installer that is able to find the information it needs across all gecko-based browsers.
...And 2 more matches
Notes on HTML Reflow - Archive of obsolete content
the xul box layout model, on the
other hand, is constraint based , meaning that geometric preferences and constraints of neighboring elements are taken into consideration before the elements' final geometry can be computed.
...
other reflows are incremental and are dealt with asynchronously; for example, when content streams in from the network.
...instead, it queues the command, and processes it asynchronously along with
other queued reflow commands en masse .
...And 2 more matches
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
note: starting in gecko 2.0, the new omni.jar file contains the skin, among
other resources.
... go to contents/macos/chrome/classic.jar copy classic.jar to an
other easily accessible folder -- classic is recommended -- extract the contents of that folder, being sure to maintain the directory structure.
... skin skin simply contains an
other directory, classic which holds all the good stuff.
...And 2 more matches
JavaScript crypto - Archive of obsolete content
warning: the features mentioned in this article are deleted proprietary mozilla extensions, and are not supported in any
other browser.
...very authority (kra) (passed in in the form of a certificate as part of the script, and checked against a pre-installed certificate copy in the local certificate database) the public keys, wrapped encryption private key, and text string from the script (possibly containing naming or enrollment info) are signed by the user signed blob is returned to the script script submits signed blob and any
other necessary info to the ca/ra ca/ra verifies signature on signed blob ca/ra validates identity of user ca/ra sends wrapped encryption private key to kra kra sends escrow verification back to ca ca creates and signs certificates ca sends certificates back to the user (importusercertificates) typical use the ca's enrollment page could look something like this: <!doctype html> <h2>request a ...
...therefore, these bits should always be set to 0;
otherwise, mozilla might exhibit unpredictable behavior.
...And 2 more matches
Plug-n-Hack Phase1 - Archive of obsolete content
the configuration document should then listen for a number of
other events: configuresectoolstarted - this notifies the document that the browser is processing the configuration; if this event is not received within a reasonable amount of time after the configuresectool event has been fired, you might want to warn the user that pnh does not seem to be supported by this browser (perhaps prompting them to install the appropriate addon).
...there’s an
other (possibly out of date) example here.
... an example manifest (for owasp zap) is: { "toolname":"owasp zap", "protocolversion":"0.2", "features":{ "proxy":{ "pac":"http://localhost:8080/proxy.pac", "cacert":"http://localhost:8080/
other/core/
other/rootcert/" }, "commands":{ "prefix":"zap", "manifest":"http://localhost:8080/
other/mitm/
other/service/" } } } the top level manifest includes optional links to a proxy pac and a root ca certificate.
...And 2 more matches
Space Manager Detailed Design - Archive of obsolete content
if the (adjusted) y offset is between the band top and bottom, then get the available space for the band by calling getbandavailablespace
otherwise, move to the next band getbandavailablespace: this method is called from getbanddata only.
...
otherwise, create an
other entry in the band collection, marked as available, and with a rect corresponding to the area remain in in the band(e.g.
...insert the part that is totally above the bandrect before the current bandrect, as in case #1 above, and adjust the
other band rect to exclude the part already added.
...And 2 more matches
Anonymous Content - Archive of obsolete content
explicit insertion points on
other bindings are ignored.
...if anonymous content that contains an insertion point is removed, then any explicit children found underneath the insertion point are relocated to any
other insertion points that match.
...the tabindex values used in one scope are ignored by
other scopes.
...And 2 more matches
Accessing Files - Archive of obsolete content
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...to retrieve
other files, you will need to use nsiscriptableio.getfile() to access a directory and iterate through subdirectories until you come to the file that you want.
...there are several
other values which may be used as the first argument to nsiscriptableio.getfile(), listed in the following table.
...And 2 more matches
Writing to Files - Archive of obsolete content
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...an output stream is an object which can be used to write bytes, strings and
other values to a file.
...
other character encodings are available; see writing
other character encodings below for details about writing text in
other encodings.
...And 2 more matches
ContextMenus - Archive of obsolete content
on
other platforms, the attribute will just be ignored and the menuitem will be displayed normally.
... note that the default attribute just affects how the item is displayed, it performs no
other function itself.
... an
other alternative is to disable the menuitem instead of hiding it, by setting the item's disabled property.
...And 2 more matches
Extensions - Archive of obsolete content
for example, to add an item to the end of the tools menu, use the following: <menupopup id="menu_toolspopup"> <menuitem label="thesaurus"/> </menupopup> note that
other extensions may be adding their own items into the same menus.
... because of this, the new item might not appear at the end of the menu but before a menuitem added by an
other extension, depending on the order in which the overlays are applied.
... as you cannot predict this order, you should not rely on any menuitems being in particular positions in the presence of
other extensions.
...And 2 more matches
MenuItems - Archive of obsolete content
item id="add-bookmark" class="menuitem-iconic" label="add bookmark" image="addbookmark.png"/> #add-bookmark { list-style-image: url('addbookmark.png'); } #add-bookmark .menu-iconic-icon { -moz-image-region: rect(0px, 16px, 16px, 0px) !important; } #add-bookmark:hover .menu-iconic-icon { -moz-image-region: rect(16px, 16px, 32px, 0px) !important; } this behavior is fundamentally different to
other html elements, such as <li> or <div> where list-style-image and -moz-image-region can be applied at the same element level.
...<menuitem label="show toolbar" accesskey="t" type="checkbox" oncommand="changetoolbarstate();"/> in this example, we show the toolbar when the menuitem is checked and hide the toolbar
otherwise.
...this works similarly to the checkbox type, except when selecting an item, all
others in the same group are automatically unchecked.
...And 2 more matches
PopupEvents - Archive of obsolete content
otherwise, the adjustfilemenu function would be called whenever the outer menupopup is opened and when the inner menupopup is opened.
... one possible use of the popupshown event is to open an
other menu.
...
otherwise, the user will be distracted with a popup that they cannot close.
...And 2 more matches
Popup Guide - Archive of obsolete content
a popup is a menu or floating window without a title bar, borders or
other window decorations that may extend outside of the edge of the main window.
... popup types xul provides a number of different types of elements which may be used to create popup menus or
other types of popup widgets, which vary based on the manner in which they are attached to an element and the manner in which they are opened.
...a popup is not created as a separate window or file, instead it is included inside an
other window or dialog.
...And 2 more matches
Additional Navigation - Archive of obsolete content
the
others won't be able to match when evaluating the triple.
...an
other thing that you cannot have is a triple where both variables would be unknown as in the following: <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?category" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> </query> in this case when the template builder gets to the triple, neither the ?category nor the ?ti...
...one possibility is to just add an
other predicate for each photo with a literal value set to the category.
...And 2 more matches
Multiple Rules - Archive of obsolete content
however, you will probably notice that the one photo that matches the first rule has appeared differently that the
others.
... in fact, the content for this photo is that of the first rule with the button, whereas the content for the
other photos is that of the second rule with the normal images.
... here is an
other example for an xml source: <radiogroup datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"/> <rule> <where subject="?gender" rel="equals" value="male"/> <action> <radio uri="?" label="?name is male"/> </action> </rule> <rule> <action> <radio uri="?" label="?name is female" disabled="true"/> </action> </rule> </template> </radiogroup> in this example, all male people are matched with the first rule, and a radio button is generated for each one.
...And 2 more matches
Adding HTML Elements - Archive of obsolete content
« previousnext » now that we've added some buttons, let's add some
other elements.
...you can also add labels to controls either by using the html label element, or you can simply put the text inside an
other html block element (such as p or div) as in the example below.
...in each case, the window and
other common information has been left out for simplicity.
...And 2 more matches
Adding Methods to XBL-defined Elements - Archive of obsolete content
note that the less-than symbol has to be escaped because
otherwise it would look like the start of a tag.
...however, in the future,
other languages may be used with xbl.
...for example, the following code will probably fail: var element = document.createelement("my_element"); element.getmaximum() // this will fail by the way, it is safe to call methods from the constructor,
other methods on the object and event handlers.
...And 2 more matches
Numeric Controls - Archive of obsolete content
other characters are not allowed and are just ignored if typed.
... as with
other textboxes, the default value can be specified with the value attribute.
...
other numeric textbox attributes the increment attribute may be used to specify by how much the value changes when the arrows are pressed.
...And 2 more matches
Styling a Tree - Archive of obsolete content
styling the tree you can style the tree border and the column headers in the same way as
other elements.
... the body of the tree must be styled in a somewhat different way than
other elements.
... this is because the tree body is stored in a different way to
other elements.
...And 2 more matches
Tabboxes - Archive of obsolete content
in
other words, this is the row of tabs.
...that means that if there are ten textboxes on one tab page and only one on an
other, the tab page will be sized to fit the one with the ten on it as this takes up more room.
...mple example 1 : source view <tabbox> <tabs> <tab label="mail"/> <tab label="news"/> </tabs> <tabpanels> <tabpanel id="mailtab"> <checkbox label="automatically check for mail"/> </tabpanel> <tabpanel id="newstab"> <button label="clear news buffer"/> </tabpanel> </tabpanels> </tabbox> here, two tabs have been added, the first labeled 'mail' and the
other 'news'.
...And 2 more matches
Tree Box Objects - Archive of obsolete content
in this case, there are
other drawing functions that can be used.
...
other redrawing functions are invalidatecell() to redraw only a single cell invalidatecolumn() to redraw a column invalidaterange() to redraw a range of rows invalidate() to redraw the entire tree.
...you might notice that the tree box object can be retrieved in the same way as
other box objects using the boxobject (fixme: deallink)property, however we need to call queryinterface() to cast the box object to the more specific tree box object.
...And 2 more matches
Using the Editor from XUL - Archive of obsolete content
the contentwindow (an
other settable attribute on nsieditorshell) points to the xul element which is to become editable.
... editorstartup() does some
other minor bits of setup before finally kicking off the url load, which the most important part here.
... nstexteditorkeylistener this event listener handles key presses for typing, and
other editing operations (backspace, delete, enter/return).
...And 2 more matches
key - Archive of obsolete content
keys will map to
other keys on platforms that do not have them.
...on macintosh this can only be used in conjunction with an
other modifier, since alt+letter combinations are reserved for entering special characters in text.
... access: the access key for activating menus and
other elements.
...And 2 more matches
prefwindow - Archive of obsolete content
on
other platforms, the preferences are not applied until the dialog is closed.
... you can open a preference window using a window's opendialog method as with
other dialogs.
...this one can be safely omitted in xulrunner-based applications but you can override the default behavior (true for mac os x and false for
other platforms) setting it.
...And 2 more matches
toolbarbutton - Archive of obsolete content
normal for scales, the scale's values are ordered from left to right (for horizontal scales) or from top to bottom (for vertical scales) for
other elements, the elements are placed left to right or top to bottom in the order they appear in the xul code.
...for
other elements, they are placed right to left or bottom to top.
...if the user selects one the buttons, the
others in the group are unchecked.
...And 2 more matches
Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
to build just one of the projects, remove the name of the
other from moz_build_projects.
...you can also add
other options to this section if you want them to apply to your app only.
...of course, you only really need the mozilla build system since all the
other mozilla files are in the xulrunner sdk, and there is a bug filed to make it possible to check out the build system only.
...And 2 more matches
Dialogs in XULRunner - Archive of obsolete content
here is the code needed to open a dialog: function opendialog() { window.opendialog("chrome://basicapp/content/dialog.xul", "newdlg", "modal"); } the resulting dialog looks like this on windows 2000, and will look similar on
other operating systems: the first thing that caught my eye about dialog is the button-related attributes on the element.
... buttonlabelaccept label for the accept button; similar attributes exist for the
other button types.
... buttonaccesskeyaccept access key for the accept button; similar attributes exist for the
other button types.
...And 2 more matches
NPN_GetURL - Archive of obsolete content
description npn_geturl() is used to load a url into the current window or an
other target or stream.
... plug-ins can use this capability to provide hyperlinks to
other documents or to retrieve data from anywhere on the network.
...the following recommendations about target choice apply to
other methods that handle urls as well.
...And 2 more matches
Syndicating content with RSS - Archive of obsolete content
syndication (or web syndication) is a method which lets a web site make its content available for
others to read, listen to, or watch.
... we've already discussed the first step—creating rss feeds— so we'll focus on the
other two steps here.
... linking from the the html web page where the data in an rss feed is also contained makes the rss feed available for use: <a rel="alternate" type="application/rss+xml" href="http://example.com/feed">...</a> feed icons rss (and
other) feeds use a special icon.
...And 2 more matches
Using the W3C DOM - Archive of obsolete content
you can get a reference to the element to which that style corresponds by using the dom's getelementbyid or one of the
other methods described in the dom access section above.
... css 1 and css 2.x specifications require that non-zero values must be specified with a length unit;
otherwise, the css declaration will be ignored.
... mozilla-based browsers, msie 6+, opera 7+ and
other w3c standards-compliant browsers enforce such handling of parsing error.
...And 2 more matches
Archive of obsolete content
.htaccess ( hypertext access ) file accessing : htaccess files can be opened using any text editor, like windows notepad, vin, sublime text editor or any
other.
...it also adds a preference dialog that lets you switch to a stock
other than one of the ones included in the popup menu.
...it is a static library that is linked into the flash player but kept separate, and can be incorporated into
other programs.
...And 2 more matches
3D games on the Web - Game development
they can be split into vertex shaders and fragment shaders (or pixel shaders) — the former transforms shape positions to real 3d drawing coordinates, while the latter computes rendering colors and
other attributes.
...there are
other popular game development libraries and frameworks worth checking too; a-frame, playcanvas and babylon.js are among the most recognizable ones with rich documentation, online editors and active communities.
...as with any
other 3d library, it provides built-in functions to help you implement common 3d functionality more quickly.
...And 2 more matches
2D maze game with device orientation - Game development
we're loading two images first that will be used later in the preload state to show the progress of loading all the
other assets.
...ototype = { create: function() {}, initlevels: function() {}, showlevel: function(level) {}, updatecounter: function() {}, managepause: function() {}, manageaudio: function() {}, update: function() {}, wallcollision: function() {}, handleorientation: function(e) {}, finishlevel: function() {} }; the create and update functions are framework-specific, while
others will be our own creations: initlevels initializes the level data.
... wallcollision is executed when the ball hits the walls or
other objects.
...And 2 more matches
First-class Function - MDN Web Docs Glossary: Definitions of Web-related terms
a programming language is said to have first-class functions when functions in that language are treated like any
other variable.
... for example, in such a language, a function can be passed as an argument to
other functions, can be returned by an
other function and can be assigned as a value to a variable.
... the function that we pass as an argument to an
other function, is called a callback function.
...And 2 more matches
Styling tables - Learn web development
next, create a new file called style.css and save it in the same directory as your
other files.
...it is useful to have multiple nested elements available so you can layer styles on top of one an
other.
...this causes the caption to be positioned on the bottom of the table, which along with the
other declarations gives us this final look (see it live at punk-bands-complete.html): table styling quick tips before moving on, we thought we'd provide you with a quick list of the most useful points illustrated above: make your table markup as simple as possible, and keep things flexible, e.g.
...And 2 more matches
CSS building blocks - Learn web development
note: if you are working on a computer/tablet/an
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
...the sub-articles are as follows: type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model everything in css has a box around it, and understanding these boxes is key to being able to create layouts with css, or to align items with
other items.
... overflowing content in this lesson we will look at an
other important concept in css — overflow.
...And 2 more matches
Beginner's guide to media queries - Learn web development
media queries are a key part of responsive web design, as they allow you to create different layouts depending on the size of the viewport, but they can also be used to detect
other things about the environment your site is running on, for example whether the user is using a touchscreen rather than a mouse.
... note: there were a number of
other media types defined in the level 3 media queries specification; these have been deprecated and should be avoided.
... there are a number of
other media features that you can test for, although some of the newer features introduced in level 4 and 5 of the media queries specification have limited browser support.
...And 2 more matches
CSS layout - Learn web development
now it's time to look at how to place your boxes in the right place in relation to the viewport, and one an
other.
... note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
... positioning positioning allows you to take elements out of the normal document layout flow, and make them behave differently, for example sitting on top of one an
other, or always remaining in the same place inside the browser viewport.
...And 2 more matches
CSS FAQ - Learn web development
/* heading default color is black */ h1 { color: red; } h1 { color: initial; } how do i derive one style from an
other?
... css does not exactly allow one style to be defined in terms of an
other.
...</div> in case of complex html hierarchies, if a rule seems to be ignored, check if the element is inside an
other element with a different style.
...And 2 more matches
Styling lists - Learn web development
previous overview: styling text next lists behave like any
other text for the most part, but there are some css properties specific to lists that you need to know about, and some best practices to consider.
...</li> <li>fill pita with salad, hummus, and fried halloumi.</li> </ol> <h2>ingredient description list</h2> <p>paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p> <dl> <dt>hummus</dt> <dd>a thick dip/sauce generally made from chick peas blended with tahini, lemon juice, salt, garlic, and
other ingredients.</dd> <dt>pita</dt> <dd>a soft, slightly leavened flatbread.</dd> <dt>halloumi</dt> <dd>a semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk.</dd> <dt>green salad</dt> <dd>that green healthy stuff that many of us just use to garnish kebabs.</dd> </dl> if you go to the live example now and investigate the list elem...
... handling list spacing when styling lists, you need to adjust their styles so they keep the same vertical spacing as their surrounding elements (such as paragraphs and images; sometimes called vertical rhythm), and the same horizontal spacing as each
other (you can see the finished styled example on github, and find the source code too.) the css used for the text styling and spacing is as follows: /* general styles */ html { font-family: helvetica, arial, sans-serif; font-size: 10px; } h2 { font-size: 2rem; } ul,ol,dl,p { font-size: 1.5rem; } li, p { line-height: 1.5; } /* description list styles */ dd, dt { line-height: 1.5; }...
...And 2 more matches
How much does it cost to do something on the Web? - Learn web development
if at some point you need to exchange projects with
other designers, you should find out what tools they're using.
... because ftp is inherently insecure, you should make sure to use sftp — the secure, encrypted version of ftp that most hosting sites you'll deal with these days will offer by default — or an
other secure solution like rsync over ssh.
... on the
other hand, you'll need a high-bandwidth connection, such as dsl, cable, or fiber access, if you want a more advanced website with hundreds of files, or if you want to deliver heavy video/audio files directly from your web server.
...And 2 more matches
Advanced form styling - Learn web development
the following live example shows you what they look like in your system — default on the left, and with the above css applied on the right (find it here also if you want to test it on
other systems).
... you can see the live result: we've also created a couple of
other examples to give you more ideas: styled radio buttons: custom radio button styling.
...play: block; font-family: inherit; font-size: 100%; padding: 0; margin: 0; box-sizing: border-box; width: 100%; padding: 5px; height: 30px; } we also added some uniform shadow and rounded corners to the controls on which it made sense: input[type="text"], input[type="datetime-local"], input[type="color"], select { box-shadow: inset 1px 1px 3px #ccc; border-radius: 5px; } on
other controls like range types, progress bars, and meters they just add an ugly box around the control area, so it doesn't make sense.
...And 2 more matches
HTML forms in legacy browsers - Learn web development
there are
other resources that can be amazingly helpful: browser vendor documentation mozilla: you're in the right place, just browse mdn microsoft: internet explorer standards support documentation webkit: because there are several different editions of this engine, things are a little trickier.
...when you build something for a modern browser, and you want to be sure it will work, one way or an
other, on legacy browsers, you are performing graceful degradation.
... <!-- clicking this button sent "<em>do a</em>" instead of "a" in some cases --> <button type="submit" name="iwantto" value="a"> <em>do a</em> </button> choosing one solution or the
other is up to you based on your project's constraints.
...And 2 more matches
How to structure a web form - Learn web development
warning: it's strictly forbidden to nest a form inside an
other form.
...there are
other use cases, and in general the <fieldset> element can also be used to section a form.
... there is an
other way to associate a form control with a label — nest the form control within the <label>, implicitly associating it.
...And 2 more matches
Sending form data - Learn web development
on the
other hand, if the form is hosted on a secure page but you specify an insecure http url with the action attribute, all browsers display a security warning to the user each time they try to send data because the data will not be encrypted.
...this can be very important for two reasons: if you need to send a password (or any
other sensitive piece of data), never use the get method or you risk displaying it in the url bar, which would be very insecure.
...you might display it, store it into a database, send it by email, or process it in some
other way.
...And 2 more matches
CSS basics - Learn web development
otherwise, the styling won't change the appearance of the html.
...(for example, there are many color values in addition to red.) note the
other important parts of the syntax: apart from the selector, each ruleset must be wrapped in curly braces.
...most html elements on your page can be thought of as boxes sitting on top of
other boxes.
...And 2 more matches
HTML basics - Learn web development
the class attribute allows you to give the element a non-unique identifier that can be used to target it (and any
other elements with the same class value) with style information and
other things.
... nesting elements you can put elements inside
other elements too — this is called nesting.
...the following is incorrect: <p>my cat is <strong>very grumpy.</p></strong> the elements have to open and close correctly so that they are clearly inside or outside one an
other.
...And 2 more matches
The web and web standards - Learn web development
after that
other technologies followed such as css and javascript, and the web started to look more like the web we know today.
... for example, the html living standard describes exactly how html (all the html elements, and their associated apis, and
other surrounding technologies) should be implemented.
...the w3c is the best known web standards body, but there are
others such as the whatwg (who were responsible for the modernization of the html language), ecma (who publish the standard for ecmascript, which javascript is based on), khronos (who publish technologies for 3d graphics, such as webgl), and
others.
...And 2 more matches
Tips for authoring fast-loading HTML pages - Learn web development
reducing page weight through the elimination of unnecessary whitespace and comments, commonly known as minimization, and by moving inline script and css into external files, can improve download performance with minimal need for
other changes in the page structure.
...
other tools can "compress" javascript by reformatting the source or by obfuscating the source and replacing long identifiers with shorter versions.
... using valid markup has
other advantages.
...And 2 more matches
HTML text fundamentals - Learn web development
you just need to bear in mind a few best practices as you create such structures: preferably, you should use a single <h1> per page—this is the top level heading, and all
others sit below this in the hierarchy.
... on the
other hand, you could make any element look like a top level heading.
... nesting lists it is perfectly ok to nest one list inside an
other one.
...And 2 more matches
Introduction to HTML - Learn web development
note: if you are working on a computer/tablet/
other devices that doesn't let you create your own files, you can try out (most of) the code examples in an online coding program such as jsbin or glitch.
... getting started with html covers the absolute basics of html, to get you started — we define elements, attributes, and
other important terms, and show where they fit in the language.
... we also show how a typical html page is structured and how an html element is structured, and explain
other important basic language features.
...And 2 more matches
Multimedia and Embedding - Learn web development
note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
... images in html there are
other types of multimedia to consider, but it is logical to start with the humble <img> element used to embed a simple image in a webpage.
... from <object> to <iframe> —
other embedding technologies at this point we'd like to take somewhat of a sideways step, looking at a couple of elements that allow you to embed a wide variety of content types into your webpages: the <iframe>, <embed> and <object> elements.
...And 2 more matches
HTML table basics - Learn web development
tables on the
other hand are sized according to their content by default, so extra measures are needed to get table layout styling to effectively work across a variety of devices.
...update the contents of your table to look like so: <td>hi, i'm your first cell.</td> <td>i'm your second cell.</td> <td>i'm your third cell.</td> <td>i'm your fourth cell.</td> as you will see, the cells are not placed underneath each
other, rather they are automatically aligned with each
other on the same row.
...irst the source code: <table> <tr> <td> </td> <td>knocky</td> <td>flor</td> <td>ella</td> <td>juan</td> </tr> <tr> <td>breed</td> <td>jack russell</td> <td>poodle</td> <td>streetdog</td> <td>cocker spaniel</td> </tr> <tr> <td>age</td> <td>16</td> <td>9</td> <td>10</td> <td>5</td> </tr> <tr> <td>owner</td> <td>m
other-in-law</td> <td>me</td> <td>me</td> <td>sister-in-law</td> </tr> <tr> <td>eating habits</td> <td>eats everyone's leftovers</td> <td>nibbles at food</td> <td>hearty eater</td> <td>will eat till he explodes</td> </tr> </table> now the actual rendered table: knocky flor ella juan breed jack russell poodle streetdog co...
...And 2 more matches
Video and Audio APIs - Learn web development
an
other big issue is that the native controls in most browsers aren't very keyboard-accessible.
...this way, we make sure we can see all the information — one box is not obscuring an
other.
...ervalrwd); stopmedia(); } else { media.currenttime -= 3; } } function windforward() { if(media.currenttime >= media.duration - 3) { fwd.classlist.remove('active'); clearinterval(intervalfwd); stopmedia(); } else { media.currenttime += 3; } } again, we'll just run through the first one of these functions as they work almost identically, but in reverse to one an
other.
...And 2 more matches
Test your skills: JSON - Learn web development
json data about some m
other cats and their kittens is available in sample.json.
...your task is to fill in the missing parts of the displaycatinfo() function to store: the names of the three m
other cats, separated by commas, in the m
otherinfo variable.
... you'll probably want to use an outer loop to loop through the cats and add their names to the m
otherinfo variable string, and an inner loop to loop through all the kittens, add up the total of all/male/female kittens, and add those details to the kitteninfo variable string.
...And 2 more matches
Multimedia: video - Learn web development
if not, there are online tools, such as ffmpeg (discussed in section below), that encode, decode, convert, and perform
other optimization functions.
... see caniuse.com for current browser support of video and
other media types.
... remove audio from muted hero videos for hero-video or
other video without audio, removing audio is smart.
...And 2 more matches
Properly configuring server MIME types - Learn web development
some
other web browsers, such as microsoft® internet explorer, try to allow for misconfigured web servers and applications by guessing what the correct mime type should be.
...you can serve content
other than html from perl, php, asp, or java — just change the mime type accordingly.
... for perl cgi, you should have the line print "content-type: text/html\n\n"; before any
other output lines.
...And 2 more matches
Getting started with Ember - Learn web development
components are individual bundles of behavior, style, and markup — much like what
other frontend frameworks provide, such as react, vue, and angular.
... the service side provides long-lived shared state, behavior, and an interface to integrating with
other libraries or systems.
... the templating language is used to make build and runtime optimizations that
otherwise wouldn't be possible.
...And 2 more matches
Vue conditional rendering: editing existing todos - Learn web development
to do that, we'll use an
other vue directive: v-if.
... it's important to note that v-else and v-else-if blocks need to be the first sibling of a v-if/v-else-if block,
otherwise vue will not recognize them.
... lastly, you can use a v-if + v-else at the root of your component to display only one block or an
other, since vue will only render one of these blocks at a time.
...And 2 more matches
Rendering a list of Vue components - Learn web development
directives are applied to elements like
other attributes.
... key attribute before we do that, there's one
other piece of syntax to know about that is used with v-for, the key attribute.
...} ] }; } }; now, add the v-for directive and key attribute to the <li> element in your app.vue template, like so: <ul> <li v-for="item in todoitems" :key="item.id"> <to-do-item label="my todo item" :done="true"></to-do-item> </li> </ul> when you make this change, every javascript expression between the <li> tags will have access to the item value in addition to the
other component attributes.
...And 2 more matches
Configuring Build Options
using a mozconfig configuration file the choice of which mozilla application to build and
other configuration options can be configured in a mozconfig file.
... there are many options recognized by the configure script which are special-purpose options intended for embedders or
other special situations, and should not be used to build the full suite/xul applications.
... ac_add_options --enable-debug enables assertions in c++ and javascript, plus
other debug-only code.
...And 2 more matches
Obsolete Build Caveats and Tips
the sdk will break builds even if you try to use
other sdks.
...
other possible workarounds: use an
other sdk (the one shipped with visual studio 9).
...
other versions of visual studio will not work.
...And 2 more matches
SVG Guidelines
on the
other hand the size of a raster file of the same image will likely vary tremendously depending on the dimensions of the image since the larger the dimensions the more pixel data the file needs to store.
...on the
other hand, if the image is saved as an svg image then all this work needs to be done each time the svg is displayed on someone else's computer.
...metadata can mean many things, including: the typical "created with editor" comments non-standard editor specific tags and attributes (sketch:foo, illustrator:foo, sopodi:foo, …) the xml namespace definition that comes with the latter (xmlns:sketch, xmlns:sopodi, …)
other metadata in addition to non-standard editor metadata, standard compliant metadata also exists.
...And 2 more matches
Index
found 172 pages: # page tags and summary 1 firefox firefox, landing, mozilla here you can learn about how to contribute to the firefox project and you will also find links to information about the construction of firefox add-ons, using the developer tools in firefox, and
other topics.
... 143 multiple firefox profiles beginner, firefox, guide, intro, profiles, qa a profile in firefox is the collection of settings, customizations, add-ons, and
other personalizations that a user has made or installed into their copy of firefox.
... 168 performance best practices for firefox front-end engineers best practices, developing firefox, developing mozilla, firefox, front-end, mozilla, performance this guide will help firefox developers working on front-end code produce code which is as performant as possible—not just on its own, but in terms of its impact on
other parts of firefox.
...And 2 more matches
Firefox
here you can learn about how to contribute to the firefox project and you will also find links to information about the construction of firefox add-ons, using the developer tools in firefox, and
other topics.
... linux compatibility matrixthe following table lists the available library versions for the mozilla.org-distributed firefox builds dependencies, and/or to build firefox.multiple firefox profilesa profile in firefox is the collection of settings, customizations, add-ons, and
other personalizations that a user has made or installed into their copy of firefox.
... you can find details about profiles on mozilla's end-user support site.performance best practices for firefox front-end engineersthis guide will help firefox developers working on front-end code produce code which is as performant as possible—not just on its own, but in terms of its impact on
other parts of firefox.
...And 2 more matches
Using the Browser API
we'll be using this term throughout the current article, and
other parts of the documentation.
... there's an
other event listener added later on in the code that listens for the mozbrowserlocationchange event.
...we do this with the following function, which runs the htmliframeelement.stop() method to stop the page loading if the button is displaying a cross, and the htmliframeelement.reload() method to reload the page
otherwise.
...And 2 more matches
Getting Started with Chat
the following are some
other options available to you: windows mac linux colloquy ● irssi ● ● ●* xchat ● ○ ● key: ● — binary or executable program available ○ — only available by downloading and compiling source code ●* — binary or executable may be available.
...one of the simplest web-based clients is mibbit, an
other is irccloud.
...mibbit does not require flash or any
other plugins.
...And 2 more matches
How to implement a custom autocomplete search component
the component uses the autocompletesearchparam attribute or searchparam property to allow the developer to define the default directory
otherwise only paths beginning with / or ~/ will be autocompleted.
... note: when copying the examples below, change the uuid that uniquely identifies the component,
otherwise you might have problems if your component gets installed along an
other component derived from those same examples.
... return ''; }, /** * @return {string} the style hint for the result at the given index */ getstyleat: function(index) { if (!this._comments || !this._comments[index]) return null; // not a category label, so no special styling if (index == 0) return 'suggestfirst'; // category label on first line of results return 'suggesthint'; // category label on any
other line of results }, /** * gets the image for the result at the given index * * @return {string} the uri to the image to display */ getimageat : function (index) { return ''; }, /** * get the final value that should be completed when the user confirms * the match at the given index.
...And 2 more matches
Internationalized Domain Names (IDN) Support in Mozilla Browsers
other encodings used different prefixes.
...for example, most sample links on the following test pages can be used without any further setting: http://www.nunames.nu/eu-lang-test.htm (domain names with latin 1 accented characters) http://www.nunames.nu/lldemo/default.htm (domain names in
other languages) on july 10, 2003 and thereafter, you can access a large number of japanese domain name sites under the .jp top domain with no further setting on netscape 7.1/mozilla 1.4: http://mitsuketa-nihongo.jp race (row-based ascii compatible encoding) almost all idn registration data are expected to change to punycode by the end of 2003.
...japan as mentioned above, but
others such as the ones under the .com and .net top domains may take longer.
...And 2 more matches
JavaScript-DOM Prototypes in Mozilla
one of these interfaces is nsidomhtmlimageelement,
others are nsidomnshtmlimageelement (netscape extensions to the standard interface), nsidomeventtarget, nsidomeventlistener, nsidom3node, and so on.
...because of this, the following holds true (assuming img1 and img2 are two different image objects in the same document): img1.__proto__ === img2.__proto__ if img1 would come from one document and img2 from an
other document, then the above would not be true.
... an
other example would be modifying the pagex property of a mouseevent instance.
...And 2 more matches
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.
...no
other installed add-on will have the same id.
...for some add-ons this will change immediately based on the appdisabled and userdisabled properties; for
others it will only change after an application restart.
...And 2 more matches
XPCOMUtils.jsm
otherwise, null is returned.
... remarks when you implement an interface that inherits from an
other one, you should generally list all the base interfaces explicitly, except for nsisupports.
...this lets modules bundled in a package load one an
other without having to hard-code full paths.
...And 2 more matches
Bootstrapping a new locale
if you are interested in localizing thunderbird 3, seamonkey 2 or
other mozilla projects based on gecko 1.9.1 you'll need to follow the instructions on getting the source-code of the comm-central repository.
... from now on may be needs some corrections, (see expected structure below $cd ab-cd/browser/chrome/browser) may be needs $cp -r mozilla-1.9.x/browser/locales/ ab-cd and then $mv ab-cd/en-us ab-cd/browser and the same for the
others the commands seems symbolic and not real ...
...cd/browser/installer ab-cd/browser/profile/chrome ab-cd/browser/searchplugins ab-cd/browser/updater ab-cd/toolkit cp -r mozilla-1.9.x/browser/locales/ ab-cd/browser cp -r mozilla-1.9.x/dom/locales/ ab-cd/dom cp -r mozilla-1.9.x/editor/locales/ ab-cd/editor cp -r mozilla-1.9.x/extensions/reporter/locales/chrome ab-cd/extensions cp -r mozilla-1.9.x/netwerk/locales/ ab-cd/netwerk cp -r mozilla-1.9.x/
other-licenses/branding/firefox/locales/ ab-cd/
other-licenses cp -r mozilla-1.9.x/security/manager/locales/ ab-cd/security cp -r mozilla-1.9.x/toolkit/locales/ ab-cd/toolkit getting started change your directory to the new working directory so you are in the ~/[your working directory]/[ab-cd]/ path and can start localizing.
...And 2 more matches
Localizing with Mercurial
the third command will do a clone of mozilla-central, and pull some
other hg repositories.
... the
other directories are required for seamonkey and thunderbird.
... to update your working copy of comm-central, go to your comm-central directory and run: python client.py checkout this will both get new changesets from comm-central, mozilla-central and the
other appropriate locations and apply those changes in your working copy.
...And 2 more matches
Localizing with Mozilla Translator
getting started with mozillatranslator mt uses products as groups of localization files with a common root directory (for instance, you may have a product for thunderbird,
other for seamonkey,
other for dom,
other for toolkit, etc.) you update your repository copy using your favorite repository tool, and then update the product(s) in mt.
...mt thus referred to ab-cd.jar contents as ''platform neutral'' platform, cd.jar as '''region''' platform (or regional files), and the
other three as ''windows platform'', ''mac platform'' and ''unix platform''.
...besides that, you will need to create one tiny product for
other-licenses/branding/firefox.
...And 2 more matches
Refcount tracing and balancing
post-processing step 2: filtering the log once you've picked an object that leaked, you can use tools/rb/filter-log.pl to filter the log file to drop the call stack for
other objects; this process reduces the size of the log file and also improves the performance.
...the make-tree.pl script accepts an option --ignore-balanced, which tells it not to b
other printing out the children of a node whose balance factor is zero.
... this can help remove some of the clutter from an
otherwise noisy tree.
...And 2 more matches
TraceMalloc
the output is a large html file that hyperlinks ancestor and descendent libraries, classes, and functions that call into one an
other, attributing malloc blame up and down each graph.
...this example is for macos; small modifications are needed for
other platforms.
...leaksoup also finds sets of objects that are rooted by a cycle (i.e., a set of reference counted objects that own references to each
other in a cycle).
...And 2 more matches
tools/power/rapl
these are machine-wide estimates, so if you want to estimate the power consumption of a single program you should minimize
other activity on the machine while measuring.
...
otherwise, it will fail with an error message explaining this requirement.
... total w = _pkg_ (cores + _gpu_ +
other) + _ram_ w #01 5.17 w = 1.78 ( 0.12 + 0.10 + 1.56) + 3.39 w #02 9.43 w = 5.44 ( 1.44 + 1.20 + 2.80) + 3.98 w #03 14.26 w = 10.21 ( 5.47 + 0.19 + 4.55) + 4.04 w #04 10.02 w = 6.15 ( 2.62 + 0.43 + 3.10) + 3.86 w #05 14.63 w = 10.43 ( 4.41 + 0.81 + 5.22) + 4.19 w #06 11.16 w = 6.90 ( 1.91 + 1.68 + 3.31) + 4.26 w #07 5.40 w = 1.97 ( 0.20 + 0.10 + 1.67) + 3.44 w #08 5.17 w = 1.76 ( 0.07 + 0.08 + 1.60) + 3.41 w #09 5.17 w = 1.76 ( 0.09 + 0.08 + 1.58) +...
...And 2 more matches
L20n Javascript API
ctx.localize(['hello', 'new'], function(l10n) { var node = document.queryselector('[data-l10n-id=hello]'); node.textcontent = l10n.entities.hello.value; node.classlist.remove('hidden'); }); ctx.registerlocales(defaultlocale: string?, availablelocales: array<string>?) register the default locale of the context instance, as well as all
other locales available to the context instance before the language negotiation.
... ctx.registerlocales('en-us', ['ar', 'es-ar', 'es-es', 'en-us', 'fr', 'pl']); defaultlocale is the original language of the context instance and will be used as the last fallback locale if
other locales are registered.
...n in one of supported locales; the context instance will try to retrieve a fallback translation from the next locale in the fallback chain, compiler.error, when l20n is unable to evaluate an entity to a string; there are two types of errors in this category: compiler.valueerror, when l20n can still try to use the literal source string of the entity as fallback, and compiler.indexerror
otherwise.
...And 2 more matches
NSPR Contributor Guide
abstract: nspr accepts contributions in the form of bugfixes, new features, libraries, platform ports, documentation, test cases and
other items from many sources.
...please do not contribute java, c or
other language wrappers.
... generally useful platform abstractions you agree to sustain, bug fix may rely on the nspr api may not rely on any
other library api new platform ports all nspr api items must be implemented platform specific headers in pr/include/md/_platformname.[h!cfg] platform specific code in pr/src/md/platform/*.c make rules in config/_platform.mk documentation the files for nspr's documentation are maintained using a proprietary word processing system [don't ask].
...And 2 more matches
Optimizing Applications For NSPR
this means that when the application using nspr is dispatched, a thread within that application will run until that thread voluntarily gives up control to an
other thread within the process.
...at thread switch time, the stack of the current running thread is copied to
other storage associated with that thread and the about-to-be-dispatched thread's stack data is copied back onto the windows stack just before the thread is given control.
... this has disastrous implications on the generally accepted programming practice of taking the address of a stack variable and giving that address to an
other thread.
...And 2 more matches
NSS FAQ
it provides a complete open-source implementation of the crypto libraries used by mozilla and
other companies in the firefox browser, aol instant messenger (aim), server products from red hat, and
other products.
... if you want add support for ssl, s/mime, or
other internet security standards to your application, you can use network security services (nss) to do so.
...it provides a complete software development kit that uses the same architecture used to support security features in many client and server products from netscape and
other companies.
...And 2 more matches
Introduction to Network Security Services
network security services (nss) is a set of libraries designed to support cross-platform development of communications applications that support ssl, s/mime, and
other internet security standards.
... these two extra shared libraries are not supplied on any
other platforms.
...linking the application against one or the
other of these libraries may produce an application program that can only run on one type of cpu (e.g.
...And 2 more matches
nss tech note3
certusagesslca ............... an intermediate or root ca cert allowed to issue ssl client or ssl server certs or
other intermediate ssl ca certs.
... each of the above seccertusages translates into a required set of cert type and key usage for the certificate itself, and into an
other set of required cert type and key usage for all the ca certs in the cert chain.
...for
other types of keys, it is key_agreement.
...And 2 more matches
NSS tools : certutil
name certutil — manage keys and certificate in both nss databases and
other nss tokens synopsis certutil [options] [[arguments]] description the certificate database tool, certutil, is a command-line utility that can create and modify certificate and key databases.
...unless specified
otherwise the default token is an internal slot.
...s: + p - valid peer + p - trusted peer (implies p) + c - valid ca + t - trusted ca to issue client certificates (implies c) + c - trusted ca to issue server certificates (ssl only) (implies c) + u - certificate can be used for authentication or signing + w - send warning (use with
other attributes to include a warning when the certificate is used in that context) the attribute codes for the categories are separated by commas, and the entire set of attributes enclosed by quotation marks.
...And 2 more matches
NSS tools : modutil
the jar file uses the nss pkcs #11 jar format to identify all the files to be installed, the module's name, the mechanism flags, and the cipher flags, as well as any files to be installed on the target machine, including the pkcs #11 module library file and
other files such as documentation.
... modutil -list [modulename] -dbdir [sql:]directory listing the modules shows the module name, their status, and
other associated security databases for certificates and keys.
...loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and
other information about the module and the token it is loaded on.
...And 2 more matches
sslintro.html
other apis that may be exposed in the header files are not supported for application use.
...must be called before any
other nss functions.
...sets up configuration files and performs
other tasks required to run network security services.
...And 2 more matches
NSS Tools ssltap
once this connection arrives, the tool makes an
other connection to the specified host name and port on the server side.
... syntax to run the ssl debugging tool, type this command in a command shell: ssltap [-vhfsxl] [-p port] hostname:port options the command does not require any options
other than hostname:port, but you normally use them to control the connection interception and output.
... -p port change the default rendezvous port (1924) to an
other port.
...And 2 more matches
NSS tools : modutil
the jar file uses the nss pkcs #11 jar format to identify all the files to be installed, the module's name, the mechanism flags, and the cipher flags, as well as any files to be installed on the target machine, including the pkcs #11 module library file and
other files such as documentation.
... modutil -list [modulename] -dbdir [sql:]directory listing the modules shows the module name, their status, and
other associated security databases for certificates and keys.
...graphic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and
other information about the module and the token it is loaded on.
...And 2 more matches
Necko walkthrough
there is an option to receive ondataavailable specifically on a non-main thread, but all
other calls happen on the main thread.
... then in necko http code (still on the main thread for now): nshttpchannel::asyncopen nshttpchannel::beginconnect() creates nshttpconnectioninfo object for the channel checks if we're proxying or not fires off the dns prefetch request (dispatched to dns thread pool) some
other things nshttpchannel::connect might to a speculativeconnect (pre open tcp socket) nshttpchannel::continueconnect some cache stuff nshttpchannel::setuptransaction creates new nshttptransaction, and inits it with mrequesthead (the request headers) and muploadstream (which was created from the request data in channel setup) gets an nsiasyncinputstream (for the response; corresponds to the nspipeinputstream for the response stream pipe) passes it to nsinputstreampump...
... nspipeinputstream::asyncwait sets the callback to be used later for a response if a target is specified (in this case, the main thread), callback is proxied via an nsinputstreamreadyevent, which is created now and may be called later
otherwise, the callback would be called directly, when the socket is readable et voila, the transaction has been posted to the socket thread, and the main thread continues on, unblocked from network io.
...And 2 more matches
Scripting Java
if we just view the method object by itself we can see the various overloaded forms of the method: js> f.listfiles function listfiles() {/* java.io.file[] listfiles() java.io.file[] listfiles(java.io.filenamefilter) java.io.file[] listfiles(java.io.filefilter) */} this output shows that the file class defines three overloaded methods listfiles: one that takes no arguments, an
other with a filenamefilter argument, and a third with a filefilter argument.
... an
other useful feature for exploratory programming is the ability to see all the methods and fields defined for an object.
... using the javascript for..in construct, we can print out all these values: js> for (i in f) { print(i) } exists parentfile mkdir tostring wait [44
others] note that not only the methods of the file class are listed, but also the methods inherited from the base class java.lang.object (like wait).
...And 2 more matches
GCIntegration - SpiderMonkey Redirect 1
it's safe for js objects to point to
other js objects or to c++ objects.
...many
other xpconnect pointers are also traced in this way.
...at the end of the gc, if the pointer refers to an object that is not reachable via some
other path, then it will be nulled out or dropped in some way.
...And 2 more matches
JSClass.flags
an object obj that emulates undefined behaves like any
other object, except in the following ways: typeof obj === "undefined" obj converts to false when obj is converted to a boolean when used in boolean contexts (if conditions, loop continuation/termination conditions [for/while/do { } while], the condition in a ternary ?: expression, and so on) (obj == undefined) is true, and (obj != undefined) is false (obj == null) is true, an...
...d (obj != null) is false == and != comparisons to values
other than null or undefined (including to an object that emulates undefined) are unaffected by this flag.
... constructors or prototypes (such as function.prototype.) objects that can end up with the wrong prototype object, if this flag is not present, include: arguments objects (ecma 262-3 §10.1.8 specifies "the original object prototype"), function objects (ecma 262-3 §13.2 specifies "the original function prototype"), and objects created by many standard constructors (ecma 262-3 §15.4.2.1 and
others).
...And 2 more matches
JS_ClearContextThread
transfer a jscontext from one thread to an
other.
... syntax jsword js_clearcontextthread(jscontext *cx); jsword js_setcontextthread(jscontext *cx); name type description cx jscontext * the context to transfer from one thread to an
other.
... description an application that creates or uses a jscontext in one thread, then uses or destroys it in an
other thread, must use js_clearcontextthread and js_setcontextthread to transfer the jscontext safely from one thread to the
other.
...And 2 more matches
nsIPromptService
its methods should be used in privileged code instead of dom window.alert, window.confirm, and
other similar functions.
...
otherwise, the parameter's value is unmodified.
...
otherwise, the parameter's value is unmodified.
...And 2 more matches
nsIProtocolProxyService
otherwise, this method returns null indicating that a direct connection should be used.
...
otherwise, the consumer may choose to treat the result as type "direct" if desired.
...
other string values may be possible, and new types may be defined by a future version of this interface.
...And 2 more matches
nsIAbCard/Thunderbird3
same as home, but with `work' instead of `home'
other contact: faxnumber, faxnumbertype pagernumber, pagernumbertype cellularnumber, cellularnumbertype jobtitle, department, company _aimscreenname dates: anniversaryyear, anniversarymonth, anniversaryday birthyear, birthmonth, birthday webpage1 (work), webpage2 (home) custom1, custom2, custom3, custom4 notes integral properties: lastmodifieddate p...
... the non-variant functions are marked [noscript] since xpconnect uses magic with nsivariant such that the
other functions are not needed, although c++ does need them.
... copy() this function will copy all values from one card to an
other.
...And 2 more matches
Xptcall Porting Status
he is hoping that
others will help test the changes using these two compilers on the various platforms where this same code is used.
...currently the code is dependent on the g++ name mangling convention and a few gnu extensions so i'm not sure how useful it will be for the
other systems.
... <font color="white">done</font> beos x86 duncan wilcox <duncan@be.com> unix (yet an
other reuse of the linux 86 code!) duncan says this is all working.
...And 2 more matches
Using the Multiple Accounts API
relevant api calls: nsimsgaccount nsimsgaccountmanager.createaccount() nsimsgaccount nsimsgaccountmanager.getaccount(in string key) nsimsgincomingserver nsimsgaccountmanager.createincomingserver(in string type) nsimsgincomingserver nsimsgaccountmanager.getincomingserver(in string key) smtp servers smtp servers are kept separately from all the
other account management stuff.
... appendix a: listing of all properties (when brendan's idldoc comes along, i'll just link to that) all preferences are strings, unless
otherwise noted.
...imeout - integer, number of minutes a connection is idle before we drop it preference: mail.server.server.capability - list of capabilities of this server preference: mail.server.server.namespace.public - the server's namespace for public folders preference: mail.server.server.namespace.personal - the server's namespace for personal folders preference: mail.server.server.namespace.
other_users - the server's namespace for
other user's folders the following are specific to pop: the following are specific to news: preference: mail.server.server.leave_on_server - boolean, should we leave messages on the server after we have downloaded them?
...And 2 more matches
Declaring types
types are declared in terms of
other, already defined types.
...these are all primitive types, upon which all
other types are eventually based.
...: ctypes.int }, { "tm_hour": ctypes.int }, { "tm_mday": ctypes.int }, { "tm_mon": ctypes.int }, { "tm_year": ctypes.int }, { "tm_wday": ctypes.int }, { "tm_yday": ctypes.int }, { "tm_isdst": ctypes.int } ]); to find
other types see here: predefined types - primitive types.
...And 2 more matches
Scripting plugins - Plugins
future revisions to this api might provide a mechanism for proxying calls from one thread to an
other to aid in using this api from
other threads.
...that means that a script from an origin
other than the origin of the page that loaded the plugin is not able to access methods and properties on the plugin.
... the same thing applies the
other way too; the plugin can reach only javascript objects in the same origin as the page that loaded the plugin.
...And 2 more matches
Plugins
important: plugins are a legacy technology that are a security and performance problem for firefox (and
other browser) users.
...new content should not be written using flash or any
other plugin technology.
... roadmap plugin roadmap information about the roadmap for adobe flash and
other plugin support in firefox.
...And 2 more matches
Debugger-API - Firefox Developer Tools
the debugger interface mozilla’s javascript engine, spidermonkey, provides a debugging interface named debugger which lets javascript code observe and manipulate the execution of
other javascript code.
...however, debugger is quite general, and can be used to implement
other kinds of tools like tracers, coverage analysis, patch-and-continue, and so on.
...given a debugger.script, one can set breakpoints, translate between source positions and bytecode offsets (a deviation from the “source level” design principle), and find
other static characteristics of the code.
...And 2 more matches
Dominators - Firefox Developer Tools
these concepts matter in memory analysis, because often an object may itself be small, but may hold references to
other much larger objects, and by doing this will prevent the garbage collector from freeing that extra memory.
...each node in the graph represents an object, and each connection between nodes (edge) represents a reference from one object to an
other.
... so when an object becomes unreachable (for example, because it is only referenced by a single local variable which goes out of scope) then any objects it references also become unreachable, as long as no
other objects reference them: conversely, this means that objects are kept alive as long as some
other reachable object is holding a reference to them.
...And 2 more matches
Migrating from Firebug - Firefox Developer Tools
the devtools' activation on the
other hand is tab based.
...when you switch to an
other tab, though, they're closed.
...the developer tools command line has some functions in common, but also has some
other functions and misses
others.
...And 2 more matches
about:debugging - Firefox Developer Tools
service workers, shared workers, and
other workers there are three sections on this page that deal with service workers, shared workers, and
other workers.
...
other information about the extension is displayed: location the location of the extension's source code on your local system.
... for
other changes, click the reload button.
...And 2 more matches
AudioNode.connect() - Web APIs
the connect() method of the audionode interface lets you connect one of the node's outputs to a target, which may be either an
other audionode (thereby directing the sound data to the specified node) or an audioparam, so that the node's output data is automatically used to change the value of that parameter over time.
...it is possible to connect an audionode to an
other audionode, which in turn connects back to the first audionode, creating a cycle.
...
otherwise, a notsupportederror exception is thrown.
...And 2 more matches
Blob - Web APIs
using blobs to construct a blob from
other non-blob objects and data, use the blob() constructor.
... to create a blob that contains a subset of an
other blob's data, use the slice() method.
... examples creating a blob the blob() constructor can create blobs from
other objects.
...And 2 more matches
Using the CSS Typed Object Model - Web APIs
in
other browsers, you'll just see a link.
... csskeywordvalue is a class that defines keywords like inherit, initial, unset, and
other strings you don't quote, such as auto and grid.
... there are
other types available: an <image> will return a cssimagevalue.
...And 2 more matches
CSS Typed Object Model API - Web APIs
csskeywordvalue serialization the csskeywordvalue interface of the the css typed object model api creates an object to represent css keywords and
other identifiers.
... csskeywordvalue.csskeywordvalue() constructor constructor creates a new csskeywordvalue.csskeywordvalue() object which represents css keywords and
other identifiers.
... csskeywordvalue an interface which creates an object to represent css keywords and
other identifiers.
...And 2 more matches
console - Web APIs
console.group() creates a new inline group, indenting all following output by an
other level.
... console.groupcollapsed() creates a new inline group, indenting all following output by an
other level.
... examples outputting text to the console the most frequently-used feature of the console is logging of text and
other data.
...And 2 more matches
Constraint validation API - Web APIs
extensions to
other interfaces the constraint validation api extends the interfaces for the form-associated elements listed below with a number of new properties and methods (elements that can have a form attribute that indicates their form owner): htmlbuttonelement htmlfieldsetelement htmlinputelement htmlobjectelement htmloutputelement htmlselectelement htmltextareaelement properties validity a rea...
... willvalidate a read-only boolean property that returns true if the element is a candidate for constraint validation; and false
otherwise.
...
others may be barred from constraint validation depending on specific conditions.
...And 2 more matches
DOMMatrixReadOnly - Web APIs
the identity matrix is one in which every value is 0 except those on the main diagonal from top-left to bottom-right corner (in
other words, where the offsets in each direction are equal).
...(in
other words, down the first column from top to bottom, then the second column, and so forth.) dommatrixreadonly.tofloat64array() returns a new float64array containing all 16 elements (m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) which comprise the matrix.
...(in
other words, down the first column from top to bottom, then the second column, and so forth.) dommatrixreadonly.tojson() returns a json representation of the dommatrixreadonly object.
...And 2 more matches
DirectoryEntrySync - Web APIs
create: true exclusive: false path doesn't exist and no
other error occurs a file is created.
...you cannot create an
other one with the same path.
... create: true exclusive: false path doesn't exist and no
other error occurs a directory is created.
...And 2 more matches
Document - Web APIs
the dom tree includes elements such as <body> and <table>, among many
others.
...note that this is currently only implemented by chrome;
other browsers still implement them directly on the document interface.
...null if lock is pending, pointer is unlocked, or if the target is in an
other document.
...And 2 more matches
Element: mousewheel event - Web APIs
if the wheel has rotated away from the user, it's positive,
otherwise negative.
...
otherwise, i.e., if it's to left, the value is positive.
...this is really different from
other browsers except chrome with continuous scroll supported device.
...And 2 more matches
Guide to the Fullscreen API - Web APIs
webkit doesn't do this; instead, it centers the fullscreen element at the same size in a screen that's
otherwise black.
... to get the same fullscreen behavior in webkit, you need to add your own "width: 100%; height: 100%;" css rules to the element yourself: #myvideo:-webkit-full-screen { width: 100%; height: 100%; } on the
other hand, if you're trying to emulate webkit's behavior on gecko, you need to place the element you want to present inside an
other element, which you'll make fullscreen instead, and use css rules to adjust the inner element to match the appearance you want.
... note: fullscreen requests need to be called from within an event handler or
otherwise they will be denied.
...And 2 more matches
HTMLImageElement.alt - Web APIs
perhaps the most important reason to use the alt tag is to support accessibility, as the alt text may be used by screen readers and
other assistive technologies to help differently-abled users make full use of your content.
...
otherwise, readers will find it open by default, which is not the intent here.
...in
other words, it should be the same text you would use in a textual button to serve the same purpose.
...And 2 more matches
HTMLImageElement.srcset - Web APIs
space characters,
other than the whitespace separating the url and the corresponding condition descriptor, are ignored; this includes both leading and trailing space, as well as space before or after each comma.
... if the condition descriptor is not provided (in
other words, the image candidate provides only a url), the candidate is used as the fallback if none of the
other candidates match.
...
otherwise, the condition descriptor may take one of two forms: to indicate that the image resource specified by the image candidate string should be used when the image is being rendered with a particular width in pixels, provide a width descriptor comprised the number giving that width in pixels followed by the lower case letter "w".
...And 2 more matches
RTCIceCandidatePairStats - Web APIs
this does not take into account the size of the ip overhead, nor any
other transport layers such as tcp or udp.
...this does not take into account the size of the ip overhead, nor any
other transport layers such as tcp or udp.
... bytesreceieved optional the total number of payload bytes received (that is, the total number of bytes received minus any headers, padding, or
other administrative overhead) on this candidate pair so far.
...And 2 more matches
Range - Web APIs
range.setstartbefore() sets the start position of a range relative to an
other node.
... range.setstartafter() sets the start position of a range relative to an
other node.
... range.setendbefore() sets the end position of a range relative to an
other node.
...And 2 more matches
SVGSVGElement - Web APIs
if no parent element exists (i.e., <svg> element represents the root of the document tree), if this svg document is embedded as part of an
other document (e.g., via the html <object> element), then the position and size are unitless values in the coordinate system of the parent document.
...when the browser actually knows the physical size of a "screen unit", this float attribute will express that information;
otherwise, user agents will provide a suitable default value (such as .28mm).
... svgsvgelement.usecurrentview the initial view (i.e., before magnification and panning) of the current innermost svg document fragment can be either the "standard" view, i.e., based on attributes on the <svg> element such as viewbox) or on a "custom" view (i.e., a hyperlink into a particular <view> or
other element).
...And 2 more matches
Using Service Workers - Web APIs
the below graphic shows a summary of the available service worker events: promises promises are a great mechanism for running async operations, with success dependant on one an
other.
...if you just passed in the url, and then tried to access the
other items in the json separately when the for() loop is being iterated through later on, it wouldn’t work, as the promise wouldn’t resolve at the same time as the iterations are being done (that is a synchronous process.) we actually resolve the promise with an array, as we want to make the loaded image blob available to the resolving function later on in the code, but also the image name, credi...
... let’s look at a few
other options we have when defining our magic (see our fetch api documentation for more information about request and response objects.) the response() constructor allows you to create a custom response.
...And 2 more matches
Storage API - Web APIs
the storage api gives sites' code the ability to find out how much space they can use, how much they are already using, and even control whether or not they need to be alerted before the user agent disposes of site data in order to make room for
other things.
... site storage—the data stored for a web site which is managed by the storage standard—includes: indexeddb databases cache api data service worker registrations web storage api data managed using window.localstorage history state information saved using history.pushstate() application caches notification data
other kinds of site-accessible, site-specific data that may be maintained site storage units the site storage system described by the storage standard and interacted with using the storage api consists of a single site storage unit for each origin.
...this origin, however, has a lower quota than the
other two do.
...And 2 more matches
Streams API concepts - Web APIs
the reader plus the
other processing code that goes along with it is called a consumer.
...if you want an
other reader to start reading your stream, you typically need to cancel the first reader before you do anything else (although you can tee streams, see the teeing section below) note that there are two different types of readable stream.
... as well as the conventional readable stream there is a type called a byte stream — this is an extended version of a conventional stream for reading underlying byte sources (
otherwise known as byob, or “bring your own buffer”) sources.
...And 2 more matches
Using readable streams - Web APIs
this is done using the readablestream.getreader() method: // fetch the original image fetch('./tortoise.png') // retrieve its body as readablestream .then(response => response.body) .then(body => { const reader = body.getreader(); invoking this method creates a reader and locks it to the stream — no
other reader may read this stream until this reader is released, e.g.
... creating your own custom readable stream the simple stream pump example we’ve been studying throughout this article includes a second part — once we’ve read the image from the fetch body in chunks, we then enqueue them into an
other, custom stream of our own creation.
...beginning generation of data or
otherwise getting access to the source.
...And 2 more matches
SubtleCrypto.verify() - Web APIs
return value result is a promise that fulfills with a boolean: true if the signature is valid, false
otherwise.
...*
otherwise set the "invalid" class.
...*
otherwise set the "invalid" class.
...And 2 more matches
WebGL best practices - Web APIs
_viewport_dims: [4096,4096] max_vertex_texture_image_units: 4 max_texture_image_units: 8 max_combined_texture_image_units: 8 max_vertex_attribs: 16 max_varying_vectors: 8 max_vertex_uniform_vectors: 128 max_fragment_uniform_vectors: 64 aliased_point_size_range: [1,100] your desktop may support 16k textures, or maybe 16 texture units in the vertex shader, but most
other systems don't, and content that works for you will not work for them!
... getshader/programparameter(), getshader/programinfolog(),
other gets on shaders/programs: flush + shader compile + round-trip, if not done after shader compilation is complete.
... an
other important method for batching is texture atlasing, where multiple images are placed into a single texture, often like a checkerboard.
...And 2 more matches
WebGL model view projection - Web APIs
glprogram = mdn.createwebglprogramfromids(gl, 'vertex-shader', 'fragment-shader'); gl.useprogram(this.webglprogram); // save the attribute and uniform locations this.positionlocation = gl.getattriblocation(this.webglprogram, 'position'); this.colorlocation = gl.getuniformlocation(this.webglprogram, 'color'); // tell webgl to test the depth when drawing, so if a square is behind // an
other square it won't be drawn gl.enable(gl.depth_test); } webglbox draw now we'll create a method to draw a box on the screen.
...the value of w is used as a divisor for the
other components of the coordinate, so that the true values of x, y, and z are computed as x/w, y/w, and z/w (and w is then also w/w, becoming 1).
...so most of the time, you need to transform the model data and
other coordinates into clip space.
...And 2 more matches
A simple RTCDataChannel sample - Web APIs
we'll cover the mechanics of accomplishing the connection and transmitting and receiving data, but we will save the bits about locating and linking to a remote computer for an
other example.
... note: even though both ends of our connection will be on the same page, we're going to refer to the one that starts the connection as the "local" one, and to the
other as the "remote" end.
... set up the ice candidates the next step is to set up each connection with ice candidate listeners; these will be called when there's a new ice candidate to tell the
other side about.
...And 2 more matches
Using WebRTC data channels - Web APIs
write your own code to negotiate the data transport and write your own code to signal to the
other peer that it needs to connect to the new channel.
... then negotiate the connection out-of-band, using a web server or
other means.
...this feature requires that each piece of the message have consecutive sequence numbers, so they have to be transmitted one after an
other, without any
other data interleaved between them.
...And 2 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
dependencies while we will not rely upon any 3d graphics frameworks such as three.js or the like for this example, we do use the glmatrix library for matrix math, which we've used in
other examples in the past.
... if we already have an ongoing session, on the
other hand, we call its end() method to stop the session.
...
otherwise, we create from the orientation changes in mousepitch and mouseyaw a quaternion specifying the inverse of that orientation, so that applying the inverseorientation to the cube will correctly appear to reflect the viewer's movement.
...And 2 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
one will change the tone and the
other will change how the pulse modulates the first wave: <label for="hz">hz</label> <input name="hz" id="hz" type="range" min="660" max="1320" value="880" step="1" /> <label for="lfo">lfo</label> <input name="lfo" id="lfo" type="range" min="20" max="40" value="30" step="1" /> as before, we'll vary the parameters when the range input values are changed by the user.
...in floating point audio, 1 is a convenient number to map to "full scale" for mathematical operations on signals, so oscillators, noise generators and
other sound sources typically output bipolar signals in the range -1 to 1.
... let's create an
other async function to set up the sample — we can combine the two async functions in a nice promise pattern to perform further actions when this file is loaded and buffered: async function setupsample() { const filepath = 'dtmf.mp3'; const sample = await getfile(audioctx, filepath); return sample; } note: you can easily modify the above function to take an array of files and loop over...
...And 2 more matches
Basic concepts behind Web Audio API - Web APIs
audio data: what's in a sample when an audio signal is processed, sampling means the conversion of a continuous signal to a discrete signal; or put an
other way, a continuous sound wave, such as a band playing live, is converted to a sequence of samples (a discrete-time signal) that allow a computer to handle the audio in distinct blocks.
... secondly, signals must be low-pass filtered before sampling,
otherwise aliasing occurs.
...all the
others (l, r, lfe, sl, and sr) are silent.
...And 2 more matches
Migrating from webkitAudioContext - Web APIs
(audiobuffersourcenode has yet an
other way of starting output: the notegrainon() method.) the noteon()/notegrainon()/noteoff() methods were the original way to start/stop output in these nodes, and in the newer versions of the specification, the noteon() and notegrainon() methods were consolidated into a single start() method, and the noteoff() method was renamed to the stop() method.
... the latter version of createbuffer() was potentially expensive, because it had to decode the audio buffer synchronously, and with the buffer being arbitrarily large, it could take a lot of time for this method to complete its work, and no
other part of your web page's code could execute in the mean time.
... code using the activesourcecount attribute of the audiocontext, like this snippet: var src0 = context.createbuffersource(); var src1 = context.createbuffersource(); // set buffers and
other parameters...
...And 2 more matches
Window - Web APIs
window.postmessage() provides a secure means for one window to send a string of data to an
other window, which need not be within the same domain as the first.
... window.setimmediate() executes a function after the browser has finished
other heavy tasks window.setresizable() toggles a user's ability to resize a window.
... storage fired when a storage area (localstorage or sessionstorage) has been modified in the context of an
other document.
...And 2 more matches
XRPose.emulatedPosition - Web APIs
the emulatedposition read-only attribute of the xrpose interface is a boolean value indicating whether or not both the the position component of the pose's transform is directly taken from the xr device, or it's simulated or computed based on
other sources.
... syntax let emulated = xrpose.emulatedposition; value a boolean which is true if the pose's position is computed based on estimates or is derived from sources
other than direct sensor data.
...any such data is taken from
other sources, such as keyboard or mouse inputs or game controllers.
...And 2 more matches
ARIA: article role - Accessibility
it is usually set on related content items such as comments, forum posts, newspaper articles or
other items grouped together on one page.
... <div role="article"> <h2>heading of the segment</h2> <p>paragraph for the segment.</p> <p>an
other paragraph.</p> ...
... <article> <h2>heading of the segment</h2> <p>paragraph for the segment.</p> <p>an
other paragraph.</p> ...
...And 2 more matches
ARIA: dialog role - Accessibility
in
other words, the dialog's label acts like a grouping label for the controls inside it (similar to how a <legend> element provides a grouping label for the controls inside a <fieldset> element).
...in addition to the needed control, dialogs can contain any number of focusable elements, even entire forms or
other container widgets like tabs.
...
otherwise the focus can be dropped to the beginning of the page.
...And 2 more matches
ARIA: listbox role - Accessibility
it is recommended that a checkbox, link or
other method be used to select all items, and ctrl+a could be used as a shortcut key for this.
... ids listed here cannot also be listed in aria-owns attributes of any
other elements.
... aria-readonly the user cannot change which options are selected or unselected, but the listbox is
otherwise operable.
...And 2 more matches
Accessibility Information for Web Authors - Accessibility
other organizations such as schools are starting to follow these guidelines as well.
... web content accessibility guidelines (wcag) 1.0 an
other important set of guidelines from the w3c web accessibility initiative (wai).
... dive into accessibility by mark pilgrim an excellent, easy-to-understand resource (available in english and in 9
other languages) on accessible website authoring, which goes into greater depth.
...And 2 more matches
Operable - Accessibility
guideline 2.1 — keyboard accessible: make all functionality available from a keyboard this guideline covers the necessity of making core website functionality available via a keyboard in addition to
other means (e.g.
...live multiplayer games), and any
other activity that requires a time limit and would be invalidated if it were turned off.
... 2.2.2 pausing, stopping, hiding (a) for moving/blinking content that starts automatically, lasts longer than 5 seconds, and is shown alongside
other content, controls should be provided to pause, stop, or hide it.
...And 2 more matches
Text labels and names - Accessibility
there are many situations in which a control, dialog, or
other website feature should be given a descriptive name or label to allow users of assistive technologies to understand what its purpose is and to be able to understand and operate it correctly.
... examples the title for the reference article about the <title> element is as follows: <title><title>: the document title element - html: hypertext markup language</title> an
other example might look like so: <title>fill in your details to register — mygov services</title> to help the user, you can update the page title value to reflect significant page state changes (such as form validation problems): <title>2 errors — fill in your details to register — mygov services</title> see also <title> embedded content must be labeled make sure that elements that emb...
... <figure> <img src="milkweed.jgp" alt="black and white close-up photo of milkweed flowers"> <figcaption>asclepias verticillata</figcaption> </figure> fieldset elements must be labeled fieldset elements must have a text description, similar to
other form elements.
...And 2 more matches
@supports - CSS: Cascading Style Sheets
the rule may be placed at the top level of your code or nested inside any
other conditional group at-rule.
...to combine it with
other operators, like and and or, the parentheses are required.
...
otherwise, the condition is invalid and the whole rule is ignored.
...And 2 more matches
Ordering Flex Items - CSS: Cascading Style Sheets
this allows authors to manipulate the visual presentation while leaving the source order intact for non-css uas and for linear models such as speech and sequential navigation.” - ordering and orientation if your items were links or some
other element that the user could tab to, then the tabbing order would be the order that these items appear in the document source — not your visual order.
... if you are using a reverse value, or
otherwise reordering your items, you should consider whether you actually need to change the logical order in the source.
...h a warning not to use reordering to fix issues in your source: “authors must not use order or the *-reverse values of flex-flow/flex-direction as a substitute for correct source ordering, as that can ruin the accessibility of the document.” note: for some years firefox had a bug whereby it would attempt to follow the visual order and not the source order, making it behave differently to
other browsers.
...And 2 more matches
Using CSS gradients - CSS: Cascading Style Sheets
if you leave a location unspecified, the position of that particular color stop will be automatically calculated for you, with the first color stop being at 0% and the last color stop being at 100%, and any
other color stops being half way between their adjacent color stops.
... <div class="layered-image"></div> div { width: 300px; height: 150px; } .layered-image { background: linear-gradient(to right, transparent, mistyrose), url("https://mdn.mozillademos.org/files/15525/critters.png"); } stacked gradients you can even stack gradients with
other gradients.
... <div class="radial-gradient"></div> div { width: 120px; height: 120px; } .radial-gradient { background: radial-gradient(red 10px, yellow 30%, #1e90ff 50%); } positioning the center of the gradient you can position the center of the gradient with keyterms, percentage, or absolute lengths, length and percentage values repeating if only one is present,
otherwise in the order of position from the left and position from the top.
...And 2 more matches
Privacy and the :visited selector - CSS: Cascading Style Sheets
this was done through window.getcomputedstyle and
other techniques.
... little white lies to preserve users' privacy, firefox and
other browsers will lie to web applications under certain circumstances: the window.getcomputedstyle method, and similar functions such as element.queryselector, will always return values indicating that a user has never visited any of the links on a page.
...only the following styles can be applied to visited links: color background-color border-color (and its sub-properties) column-rule-color outline-color the color parts of the fill and stroke attributes in addition, even for the above styles, you won't be able to change the transparency between unvisited and visited links, as you
otherwise would be able to using rgba(), hsla(), or the transparent keyword.
...And 2 more matches
Scaling of SVG backgrounds - CSS: Cascading Style Sheets
this is very much like specifying a specific width and height, since once you have one dimension and a ratio, the
other dimension is implied, but it's still a useful example.
...in
other words, the image will always get stretched to the dimensions you specify, regardless of whether or not the source image has specified its dimensions and/or aspect ratio.
...contain, on the
other hand, makes the image as large as possible while not being clipped by the background area.
...And 2 more matches
Using CSS custom properties (variables) - CSS: Cascading Style Sheets
custom properties allow a value to be stored in one place, then referenced in multiple
other places.
...for example, --main-text-color is easier to understand than #00ff00, especially if this same color is also used in
other contexts.
...like any
other property, this is written inside a ruleset, like so: element { --main-bg-color: brown; } note that the selector given to the ruleset defines the scope that the custom property can be used in.
...And 2 more matches
align-content - CSS: Cascading Style Sheets
gn-content: stretch; /* distribute items evenly stretch 'auto'-sized items to fit the container */ /* overflow alignment */ align-content: safe center; align-content: unsafe center; /* global values */ align-content: inherit; align-content: initial; align-content: unset; values start the items are packed flush to each
other against the start edge of the alignment container in the cross axis.
... end the items are packed flush to each
other against the end edge of the alignment container in the cross axis.
... flex-start the items are packed flush to each
other against the edge of the alignment container depending on the flex container's cross-start side.
...And 2 more matches
conic-gradient() - CSS: Cascading Style Sheets
its concrete size will match the size of the element it applies to, or size of the <image> is set to something
other than the element size.
...for this reason, conic-gradient() won't work on background-color and
other properties that use the <color> data type.
...if the color stops are much lighter on one side than the
other, it can look like a cone from above.
...And 2 more matches
cross-fade() - CSS: Cascading Style Sheets
specification syntax the cross-fade() function takes a list of images with a percentage defining how much of each image is retained in terms of opacity when it is blended with the
other images.
... in the simplest case, two images are faded between each
other.
... to do that, only one of the images needs to have a percentage, the
other one will be faded accordingly.
...And 2 more matches
filter - CSS: Cascading Style Sheets
if one filter is none, it is replaced with the filter functions list of the
other one using the filter function default values, then all filter functions are interpolated according to their specific rules.
...
otherwise, discrete interpolation is used.
...the value of radius defines the value of the standard deviation to the gaussian function, or how many pixels on the screen blend into each
other, so a larger value will create more blur.
...And 2 more matches
image-rendering - CSS: Cascading Style Sheets
the property applies to an element itself, to any images set in its
other properties, and to its descendants.
... the user agent will scale an image when the page author specifies dimensions
other than its natural size.
...if system resources are constrained, images with high-quality should be prioritized over those with any
other value, when considering which images to degrade the quality of and to what degree.
...And 2 more matches
min() - CSS: Cascading Style Sheets
in
other words, the maximum width is 200px.
... the expressions can be math expressions (using arithmetic operators), literal values, or
other expressions, such as attr(), that evaluate to a valid argument type (like <length>).
... it is permitted to nest max() and
other min() functions as expression values.
...And 2 more matches
visibility - CSS: Cascading Style Sheets
however, the size of
other rows and columns is still calculated as though the cells in the collapsed row(s) or column(s) are present.
... for xul elements, the computed size of the element is always zero, regardless of
other styles that would normally affect the size, although margins still take effect.
... for
other elements, collapse is treated the same as hidden.
...And 2 more matches
CSS: Cascading Style Sheets
css describes how elements should be rendered on screen, on paper, in speech, or on
other media.
... css first steps css (cascading style sheets) is used to style and layout web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and
other decorative features.
...here we look at text styling fundamentals, including setting font, boldness, italics, line and letter spacing, drop shadows, and
other text features.
...And 2 more matches
Setting up adaptive streaming media sources - Developer guides
the mpd file tells the browser where the various pieces of media are located, it also includes meta data such as mimetype and codecs and there are
other details such as byte-ranges in there too - it is an xml document and in many cases will be generated for you.
...
other reasons to use live profile over ondemand for vod content may be: your client or server does not support range requests your server cannot cache range requests efficiently your server cannot prefetch range requests efficiently the sidx* is large and having to load it first slows down startup a little you want to use the original files for both dash and
other forms of delivery (such as microsoft smooth streaming) as a transition strategy you can use the same media files for both live transmission and vod at a later s...
...tage *sidx or segmentindexbox is a structure describing a segment by giving its earliest presentation time and
other meta-data and can often make up a large portion of the mpd file.
...And 2 more matches
Content categories - Developer guides
main content categories metadata content elements belonging to the metadata content category modify the presentation or the behavior of the rest of the document, set up links to
other documents, or convey
other out of band information.
... a few
other elements belong to this category, but only if a specific condition is fulfilled: <area>, if it is a descendant of a <map> element <link>, if the itemprop attribute is present <meta>, if the itemprop attribute is present <style>, if the scoped attribute is present sectioning content elements belonging to the sectioning content model create a section in the current outline that defines th...
... a few
other elements belong to this category, but only if a specific condition is fulfilled: <a>, if it contains only phrasing content <area>, if it is a descendant of a <map> element <del>, if it contains only phrasing content <ins>, if it contains only phrasing content <link>, if the itemprop attribute is present <map>, if it contains only phrasing content <meta>, if the itemprop attribute is pres...
...And 2 more matches
HTML5 - Developer guides
webrtc this technology, where rtc stands for real-time communication, allows connecting to
other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.
...most
others have offline resource support at some level.
... webrtc this technology, where rtc stands for real-time communication, allows connecting to
other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.
...And 2 more matches
Index - Developer guides
2 ajax ajax, dom, json, javascript, references, xmlhttprequest asynchronous javascript and xml, while not a technology in itself, is a term coined in 2005 by jesse james garrett, that describes a "new" approach to using a number of existing technologies together 3 community ajax if you know of useful mailing lists, newsgroups, forums, or
other communities related to ajax, please link to them here.
... 7 adding captions and subtitles to html5 video html5, media, webvtt, captions, subtitles, track in
other articles we looked at how to build a cross browser video player using the htmlmediaelement and window.fullscreen apis, and also at how to style the player.
...this article discusses how to build a buffer/seek bar using timeranges, and
other features of the media api.
...And 2 more matches
User input and controls - Developer guides
for devices providing a mouse/touchpad as a pointing method, the pointer lock api helps you in implementing a first person 3d game or
other applications requiring full control of the pointing device.
...when screen orientation matters for your application, through the screen orientation api you can read the screen orientation state and perform
other actions.
...a pointer can be any point of contact on the screen made by a mouse cursor, pen, touch (including multi-touch), or
other pointing input device.
...And 2 more matches
Date and time formats used in HTML - HTML: Hypertext Markup Language
while user interfaces may allow entry of dates using
other calendars, the underlying value always uses the gregorian calendar.
... a year has 53 weeks if: the first day of the calendar year (january 1) is a thursday or the first day of the year (january 1) is a wednesday and the year is a leap year all
other years have 52 weeks.
...the minute may optionally be followed by an
other colon and a two-digit number of seconds.
...And 2 more matches
<input type="radio"> - HTML: Hypertext Markup Language
unlike
other browsers, firefox by default persists the dynamic checked state of an <input> across page loads.
...if the value is not
otherwise specified, it is the string on by default.
...let's now look at the
other common radio-button-related features and techniques you may need to know about.
...And 2 more matches
Standard metadata names - HTML: Hypertext Markup Language
origin-when-cross-origin send the full url (stripped of parameters) for same-origin requests, but only send the origin for
other cases.
...
otherwise, send no referrer.
... standard metadata names defined in
other specifications the css color adjustment specification defines the following metadata name: color-scheme: specifies one or more color schemes with which the document is compatible.
...And 2 more matches
Configuring servers for Ogg media - HTTP
html <audio> and <video> elements allow media presentation without the need for the user to install any plug-ins or
other software to do so.
...this information may also be useful if you encounter
other media types your server isn't already configured to recognize.
...it must return 206: partial content to all byte range requests;
otherwise, browsers can't be sure you actually support byte range requests.
...And 2 more matches
HTTP response status codes - HTTP
it is intended for cases where an
other process or server handles the request, or for batch processing.
...this is mostly used for mirrors or backups of an
other resource.
... 303 see
other the server sent this response to direct the client to get the requested resource at an
other uri with a get request.
...And 2 more matches
Equality comparisons and sameness - JavaScript
here are four equality algorithms in es2015: abstract equality comparison (==) strict equality comparison (===): used by array.prototype.indexof, array.prototype.lastindexof, and case-matching samevaluezero: used by %typedarray% and arraybuffer constructors, as well as map and set operations, and also string.prototype.includes and array.prototype.includes since es2016 samevalue: used in all
other places javascript provides three different value-comparison operations: === - strict equality comparison ("strict equality", "identity", "triple equals") == - abstract equality comparison ("loose equality", "double equals") object.is provides samevalue (new in es2015).
...neither value is implicitly converted to some
other value before being compared.
...strict equality treats nan as unequal to every
other value -- including itself.
...And 2 more matches
Control flow and error handling - JavaScript
in
other words, block statements do not define a scope.
...
otherwise, statement_2 is executed.
...g misread as "x == y" if (x = y) { /* statements here */ } if you need to use an assignment in a conditional expression, a common practice is to put additional parentheses around the assignment, like this: if ((x = y)) { /* statements here */ } falsy values the following values evaluate to false (also known as falsy values): false undefined null 0 nan the empty string ("") all
other values—including all objects—evaluate to true when passed to a conditional statement.
...And 2 more matches
Regular expressions - JavaScript
use the constructor function when you know the regular expression pattern will be changing, or you don't know the pattern and are getting it from an
other source, such as user input.
... assertions assertions include boundaries, which indicate the beginnings and endings of lines and words, and
other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).
... similarly, if you're writing a regular expression literal and need to match a slash ("/"), you need to escape that (
otherwise, it terminates the pattern).
...And 2 more matches
JavaScript technologies overview - JavaScript
one of them is the core language (ecmascript), an
other is the collection of the web apis, including the dom (document object model).
... among
other things, ecmascript defines: language syntax (parsing rules, keywords, control flow, object literal initialization, ...) error handling mechanisms (throw, try...catch, ability to create user-defined error types) types (boolean, number, string, function, object, ...) the global object.
...
other things such as dom traversal and dom range.
...And 2 more matches
Object.freeze() - JavaScript
> object.freeze(1) typeerror: 1 is not an object // es5 code > object.freeze(1) 1 // es2015 code an arraybufferview with elements will cause a typeerror, as they are views over memory and will definitely cause
other possible issues: > object.freeze(new uint8array(0)) // no elements uint8array [] > object.freeze(new uint8array(1)) // has elements typeerror: cannot freeze array buffer views with elements > object.freeze(new dataview(new arraybuffer(32))) // no elements dataview {} > object.freeze(new float64array(new arraybuffer(64), 63, 0)) // no elements float64array [] > object.freeze(new float64array(...
... obj1 = { internal: {} }; object.freeze(obj1); obj1.internal.a = 'avalue'; obj1.internal.a // 'avalue' to be a constant object, the entire reference graph (direct and indirect references to
other objects) must reference only immutable frozen objects.
... the object being frozen is said to be immutable because the entire object state (values and references to
other objects) within the whole object is fixed.
...And 2 more matches
Object - JavaScript
otherwise, it will return an object of a type that corresponds to the given value.
...
other code cannot delete or change its properties.
... object.seal() prevents
other code from deleting properties of an object.
...And 2 more matches
Promise.prototype.then() - JavaScript
returns an
other pending promise object, the resolution/rejection of the promise returned by then will be subsequent to the resolution/rejection of the promise returned by the handler.
...didn't b
other to instantiate and return " + "a promise in the prior then so the sequence may be a bit " + "surprising"); // note that `string` will not have the 'baz' bit of it at this point.
...didn't b
other to instantiate and return a promise in the prior then so the sequence may be a bit surprising // foobar // foobarbaz when a value is simply returned from within a then handler, it will effectively return promise.resolve(<value returned by whichever handler was called>).
...And 2 more matches
WeakRef - JavaScript
a weakref object lets you hold a weak reference to an
other object, without preventing that object from getting garbage-collected.
...any behavior you observe in one engine may be different in an
other engine, in an
other version of the same engine, or even in a slightly different situation with the same version of the same engine.
...sources of variability include: one object might be garbage-collected much sooner than an
other object, even if they become unreachable at the same time, e.g., due to generational collection.
...And 2 more matches
Object initializer - JavaScript
values of object properties can either contain primitive data types or
other objects.
... in json the values can only be strings, numbers, arrays, true, false, null, or an
other (json) object.
...the values of these keys are a string "bar", the number 42, and an
other object.
...And 2 more matches
delete operator - JavaScript
description unlike what common belief suggests (perhaps due to
other programming languages like delete in c++), the delete operator has nothing to do with directly freeing memory.
... if a property with the same name exists on the object's prototype chain, then, after deletion, the object will use the property from the prototype chain (in
other words, delete only has an effect on own properties).
... var employee = {}; object.defineproperty(employee, 'name', {configurable: false}); console.log(delete employee.name); // returns false var, let, and const create non-configurable properties that cannot be deleted with the delete operator: var name
other = 'xyz'; // we can access this global property using: object.getownpropertydescriptor(window, 'name
other'); // output: object {value: "xyz", // writable: true, // enumerable: true, // configurable: false} // since "name
other" is added using with the // var keyword, it is marked as "non-configurable" delete name
other; // return false in str...
...And 2 more matches
new operator - JavaScript
description the new keyword does the following things: creates a blank, plain javascript object; links (sets the constructor of) this object to an
other object; passes the newly created object from step 1 as the this context; returns this if the function doesn't return an object.
...an object can have a property that is itself an
other object.
... the object (not null, false, 3.1415 or
other primitive types) returned by the constructor function becomes the result of the whole new expression.
...And 2 more matches
export - JavaScript
the export statement is used when creating javascript modules to export live bindings to functions, objects, or primitive values from the module so they can be used by
other programs with the import statement.
...function* export { name1 as default, … }; // aggregating modules export * from …; // does not set the default export export * as name1 from …; // draft ecmascript® 2o21 export { name1, name2, …, namen } from …; export { import1 as name1, import2 as name2, …, namen } from …; export { default } from …; namen identifier to be exported (so that it can be imported via import in an
other script).
... but a default export can be imported with any name for example: // file test.js let k; export default k = 12; // some
other file import m from './test'; // note that we have the freedom to use import m instead of import k, because k was default export console.log(m); // will log 12 you can also rename named exports to avoid naming conflicts: export { myfunction as function1, myvariable as variable }; re-exporting / aggregating it is also possible to "import/export" from different modules in a par...
...And 2 more matches
Animation performance and frame rate - Web Performance
animation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and
other image types.
... the performance cost of animating a css property can vary from one property to an
other, and animating expensive css properties can result in jank as the browser struggles to hit a smooth frame rate.
...code based animations, be it css, svg, <canvas>, webgl or
other javascript animations, can cause performance issues even if the bandwidth footprint is small.
...And 2 more matches
Optimizing startup performance - Web Performance
this article offers tips and suggestions to help you achieve that goal, both when writing a new app and when porting an app from an
other platform to the web.
...
other than the reasons suggested above, consider the impact of a non-responsive page or user interface.
... on the
other hand, however, it can get tricky when you're porting an existing app to the web.
...And 2 more matches
Mixed content - Web security
mixed passive/display content mixed passive/display content is content served over http that is included in an https webpage, but that cannot alter
other portions of the webpage.
...hence, in addition to the risks described for mixed display content above, mixed active content is vulnerable to a few
other attack vectors.
...if the webpage is public and has no sensitive data about the user, using mixed active content still provides the attacker with the opportunity to redirect the user to
other http pages and steal http cookies from those sites.
...And 2 more matches
2015 MDN Fellowship Program - Archive of obsolete content
in 2015, mdn will expand the impact of this content by developing kits of key learning materials, including such elements as code samples, videos and
other elements being finalized.
... activities and deliverables act as lead curator for technical curriculum addressing a key web technology, developing code samples, videos, interactive exercises and
other components to be determined.
... required skills and experience experienced web developer with expertise in javascript, css, html and/or
other key technologies.
... the fellows will meet the stated deliverables of their projects and meet weekly with their mentor, the program lead and their
other fellows.
Communicating using "port" - Archive of obsolete content
to enable add-on scripts and content scripts to communicate with each
other, each end of the conversation has access to a port object.
... to send messages from one side to the
other, use port.emit() to receive messages sent from the
other side, use port.on() messages are asynchronous: that is, the sender does not wait for a reply from the recipient but just emits the message and continues processing.
...er.port.on('click', function(html) { worker.port.emit('warning', 'do not click this again'); }); } }); in the add-on above there are two user-defined messages: click is sent from the page-mod to the add-on, when the user clicks an element in the page warning sends a silly string back to the page-mod port.emit() the port.emit() function sends a message from the "main.js", or an
other add-on module, to a content script, or vice versa.
...t script to the main add-on code: var mymessagepayload = "some data"; self.port.emit("mymessage", mymessagepayload); from the main add-on code (in this case a panel instance) to the content script: var mymessagepayload = "some data"; panel.port.emit("mymessage", mymessagepayload); port.on() the port.on() function registers a function as a listener for a specific named message sent from the
other side using port.emit().
Classes and Inheritance - Archive of obsolete content
in
other words: circle.prototype.constructor == circle // => true the instanceof operator compares the constructor property of the prototype of the left hand side with that of the right hand side, and returns true if they are equal.
...
otherwise, it repeats the comparison for the prototype of the right hand side, and so on, until either it returns true, or the prototype becomes null, in which case it returns false.
... an
other special property is extends.
...on the
other hand, the call to the constructor for shape still has to be made explicitly.
page-worker - Archive of obsolete content
a page worker may be destroyed, after which its memory is freed, and you must create a new instance to load an
other page.
... include string, regexp, array of (string or regexp) this is useful when your page worker loads a page which will redirect to
other pages.
...after you destroy a page worker, its memory is freed and you must create a new instance if you need to load an
other page.
...this is useful when using pages which redirect to
other pages in your page-worker.
tabs - Archive of obsolete content
to convert back the
other way, from a xul tab to a high-level tab object, use the modelfor() function, exported by the modelfor module.
... here's an example converting from a high-level tab to a xul tab and then back the
other way: var { modelfor } = require("sdk/model/core"); var { viewfor } = require("sdk/view/core"); var tabs = require("sdk/tabs"); var tab_utils = require("sdk/tabs/utils"); function maphighleveltolowlevel(tab) { // get the xul tab that corresponds to this high-level tab var lowleveltab = viewfor(tab); // now we can, for example, access the tab's content directly var browser = tab_utils.getbrowserfortab(lowleveltab); console.log(browser.contentdocument.body.innerhtml); // get the high-level tab back from the xul tab var highleveltab = modelfor(lowleveltab); console.log(highleveltab.url); } tabs.on("ready", maphighleveltolowlevel); note that directly accessing xul objects and web content l...
...this may come from http headers or
other sources of mime information, and might be affected by automatic type conversions performed by either the browser or extensions.
... index the index of the tab relative to
other tabs in the application window.
core/heritage - Archive of obsolete content
ruff!' }; // subclassing a `dog` function pet(name, breed) { // once again we do our little dance if (!(this instanceof pet)) return new pet(name, breed); dog.call(this, name); this.breed = breed; } // to subclass, you need to make an
other special dance with special // 'prototype' properties.
... pet.prototype = object.create(dog.prototype); // if you want correct instanceof behavior you need to make a dance with // an
other special `constructor` property of the `prototype` object.
...as a matter of fact since result is just a plain constructor function with proper prototype chain setup you could sub-class it as any
other constructor: function labrador() { // ...
...tring: function tostring() { return this.hex() + '@' + point.prototype.tostring.call(this) } }); var pixel = pixel(11, 23, 'cc3399'); pixel.tostring(); // => #cc3399@11:23 pixel instanceof pixel // => true pixel instanceof point // => true extend module exports extend utility function, that is useful for creating objects that inherit from
other objects, without associated classes.
core/promise - Archive of obsolete content
promises consider an
other approach, instead of continuation via callbacks, a function returns an object that represents a eventual result, either successful or failed.
... this technique is so powerful that it can replace most of the promise utility functions provided by
other promise libraries.
... an
other simple example may be a delay function that returns a promise which is fulfilled with a given value after a given time ms -- kind of promise based alternative to settimeout: function delay(ms, value) { let { promise, resolve } = defer(); settimeout(resolve, ms, value); return promise; } delay(10, 'hello world').then(console.log); // after 10ms => 'helo world' advanced usage if general d...
...in fact some
other promise frameworks do that.
Localization - Archive of obsolete content
for example, english has two forms: a singular form for "one", and a plural form for "everything else, including zero": one tomato no tomatoes two tomatoes but russian has different forms for numbers ending in 1 (except 11), numbers ending in 2-4 (except 12-14) and
other numbers: один помидор // one tomato два помидора // two tomatoes пять помидоров // five tomatoes the sdk uses the unicode cldr data to describe the different plural forms used by different languages.
...in this scheme a language maps each distinct range of numbers on to one of up to six forms, identified by the following categories: zero, one, two, few, many, and
other.
... english has two forms, which can be described by mapping "1" to "one" and "everything else" to "
other": one → n is 1;
other → everything else russian uses four forms, that can be described as follows: one → n mod 10 is 1 and n mod 100 is not 11; few → n mod 10 in 2..4 and n mod 100 not in 12..14; many → n mod 10 is 0 or n mod 10 in 5..9 or n mod 100 in 11..14;
other → everything else plural rules for all languages can be found in the cldr language plural rules page (although this table is out of date compared to the cldr xml source).
...so in english we could have two plural localizations (note that the "
other" category does not take the cldr keyword): # en-us translations tomato_id[one]= %d tomato tomato_id= %d tomatoes in russian we could have four plural localizations: # ru-ru translations tomato_id[one]= %d помидор tomato_id[few]= %d помидора tomato_id[many]= %d помидоров tomato_id= %d помидоры the localization module itself understands the cldr definitions for...
Finding window handles - Archive of obsolete content
an
other technique is to use the accessibility framework, see for example http://developer.mozilla.org/en/docs..._of_interfaces an
other way to find a window handle...
... like this hwnd gethwnd(nsibasewindow *window) { nscomptr< nsiwidget > widget; window->getmainwidget(getter_addrefs(widget)); if (widget) return (hwnd) widget->getnativedata(ns_native_window); } yet an
other way to find a window handle (parent window handle) this method is for people who want to get the top level window hwnd from the window object in javascript.
... comparing to the method above, by using this method, you don't have to compile your component with nsiwidget.h and
other bunchs of h files that should not be exposed to outside, and could change every time firefox updates, all you need is nsibasewindow.idl(it's not in gecko_sdk, get this from the latest firefox source, or http://mxr.mozilla.org/mozilla/sourc...basewindow.idl), and use xpidl to compile it to .h file, although that's stll a unfrozen interface, but it should be a lot better.
... gpointer(); var rez_gwgud = gdk_window_get_user_data(browserwindow_madeintogdkwinptr, gptr.address()); console.info('rez_gwgud:', rez_gwgud, /*rez_gwgud.tostring(),*/ uneval(rez_gwgud)); // return is void so cant do .tostring on it var browserwindow_madeintogtkwindowptr = ctypes.cast(gptr, gtkwindow.ptr); // focusing window this way is better, so it maintains proper history in case you or some
other app want to focus "most recent window" by timestamp // var rez_gst = gdk_x11_get_server_time(browserwindow_madeintogdkwinptr); // console.info('rez_gst:', rez_gst, uneval(rez_gst)); // return is a number of ms since the computer (xserver) was on // var rez_gwpwt = gtk_window_present_with_time(browserwindow_madeintogtkwindowptr, rez_gst); // console.info('rez_gwaf:', rez_gwpwt, uneval(rez_gwpwt));...
Label and description - Archive of obsolete content
<description>i am your father's br
other's nephew's cousin's former roommate.
... <description style="white-space: pre-wrap;">i am your father's br
other's nephew's cousin's former roommate.
... <description style="white-space: pre;">i am your father's br
other's nephew's cousin's former roommate.
... <description>i am your father's br
other's nephew's cousin's former roommate.<html:br/> what's that make us?<html:br/> absolutely nothing!</description> using labels as anchors its possible to make a label look and act like an html <a> tag: <label class="text-link" href="http://whatever.com" value="click here to go to whatever"/> "text-link" is a built-in, predefined class.
Miscellaneous - Archive of obsolete content
this event is mozilla-only;
other browsers may support window.onmousewheel.
...r: var common = { _bundle: components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice) .createbundle("chrome://myext/locale/myext.properties"), getlocalizedmessage: function(msg) { return this._bundle.getstringfromname(msg); } }; alert(common.getlocalizedmessage("invalid.url")) an
other similar alternative (using both getstringfromname and formatstringfromname), is: var fcbundle = components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice) .createbundle("chrome://myext/locale/myext.properties"); function getstr(msg, args){ //get localised message if (args){ args = array.prototype.slice.cal...
...id: "@mozilla.org/certs-service;2", classid: components.id("{e9d2d37c-bf25-4e37-82a1-16b8fa089939}"), queryinterface: xpcomutils.generateqi([ci.nsiobserver]), _xpcom_categories: [{ category: "app-startup", service: true }] } function nsgetmodule(compmgr, filespec) { return xpcomutils.generatemodule([certsservice]); } you need to delete your existing profile,
otherwise the xpcom service is not used.
... an
other one is to utilize bootstrap.js startup function data argument: function startup(data, reason) { // some code ...
Extension Versioning, Update and Compatibility - Archive of obsolete content
it varies depending on what type of add-on you are providing information for: for an extension or plugin bundle it must be urn:mozilla:extension:<id> for a theme it must be urn:mozilla:theme:<id> for any
other type of add-on it must be urn:mozilla:item:<id> note: prior to gecko 2.0 (firefox 4.0), the ordering of the versions within the <rdf:seq> is significant.
...you may also use the
other substitution strings supported by updateurl, although those may be less useful.
... formatting prior to firefox 4 prior to firefox 4 you could only use the following tags, any
other tags have themselves and their contents completely stripped: h1, h2 and h3 for general headings p for paragraphs ul and ol for lists.
...
other tags aren't included in the result but do have their contents displayed, so the following snippet: <span><q>text</q></span> would be rendered exactly the same as: <q>text</q> sample file <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html lang="en-us" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <h2>my extension</h2> <ul> ...
Jetpack Processes - Archive of obsolete content
these processes are relatively lightweight, do not have access to xpcom, and can innately do little
other than compute.
...by default, a handle is rooted in the javascript interpreter's garbage collector, meaning that even if a process throws it away, it will not be garbage collected unless the
other process explicitly does something to indicate that it is no longer needed.
... if that
other process does not do something explicit and simply removes all references to it, the handle remains rooted yet unreachable in both processes and a memory leak is created.
...this is useful for associating handles to the lifetime of a particular window, context menu, or
other element, and helping ensure that they do not leak.
Extensions support in SeaMonkey 2 - Archive of obsolete content
differences as compared to
other toolkit/-based applications you need to overlay/open different chrome urls as compared to firefox.
...seamonkey on the
other hand defaults to not support them so they either need to be expanded to their proper forms or matching constants/variables need to be defined in custom code.
...d = "{92650c4d-4b8e-4d2a-b7eb-24ecf4f6b63a}"; var appinfo = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsixulappinfo); if(appinfo.id == firefox_id) { // running under firefox } else if(appinfo.id == thunderbird_id) { // running under thunderbird } else if(appinfo.id == seamonkey_id) { // running under seamonkey } else { // an
other app } see using nsixulappinfo for more details.
... in manifest file seamonkey uses different overlays than
other applications.
XUL user interfaces - Archive of obsolete content
more specialized features can be built from parts by using xul together with
other technologies that you have seen in this tutorial: css style, javascript code, and xbl bindings.
... like
other xml-based languages, xul uses css stylesheets.
...it is made up of
other elements that are generated by its xbl binding.
...if you had difficulty understanding this page, or if you have
other comments about it, please contribute to its discussion page.
List of Mozilla-Based Applications - Archive of obsolete content
e) standalone version cloud web operating system cloud browse iphone/ipad/ipod touch browser seems to be firefox running remotely on servers that people access through device conkeror keyboard-oriented browser convertigo enterprise mashup server server tool for transactional web scraping and for web clipping cometbird an
other firefox mod modified version of firefox correo email couac (fr) web-based email and jabber app couchdb document-oriented database uses spidermonkey courtanet benefit (fr) underwriting software for french insurance brokers crosscheck browserless testing framework uses mozilla rhino crowbar server tool ...
...rary english cd-rom lotus notes / sametime groupware the latest version of ibm lotus notes and sametime can embed xul applications lucidor e-book reader lx-office accounting tool looks like it makes at least some use of xul maavis simple ui & communications for accessibility framework designed for elderly people with dementia but
other applications mac os x operating system makes use of some mpl files such as libsecurity_asn1 maemo browser browser for maemo internet tablet development name is microb magooclient business process management tool uses mozilla rhino mantra security tool mccoy secure update tool for add-ons xulrunner application med...
...python-hulahop is required python-hulahop a python gtk widget uses embedded xulrunner, providing full access to nsi dom and all
other xulrunner interfaces, in a gtk window.
...
other places to find mozilla applications include: http://www.mozilla.org/projects/ http://developer.mozilla.org/en/docs/xulrunner_hall_of_fame http://www.mozdev.org http://xulapps.net/ http://dmoz.org/computers/data_formats/markup_languages/xml/applications/xul/applications/ http://blog.mozbox.org/post/2007/06/14/xul-activity-in-france http://www.mozilla.org/projects/security/pki/nss/overview...
ActiveX Control for Hosting Netscape Plug-ins in IE - Archive of obsolete content
now you can use your plug-ins in any recent version of ie or in any
other activex container for that matter.
... build it it is quite simple to build the control locate the pluginhostctrl directory: open pluginhostctrl.dsp build "win32 debug" or an
other target open some of the test files under pluginhostctrl\tests in internet explorer to verify the control has built and registered correctly.
... a note to developers if you intend to modify this control in any way then you must also change the clsid from {dbb2de32-61f1-4f7f-beb8-a37f5bc24ee2} to something else and any
other guids this control relies upon (iid, libids etc).
... this is necessary so that your control may coexist with the generic version and any
other versions that
other plug-ins vendors may have installed.
Getting Started - Archive of obsolete content
classic.jar locations linux: folder_with_seamonkey/chrome/classic.jar windows: folder_with_seamonkey\chrome\classic.jar for mac os x: folder_with_seamonkey/chrome/classic.jar copy classic.jar to an
other easily accessible folder -- classic is recommended -- extract the contents of that folder, being sure to maintain the directory structure.
... skin skin simply contains an
other directory, classic which holds all the good stuff.
...if we also had skins for chatzilla, we would need to add an
other line resembling the
other ones and change it to point to chatzilla.
...css files the css files in these directories tell the browser how to display the buttons and
other controls, where to put the images, what border and padding it should put around them, and so on.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
the library also depends on an
other script library, which you should also include, usually at the top of your xul file.
...if we wanted to handle the
other cases also, we can call the
other functions, as in the following example: <description value="click and drag this text." ondraggesture="nsdraganddrop.startdrag(event,textobserver)" ondragover="nsdraganddrop.dragover(event,textobserver)" ondragexit="nsdraganddrop.dragexit(event,textobserver)" ondragdrop="nsdraganddrop.drop(event,textobserver)" />...
...this function is necessary so that the wrapper can determine the best flavour to pass to the
other functions.
...
otherwise, the plain text version will be used instead.
Drag and Drop - Archive of obsolete content
this section describes how to implement objects that can be dragged around and dropped onto
other objects.
...for example, dragging files to
other directories, or dragging an icon to an
other window to open the document it refers to.
... note that drag sessions can be created from within mozilla itself or from
other applications.
...the is also called after a drop is complete so that an element has a chance to remove any highlighting or
other indication.
Java in Firefox Extensions - Archive of obsolete content
mpler hello world version than that below is now available at http://brett-zamir.me/java_demo/ ] for privileges, the basic procedure is: download and include http://simile.mit.edu/repository/jav...nsionutils.jar within your extension (you can also build your own from the source files at http://simile.mit.edu/repository/jav...xtensionutils/ ) build and add references leading to this jar and all
other jars in your extension within an array of java.net.url's, pass to java.net.urlclassloader to get a class loader, and finally pass the classloader and array to a function which gives the necessary privileges: // this function will be called to give the necessary privileges to your jar files // however, the policy never comes into play, because // (1) adding permissions doesn't add to the poli...
...jar files (the following assumes your jars are within a // directory called "java" at the root of your extension's folder hierarchy) // you must add this utilities (classloader) jar to give your extension full privileges var extensionurl = "file:///" + extensionpath.path.replace(/\\/g,"/"); var classloaderjarpath = extensionurl + "/java/javafirefoxextensionutils.jar"; // add the paths for all the
other jar files that you will be using var myjarpath = extensionurl + "/java/testjava.jar"; // seems you don't actually have to replace the backslashes as they work as well var urlarray = []; // build a regular javascript array (liveconnect will auto-convert to a java array) urlarray[0] = new java.net.url(myjarpath); urlarray[1] = new java.net.url(classloaderjarpath); var cl = java.net.urlclassloader.
...var aclass = java.lang.class.forname("org.mozilla.developer.helloworld", true, cl); var astaticmethod = aclass.getmethod("getgreeting", []); var greeting = astaticmethod.invoke(null, []); alert(greeting); an
other, perhaps simpler approach is as follows: var myclass = loader.loadclass('com.example.myclass'); // use the same loader from above var myobj = myclass.newinstance(); var binval = myobj.mymethod(arg1, arg2); // pass whatever arguments you need (they'll be auto-converted to java form, taking into account the liveconnect conversion rules) for more complex cases, in which you need to call a specific...
...the following is a somewhat simplified snippet from xquseme: var reflect = java.lang.reflect; // build an array of the class types which are expected by our constructor (in this case, java.io.file and a class from an
other jar we loaded, com.sleepycat.db.environmentconfig) var paramtypes = reflect.array.newinstance(java.lang.class, 2); // 2nd argument should indicate the number of items in following array paramtypes[0] = java.io.file; var envconfigclass = loader.loadclass('com.sleepycat.db.environmentconfig'); paramtypes[1] = envconfigclass; // get the constructor var constructor = envclass.getconstructor(paramtypes); // now that we have the constructor with the right parameter types, we can build the specific arguments we wish to pass to it...
Modularization techniques - Archive of obsolete content
inheriting from nsisupports allows any interface to be interrogated about
other interfaces that its instance may support, and insures that reference counting facilities are always available.
... on the
other hand, objects are allowed a certain degree of flexibility in their implementations of addref() and release().
...xpcom uses these typelibraries to allow
other languages, such as javascript, to implement and call xpcom objects.
...this technology is built into windows, but not most
other platforms.
RDF Datasource How-To - Archive of obsolete content
an "address book" datasource could translate a database file into statements like "spammer128@hotmail.com's real name is 'billy dumple'" and "spammer128@hotmail.com is considered an 'important friend'." statements from one datasource can be combined with statements from an
other datasource using a composite datasource.
...the first question that you must answer is "should i use an existing vocabulary, or invent my own?" a reasonable answer is, "use an existing vocabulary unless you absolutely must invent your own." this will allow your datasource to be integrated with
other datasources with a minimum of effort.
...this vocabulary is a "meta vocabulary" that is used to specify
other vocabularies.
...this implementation may cause problems if your data store can be modified "on the fly" by
other agents.
Running Tamarin performance tests - Archive of obsolete content
(optional) you may compare the performance of the avmshell to an
other avmshell.
...to compare a build against an
other build set the avm2 environment variable to the
other avmshell or use the "-s --avm2" options.
...
other tests may be specified by selecting ./runtests.py -c [misc,scimark,jsbench].
...to recap the
other environment settings: - set the builtinabc environment variable to the path of the /generated/builtin.abc.
Treehydra Manual - Archive of obsolete content
note that the callbacks interact with
other treehydra options.
...ext) { let fn = node.decl; if (decl_struct_function(fn)) { // fn has a body print(fn); let cfg = function_decl_cfg(fn); } } gimple reference for a detailed description of gimple see gcc/tree.def and gcc/cp/operators.def see also treehydra.js, gcc_compat.js, gcc_util.js, and gcc_print.js in the treehydra libs directory, which have many ports of gcc macros and
other functions for conveniently accessing gimple data in javascript.
...in
other words, a mapping from program variables to concrete values.
...for example, if esp reaches a point where two control flow paths merge, and on one side the abstract value of x is 1, and on the
other side, the abstract value of x is 2, then the new abstract value of x will be 1 join 2.
URIs and URLs - Archive of obsolete content
familiar examples include an electronic document, an image, a service (e.g., "today's weather report for los angeles"), and a collection of
other resources.
...the term "uniform resource locator" (url) refers to the subset of uri that identify resources via a representation of their primary access mechanism (e.g., their network "location"), rather than identifying the resource by name or by some
other attribute(s) of that resource.
...an
other quote from rfc 2396: a uri is always in an "escaped" form, since escaping or unescaping a completed uri might change its semantics.
...
otherwise, the reference uri's scheme is inherited from the base uri's scheme component.
Using cross commit - Archive of obsolete content
w there are a couple of common ways to use cross-commit: land something simultaneously on the trunk and mozilla_1_8_branch # modify the files (probably by applying the patch) patch -p0 < ~/caret.patch # commit on trunk and branch at once # make sure to use -m "commit message" when doing so tools/cross-commit -m "fix some sort of security bug" layout/base/nscaret.h land something on two
other branches that has already landed on the trunk # update to the first branch you want to land on cvs update -rmozilla_1_8_branch layout/base/nscaret.h # modify the files (probably by applying the patch) patch -p0 < ~/caret.patch # commit on all the branches at once # make sure to use -m "commit message" when doing so tools/cross-commit --moz18 --branch mozilla_1_8_0_branch -m "fix some so...
...
otherwise cross-commit will end up waiting forever for you to type a cvs checkin message in an editor that it never shows you!
... --trunk makes cross-commit land the patch on head in addition to any
other branches specified.
... --moz18 makes cross-commit land the patch on mozilla_1_8_branch in addition to any
other branches specified.
Using Breakpoints in Venkman - Archive of obsolete content
when you set a breakpoint in a debugging application such as venkman, you can take advantage of the suspension to examine variables, objects, and
other featues of the execution.
...except for this distinction, breakpoints in venkman work like breakpoints in most
other debuggers.
...this advanced feature and
other options you can see for the associated script are available from the future breakpoint properties dialog, which you can access by right-clicking a breakpoint and selecting properties.
...if, on the
other hand, the script returns a false value, venkman will stop execution at that point.
confirm - Archive of obsolete content
the value is calculated by multiplying the corresponding button position constant with a button title constant for each button, then adding the results and any additional options (see
other constants).
..._title_ok: an 'ok' button button_title_cancel: a 'cancel' button button_title_yes: a 'yes' button button_title_no: a 'no' button button_title_save: a 'save' button button_title_dont_save: a 'don't save' button button_title_revert: a 'revert' button button_title_is_string: custom title specified by the corresponding abuttonxtitle parameter
other constants button_pos_0_default: specifies button 0 as the default button.
... unless specified
otherwise, this is the default.
...
other approaches (e.g.
Learn XPI Installer Scripting by Example - Archive of obsolete content
this installer script is relatively short, but it exercises most of the important features of the xpinstall api, and it can easily be used as a template for
other more general software installations.
...vel structure parallels the directory structure of the installed browser very closely: as you will see in the installation script, the contents of the archive are installed onto the file system in much the same way that they are stored in the archive itself, though it's possible to rearrange things arbitrarily upon installation--to create new directories, to install files in system folders and
other areas.
...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); spacerequired, the
other expected input to the verifydiskspace function, is given as 17311 kilobytes on line 19.
...the browser.xpi install script does not demonstrate the use of these objects, but see the xpinstall api reference for more information about registering software with the win32 operating systems and
other operating systems.
panel.level - Archive of obsolete content
on linux, the default value is top,
otherwise, the default value is parent.
... if a panel has one or more text fields, this attribute should not be set,
otherwise ime or on-screen keyboard popups will appear incorrectly.
... top the panel is shown in front of all
other normal windows, including those of
other applications.
... parent the panel is shown just above the window the panel is in, but behind
other windows above it.
Building accessible custom components in XUL - Archive of obsolete content
a super-simple spreadsheet download stage-1.zip install stage-1.xpi to build our xul spreadsheet, we'll use three built-in xul controls: a single grid element to contain the
other elements and position them in rows and columns.
...some of the description elements are row headers, and
others are column headers.
...ns:x2="http://www.w3.org/tr/xhtml2" xmlns:wairole="http://www.w3.org/2005/01/wai-rdf/guiroletaxonomy#" xmlns:waistate="http://www.w3.org/2005/01/wai-rdf/guistatetaxonomy#" onload="install_handlers()" > <script src="accjax.js"/> </code> by adding this javascript code and these css rules, we can tab to the spreadsheet see which cell, row header, or column header has focus click on
other cells or headers to change focus within the spreadsheet tab off the spreadsheet by pressing tab once tab back to the spreadsheet and automatically set focus to the previously focused cell or header inspect32 confirms that all of this really works; it's not just visual smoke and mirrors.
...
other compound controls such as lists and treeviews support two-phased keyboard navigation.
Dynamically modifying XUL-based user interface - Archive of obsolete content
this article discusses manipulating xul interfaces, using dom and
other apis.
...you may also have used
other calls, such as element.setattribute(), or, if you wrote an extension, the addeventlistener() method.
...you need to use
other dom methods, such as appendchild() to insert the newly created element in the document.
... appendchild() appends the node after all
other nodes, while insertbefore() inserts the node before the node referenced by its second parameter.
XUL Events - Archive of obsolete content
the event is not sent until the focus is moved to an
other element.
...the focus can be changed by clicking on an
other element, by pressing tab to switch to the next element in the tab order sequence, or by pressing 'back tab' to switch focus to the previous element in the tab order.
... attribute: oninput overflow this event is only sent to a box or
other layout element with a css overflow property set to a value
other than 'visible'.
...this applies to boxes and
other layout elements with a css overflow property
other than 'visible'.
Moving, Copying and Deleting Files - Archive of obsolete content
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...this allows an entire directory and its contents to be copied from one location to an
other.
...this will be the usual behaviour when copying to a different directory, but you would want to specify a filename when copying a file to an
other name within the same directory.
... var file = io.newfile("desktop", "myimage.png"); file.copyto(null, "an
otherimage.png"); here, a file is copied within the same directory as the supplied destination is null.
MenuModification - Archive of obsolete content
the appendchild method is available for all elements, and is used to add new nodes within an
other node.
... the appenditem method is specific to menus, as well as some
other specific elements, and is simpler to use to append new menuitem elements to a menu.
...
otherwise, a new submenu would be added every time the menu is opened, which is clearly not desirable.
... an
other possibility is to ensure that the menu is only added once.
Attribute Substitution - Archive of obsolete content
this can be done simply by putting two variables next to each
other in an attribute value separated by a caret (^).
...one last thing to point out is that since the only characters that can separate a variable are a caret, a space or the end of the attribute, this means that any
other character is valid as a variable name.
...it has one attribute, the value attribute, which may use variable substitution like
other attributes.
...an
other possibilty is to rearrange the rdf such that the values, in this example, the descriptions, are specified before the containers.
Building Menus With Templates - Archive of obsolete content
« previousnext » menus may be generated using a template in the same manner as
other elements.
... however, unlike with
other elements, the content of a menu is only generated once the menu has been opened.
...however, after the menu has been opened, there will be two children, one is the template and the
other is the generated menupopup.
...this will involve at least two rules, although you might use
other rules if you had
other differences to handle.
Filtering - Archive of obsolete content
if this is set, we add a filter,
otherwise we remove it.
...this example only adds one triple, but you could add
others, or add <member> elements.
...the resulting rdf triples for the first country will be: http://www.daml.org/2001/09/countries/iso#it -> http://www.w3.org/1999/02/22-rdf-syntax-ns#type -> http://www.daml.org/2001/09/countries/country-ont#country http://www.daml.org/2001/09/countries/iso#it -> http://purl.org/dc/elements/1.1/title -> italy the type is just like any
other triple in the datasource, so we don't need any special syntax to navigate over it.
...an
other workaround is to just rebuild the template once the data has been loaded.
Introduction - Archive of obsolete content
some
other systems call this databinding.
...several types of datasources are supported by default, rdf, xml and sqlite databases, however, processors may be written to support
other types of datasources.
...
otherwise, the datasource is loaded as any
other url is loaded.
...
otherwise, there isn't anything to do until the data is loaded.
Multiple Rule Example - Archive of obsolete content
often this will be because a particular result has a property that
others do not.
... for instance, in an earlier example, one of the photos had a description and the
other photos did not.
...the first photo will match both rules whereas the
other two photos will match only the second rule.
...if you reversed the order of the two rules in the example above, three photos would still be displayed, but the larger rule that displays the image details would be dropped as the
other rule has a higher priority.
RDF Modifications - Archive of obsolete content
however, as it is possible to use and/or implement
other query types with templates, these additional types may support automatic updating.
...actually, internally, this isn't any different than the
other notifications, but it is worth discussing separately.
...once we do add it to the container with an
other rdf assertion, the process described above is applied again and this time it may match.
...in this case, there are no
other statements, so the builder accepts this result as a new match.
Sorting Results - Archive of obsolete content
the tree will change both attributes as necessary automatically when the column headers are clicked or the tree is sorted by
other means.
...for rdf datasources, an
other way to sort by dates is to use the the parsetype="date" construct in the rdf datasource.
...for
other elements or content trees, sorting is done by placing the attributes on the root element.
...to do this, just add an
other key after the first separated by a space, as in the following: sort="?name ?gender" in this example, results will be sorted by name, followed by gender for those with identical names.
Special Condition Tests - Archive of obsolete content
if this is not the case, you will still need to use
other types of conditions to handle this case.
...the iscontainer attribute makes it easier to handle recursive content since you can have one rule for all containers and an
other rule for all non-containers.
... you don't need to match by type or some
other predicate.
...previous example: <button label="houses in my neighbourhood" type="menu" datasources="template-guide-streets.rdf" containment="http://www.xulplanet.com/rdf/address" ref="http://www.xulplanet.com/rdf/myneighbourhood"> the houses do have a value for the 'http://www.xulplanet.com/rdf/address' predicate, so they will also be considered to be containers as well, resulting in an
other level of menus.
XML Templates - Archive of obsolete content
this substitution occurs for any attribute within the action body, so you can also set
other attributes with this technique.
...
otherwise the data included inline and the template are the same.
... note the only change is that the addition of the xmlns attribute on the data; this is used to clear the namespace used for the elements in the data,
otherwise they become xul elements.
... be aware that when xml data is included inline as in this example, the content may be displayed and may affect the layout of
other parts of the window.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
an
other tutorial, which walks you through the entire process from the beginning, is also available.
...wrap elements
other than <toolbarbutton> in <toolbaritem>.
...the dimensions of the icons in various applications for both modes are summarized in the following table (feel free to add information about
other applications): application (theme name) big icon size small icon size firefox 1.0 (winstripe) 24x24 16x16 thunderbird 1.0 (qute) 24x24 16x16 the stylesheet to set the image for your toolbar button, use the following css rules: /* skin/toolbar-button.css */ #myextension-button { list-style-image: url("chrome://myextension/skin/btn_large.pn...
... there is an
other page on mdc with information about adding buttons to various windows in seamonkey.
Code Samples - Archive of obsolete content
the samples here are designed to work in firefox, thunderbird, sunbird and seamonkey, except where the text says
otherwise.
...you can launch an executable file or some
other file that your operating system knows how to open.
...
otherwise it opens the window: const name = "...internal name of the window..." const uri = "...chrome uri of the window..." var w = components .classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces.nsiwindowmediator) .getmostrecentwindow(name) if (w) w.focus() else components .classes["@mozilla.org/embedcomp/window-watcher;1"] .getservice(components.interface...
...ressbook.xul" irc chat const name = "irc:chatzilla" const uri = "chrome://chatzilla/content/" calendar const name = "calendarmainwindow" const uri = "chrome://calendar/content/" * at the time of writing, sunbird's passwords window is broken close the current window to close the window containing the button, possibly leaving
other windows open: close() exit the application to exit the application, first closing all its windows: components .classes['@mozilla.org/toolkit/app-startup;1'] .getservice(components.interfaces.nsiappstartup) .quit(components.interfaces.nsiappstartup.eattemptquit) ...
Advanced Rules - Archive of obsolete content
rule conditions when a tree, menu or
other element with a datasource generates content, the template builder first finds the resource referred to by the ref attribute.
...in fact, the bookmark's title would be an
other triple in the datasource using the name predicate.
...to do this just add an
other triple which checks for the additional resource.
...conditions> <action> <treechildren> <treeitem uri="?city"> <treerow> <treecell label="?name"/> <treecell label="?pred"/> </treerow> </treeitem> </treechildren> </action> </rule> </template> </tree> two columns appear in this tree, one which displays the value of the name for each row and the
other which displays the value of the prediction.
Content Panels - Archive of obsolete content
« previousnext » in this section, we'll look at how to add panels that can display html pages or
other xul files.
...an
other approach is to use the iframe element, which works much like the html element of the same name.
...this url may point to any kind of file, although it will usually point to an html file or an
other xul file.
...the browser can also load pages with referers and
other flags.
Creating a Window - Archive of obsolete content
the simplest xul file has the following structure: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="findfile-window" title="find files" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <!--
other elements go here --> </window> this window will not do anything since it doesn't contain any ui elements.
...you can also import
other style sheets using a similar syntax.
... <!--
other elements go here --> replace this comment block with
other elements (the buttons, menus and
other user interface components) to appear in the window.
...if you are only in the development stage, you can just type the url (whether a chrome:, file: or
other url type) into the location bar in a mozilla browser window.
Focus and Selection - Archive of obsolete content
for instance, you might update a total as the user enters values in
other fields, or use focus events to validate certain values.
...the command dispatcher has
other roles, which will be discussed in a later section on commands.
... finally, the
other label which displays the tag name has no control attribute, so clicking it has no effect on the focused element.
...this interface also provides a number of
other methods which may be useful.
Introduction to XBL - Archive of obsolete content
the template has two bindings, one called binding1 and the
other called binding2.
... one might be attached to a scroll bar and the
other to a menu.
...you may use
other elements besides the box, even your own custom tags.
...however, to summarize, it causes two buttons to be added automatically inside the box, one an ok button and the
other a cancel button.
More Event Handlers - Archive of obsolete content
other arguments can be passed to a listener function, if required.
...ert('button was pressed!'); } function boxpressed(event){ alert('box was pressed!'); event.stoppropagation(); } var button = document.getelementbyid("okbutton"); button.addeventlistener('command',buttonpressed,true); var outerbox = document.getelementbyid("outerbox"); outerbox.addeventlistener('command',boxpressed,true); </script> here, an event listener has been added to the button and an
other event listener has been added to the box.
...this event is commonly used to initialize fields and perform
other tasks that need to be done before the user can use the window.
...there is also an unload event which is called once the window has closed, or in a browser context, when the page is switched to an
other url.
Property Files - Archive of obsolete content
# this is an
other comment goodbyemessage=come back soon!
...the element has a number of functions which can be used to get strings from the property file and get
other locale information.
...use a chrome url to read a file from the locale: <stringbundleset id="stringbundleset"> <stringbundle id="strings" src="chrome://myplugin/locale/strings.properties"/> </stringbundleset> like
other non-displayed elements, you should declare all your stringbundles inside a stringbundleset element so that they are all kept together.
...in case you need to format a string that already contains the percentage character in it (to get something like "50% off" returned), escape the percentage character with an
other percentage character, like this: my.percentage.string = %s%% off not escaping the percentage character will generate an incorrect string that strips the space character between the percentage character and the next word of the string ("50%off").
Stack Positioning - Archive of obsolete content
they may be any element, including boxes and
other stacks.
...stacks have the advantage that when one absolutely positioned element changes its position, the position of the
other elements is not affected.
... if you tried to move elements in a regular box,
other elements might shuffle their positions around.
...that means that if two buttons overlap, the top button will capture a mouse click where it covers the
other one.
Tree View Details - Archive of obsolete content
in addition to the getlevel method, there is a hasnextsibling function which, given a row, should return true if there is an
other row afterwards at the same level.
...
otherwise, we just iterate backwards through the rows looking for one that is a container.
...the various
other functions implemented above such as getlevel and iscontainer are used by the tree to determine how to draw the tree.
... complete example there are several
other view functions we can implement but they don't need to do anything in this example, so we can create functions that do nothing for those.
Trees and Templates - Archive of obsolete content
using a template with a tree uses very much the same syntax as with
other elements.
...only one rule is used, but you may add
others if needed.
... like with
other templates, the uri attribute on an element indicates where to start generating content.
...you can combine these two elements with
other attribute matches for more specific rules.
XUL Questions and Answers - Archive of obsolete content
others, like <listbox>, cannot be so tied, but one can always write a script that updates preferences explicitly, via nsiprefbranch interface.
...change this line var settings = printutils.getprintsettings(); to this var settings = printutils.getprintsettings().clone(); settings.docurl = " "; // suppress url on printout
other options you can modify are documented here: http://www.xulplanet.com/references/...tsettings.html how can i send xml/xul document fragment to the server instead of using get or post variables?
... this problem can be solved by capturing the focus events and giving the focus to an
other xul element or capturing and canceling the keypress events.
... how can i use
other fonts on xulrunner applications which are not installed on the current machine?
scrollbox - Archive of obsolete content
this may also be used with any
other container element.
...for the most part, the horizontal and vertical scrollbars will independently handle too-tall and too-wide cases, but each scroll bar takes up additional width and so the appearance of one scroll bar can trigger the
other one if it's close to the edge anyway.
...instead, figure out some
other way to lay things out.
...do this instead: var xpcominterface =scrollbox_element.boxobject.queryinterface( components.interfaces.nsiscrollboxobject); xpcominterface.ensureelementisvisible(child_element_to_make_visible); see the nsiscrollboxobject api for
other scroll-related methods.
toolbar - Archive of obsolete content
these can vary from one toolbar to an
other within a given toolbox, whose iconsize attribute defines the default for all toolbars that don't specify an icon size.
...
otherwise, if the beforepermanent argument is false, the new item is added to the end of the toolbar.
... the third argument can be used to wrap the new item in an
other element.
...
otherwise, this option will be ignored for this toolbar and it will always be visible.
tooltip - Archive of obsolete content
if this attribute is set to true, this will not happen and the tooltip will only hide when the user moves the mouse to an
other element.
... anchor the popup may be either anchored to an
other node or opened freely.
... iscontextmenu the iscontextmenu argument should be true for context menus and false for all
other types of popups.
... to have a popup appear relative to an
other element yet still offset by some number of pixels, determine the actual screen position of the element using the boxobject.screenx and boxobject.screeny properties of the element, and use those as the x and y arguments offset by the desired values.
calICalendarViewController - Archive of obsolete content
otherwise, it should be set to a default value, as determined by the application.
... the
other values of the calievent (title, summary, alarm, etc) should likewise be set to defaults.
...
otherwise, a dialog should be display allowing the user to modify the fields.
...just the time changed), // then do so;
otherwise pop up the dialog if (anewstarttime && anewendtime && !anewstarttime.isdate && !anewendtime.isdate) { var instance = aoccurrence.clone(); instance.startdate = anewstarttime; instance.enddate = anewendtime; instance.calendar.modifyitem(instance, aoccurrence, null); } else { modifyeventwithdialog(aoccurrence); }...
XEmbed Extension for Mozilla Plugins - Archive of obsolete content
nperror np_initialize(npnetscapefuncs* nstable, nppluginfuncs* pluginfuncs) { nperror err = nperr_no_error; prbool supportsxembed = pr_false; npntoolkittype toolkit = 0; [ code that copies all of the function tables and does ] [
other standard checks ] /* * make sure that the browser supports functionality we care * about.
...if you return with an error from your initialization function the plugin will not be used which avoids crashes and
other problems.
...
other toolkits and out of process plugins it should be possible to use this interface to build a plugin that would run out of process as well as using
other toolkits like qt to build plugins.
...the author has no specific knowledge of
other instances where people are using this architecture, though.
What is RSS - Archive of obsolete content
this tutorial teaches rss 2.0, but makes an effort to point out issues with
other versions of rss.
...
other than that, they are the same.
...syndication is the process of telling
others that you have content for them to consume.
... in
other words, when you syndicate, you are telling everyone something like: "hey everyone, i've got articles that i want everyone to come and read.
Vulnerabilities - Archive of obsolete content
an
other example is a race condition error that allows the attacker to perform a specific action with elevated privileges.
... it may be hard to differentiate software feature misuse vulnerabilities from the
other two categories.
...some will be very easy to exploit, while
others will only be exploitable under a combination of highly unlikely conditions.
... one vulnerability might provide root-level access to a system, while an
other vulnerability might only permit read access to an insignificant file.
XForms Custom Controls - Archive of obsolete content
custom data types - existing xforms controls are not able to work properly with your data type advanced xforms controls - you need your controls to be able to do more things than traditional xforms controls can do new host language - you'd like to support xforms in host languages
other than xhtml or xul custom presentation the mozilla xforms extension cannot anticipate all of the possible use cases that will evolve in web applications and web pages as xforms matures and the user base grows.
...as mentioned in the spec, the appearance attribute can be used to influence the look and feel of a control even when all
other conditions remain constant.
...if you need to have xforms in
other kinds of documents like svg, mathml or some
other tag language that mozilla supports, then you'll need to implement xforms controls for your desired document format.
...the
other is the implementation binding that adds the host-language specific representation of the xforms control.
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
for example: :hover {color: red;} this is equivalent to the css2 rule: *:hover {color: red;} ..which translates as "any element that is being hovered should have its foreground colored red." thus, hovering over paragraphs, tables, headings, and any
other element in a document will cause text to become red.
... named anchor problems in addition to the effects described previously, there are two
other relatively common effects that authors may not expect.
... one is easily fixed by validation, but the
other is a little more subtle.
...consider the effects of the following rule: a:hover {color: red;} in a document with an unclosed named anchor, any text that follows the anchor's open tag will be colored red (unless an
other css rule intervenes).
Using the Right Markup to Invoke Plugins - Archive of obsolete content
the details are covered in an
other article.
... sun's java plugin can be invoked by the object element, just like any
other plugin.
...you can invoke the java plugin for netscape 7 and
other mozilla-based browsers by using the appropriate java mime type.
...the pluginurl attribute is an
other attribute that can be used, and it can be used to point directly to an xpinstall file for a more streamlined download.
Windows Media in Netscape - Archive of obsolete content
this control is widely used to provide inline media support for web pages that provide sound, video and
other media.
...for example: mozilla/5.0 (windows; u; windows nt 5.1; en-us; rv:1.4) gecko/20030624 netscape/7.1 (ax; promostring) although geckoactivexobject is currently available only in netscape 7.1 on windows, it may be the case in the future that it will be available in
other gecko-based browsers on
other operating systems.
...it is important to note that in netscape 7.1, only the classid for windows media player is supported, and no
other control can be created.
... is a snippet of cross-browser code that can be used: if (window.activexobject) { req = new activexobject("microsoft.xmlhttp"); } else if (window.xmlhttprequest) { req = new xmlhttprequest(); } // req can be used in a cross-browser way -- the actual objects are similar // caveat emptor: look out for the case of methods and properties -- ie uses // capital letters where gecko uses lowercase
other popular uses of microsoft's msxml objects are for in-memory manipulation of xml documents via xslt, perhaps to construct dynamic data for the windows media player.
2D collision detection - Game development
this.color("green"); } else { // no collision this.color("blue"); } }); note: an
other example without canvas or external libraries.
... circle collision an
other simple shape for collision detection is between two circles.
...} note: here is an
other example without canvas or external libraries.
...ee the recommended tutorials below: separating axis theorem (sat) explanation collision detection and response collision detection using the separating axis theorem sat (separating axis theorem) separating axis theorem collision performance while some of these algorithms for collision detection are simple enough to calculate, it can be a waste of cycles to test *every* entity with every
other entity.
Bounding volume collision detection with THREE.js - Game development
once instantiated, they have methods available to do intersection tests against
other volumes.
... knotbbox.intersectsbox(
otherbox); note: this is different from the box3.containsbox method, which checks whether the box3 fully wraps an
other one.
... knotbsphere.intersectssphere(
othersphere); sphere vs.
... // box vs box box3.intersectsbox(
otherbox3); // box vs point box3.containspoint(point.position); demos there are two demos you can take a look at on our live demos page.
GLSL Shaders - Game development
fragment shaders compute the renderings of a shape's colors and
other attributes.
...this allows the cpu to focus its processing power on
other tasks, like executing code.
... note: remember that you don't have to use three.js or any
other library to write your shaders — pure webgl (web graphics library) is more than enough.
...three.js and
other 3d libraries abstract a lot of things for you — if you wanted to create such an example in raw webgl, you'd have to write a lot of extra code to actually make it work.
Desktop mouse and keyboard controls - Game development
then the pressed key variables are checked and the playerx and playery variables (that we define earlier just after leftpressed and the
others) holding the position of the ship are adjusted by a given amount, let's say 5 pixels.
...for cursor keys the natural shooting button would be on the
other side of the keyboard, so the player can use the
other hand — for example the x key.
... how to play we've implemented the controls, and now we should inform the player about their options to control the game — they wouldn't know about them
otherwise.
... 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 an
other new key control just for this.
Unconventional controls - Game development
but imagine going even further — in this article we will explore various unconventional ways to control your web game, some more unconventional than
others.
...how do you know the codes for the
other remote keys?
... proximity api an
other interesting idea is to use the built-in proximity sensors of your hardware to detect how far an object, for example a hand, is from the given sensor.
... summary i hope you liked the experiments — if you have any
others that you think might interest
other people, feel free to add details of them here.
Tiles and tilemaps overview - Game development
this set of articles covers the basics of creating tile maps using javascript and canvas (although the same high level techniques could be used in any programming language.) besides the performance gains, tilemaps can also be mapped to a logical grid, which can be used in
other ways inside the game logic (for example creating a path-finding graph, or handling collisions) or to create a level editor.
... positioning and camera in all scrolling games, we need a translation between world coordinates (the position where sprites or
other elements are located in the level or game world) and screen coordinates (the actual position where those elements are rendered on the screen).
... if characters or
other game sprites are drawn in the middle of the layer stack, this allows for interesting effects such as having characters walking behind trees or buildings.
...the most common case is to use this logic grid to handle collisions, but
other uses are possible as well: character spawning points, detecting whether some elements are placed together in the right way to trigger a certain action (like in tetris or bejeweled), path-finding algorithms, etc.
Plug-in Development Overview - Gecko Plugin API Reference
for example: str 128 mime type string 1 video/quicktime string 2 mov, moov string 3 audio/aiff string 4 aiff string 5 image/jpeg string 6 jpg several
other optional strings may contain useful information about the plug-in.
... plug-ins must support 'str#' 128 but are not required to support any of these
others: str#' 127 can contain a list of mime type descriptions corresponding to the types in 'str#' 128 .
... drawing a plug-in instance before drawing itself on the page, the plug-in must provide information about itself, set the window or
other target in which it draws, arrange for redrawing, and handle events.
... working with urls the plug-in api provides methods that plug-ins can use to retrieve data from or post data to a url anywhere on the network, provide hyperlinks to
other documents, post form data to cgi scripts using http, or upload files to a remote server using ftp.
Search engine - MDN Web Docs Glossary: Definitions of Web-related terms
a search engine conducts the following processes: web crawling: searching web sites by navigating hyperlinks on web pages, both within a site, and from one site to an
other.
... indexing: associating keywords and
other information with specific web pages that have been crawled.
... searching: looking for relevant web pages based on queries consisting of key words and
other commands to the search engine.
...
other top search engines include yahoo!, bing, baidu, and aol.
Handling different text directions - Learn web development
the writing-mode property lets us switch from one writing mode to an
other.
... writing modes and block and inline layout we have already discussed block and inline layout, and the fact that some things display as block elements and
others as inline elements.
...this is not something you are likely to use in a creative sense — if you simply want to line something up on the right there are
other ways to do so — however it is important to understand this as part of the nature of css.
...it will help you in understanding css even if you never use a writing mode
other than a horizontal one.
Combinators - Learn web development
previous overview: building blocks next the final selectors we will look at are called combinators, because they combine
other selectors in a way that gives them a useful relationship to each
other and the location of content in the document.
... adjacent sibling combinator the adjacent sibling selector (+) is used to select something if it is right next to an
other element at the same level of the hierarchy.
... if you insert some
other element such as a <h2> in between the <h1> and the <p>, you will find that the paragraph is no longer matched by the selector and so does not get the background and foreground color applied when the element is adjacent.
...next we will move on to an
other important part of css — the css box model.
Type, class, and ID selectors - Learn web development
the universal selector the universal selector is indicated by an asterisk (*) and selects everything in the document (or inside the parent element if it is being chained together with an
other element and a descendant combinator).
...e> , no matter what element it was, and make it bold, i could use the :first-child selector, which we will learn more about in the lesson on pseudo-classes and pseudo-elements, as a descendant selector along with the <article> element selector: article :first-child { } this could be confused however with article:first-child, which will select any <article> element that is the first child of an
other element.
... this approach reduces the scope of a rule as the rule will only apply to that particular element & class combination; so you would need to add an
other selector if you decided the rule should apply to
other elements too.
... note: as we learned in the lesson on specificity, an id has high specificity and will overrule most
other selectors.
Floats - Learn web development
prerequisites: html basics (study introduction to html), and an idea of how css works (study introduction to css.) objective: to learn how to create floated features on webpages, and to use the clear property and
other methods of clearing floats.
... floats have commonly been used to create entire web site layouts featuring multiple columns of information floated so they sit alongside one an
other (the default behavior would be for the columns to sit below one an
other, in the same order as they appear in the source).
... clearing floats we have seen that the float is removed from normal flow and that
other elements will display beside it, therefore if we want to stop the following element from moving up we need to clear it; this is achieved with the clear property.
...apper { background-color: rgb(79,185,227); padding: 10px; color: #fff; } .box { float: left; margin: 15px; width: 150px; height: 150px; border-radius: 5px; background-color: rgb(207,232,220); padding: 1em; } .wrapper::after { content: ""; clear: both; display: block; } using overflow an alternative method is to set the overflow property of the wrapper to a value
other than visible.
Normal Flow - Learn web development
if you want to control the size of an inline element in this manner, you need to set it to behave like a block level element with display: block; (or even,display: inline-block; which mixes characteristics from both.) that explains individual elements, but what about how elements interact with one an
other?
...in english therefore, or any
other horizontal, top to bottom writing mode, block-level elements are laid out vertically.
... inline elements behave differently — they don't appear on new lines; instead, they sit on the same line as one an
other and any adjacent (or wrapped) text content, as long as there is space for them to do so inside the width of the parent block level element.
...because of margin collapsing, we are separated by the width of one of our margins, not both.</p> <p>inline elements <span>like this one</span> and <span>this one</span> sit on the same line as one an
other, and adjacent text nodes, if there is space on the same line.
Styling text - Learn web development
here we look at text styling fundamentals including setting font, boldness, italics, line and letter spacing, drop shadows, and
other text features.
... note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin, codepen or glitch.
... fundamental text and font styling in this article we go through all the basics of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and
other effects, and line and letter spacing.
... styling lists lists behave like any
other text for the most part, but there are some css properties specific to lists that you need to know about, and some best practices to consider.
Learn to style HTML using CSS - Learn web development
for example, you can use css to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and
other decorative features.
... css first steps css (cascading style sheets) is used to style and lay out web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and
other decorative features.
...here we look at text styling fundamentals, including setting font, boldness, italics, line and letter spacing, drop shadows and
other text features.
...now it's time to look at how to place your boxes in the right place in relation to the viewport, and one an
other.
What text editors are available? - Learn web development
most text editors now support syntax highlighting, but not necessarily the
other two features.
...these functionalities are often helpful: search-and-replace, in one or multiple documents, based on regular expressions or
other patterns as needed quickly jump to a given line view two parts of a large document separately view html as it will look in the browser select text in multiple places at once view your project's files and directories format your code automatically with code beautifier check spelling auto-indent code based on indentation settings do i want to add extra features to my text editor?
...for text editors, check for two different kinds of support: user-oriented content (faq, manual, online help) discussion with developers and
other users (forum, email, irc) use the written documentation when you're learning how to use the editor.
... get in touch with
other users if you're troubleshooting while installing or using the editor.
How does the Internet work? - Learn web development
of course a single router can't scale that far, but, if you read carefully, we said that a router is a computer like any
other, so what keeps us from connecting two routers together?
...there are
other networks out there: your friends, your neighbors, anyone can have their own network of computers.
...an isp is a company that manages some special routers that are all linked together and can also access
other isps' routers.
...it is worth noting there are several
other services built on top of the internet, such as email and irc.
Common questions - Learn web development
at its most basic, the internet is a massive network of computers communicating with each
other.
... every browser features a set of devtools for debugging html, css, and
other web code.
... this article shows how to publish your site online with ftp tools — one of the most common ways to get a website online so
others can access it from their computers.
... this article provides basic techniques to help you design websites for any kind of user — quick accessibility wins, and
other such things.
Web forms — Working with user data - Learn web development
therefore, before you look at the
other sections listed below we'd recommend that you go away and learn some css and javascript first.
... the above text is a good indicator as to why we've put web forms into its own standalone module, rather than trying to mix bits of it into the html, css, and javascript topic areas — form elements are more complex than most
other html elements, and they also require a close marriage of related css and javascript techniques to get the most out of them.
... note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
...
other form controls next we take a look at all the non-<input> form controls and associated tools, such as <select>, <textarea>, <meter>, and <progress>.
Dealing with files - Learn web development
when you're building a website, you need to assemble these files into a sensible structure on your local computer, make sure they can talk to one an
other, and get all your content looking right before you eventually upload them to a server.
... inside this first folder, create an
other folder to store your first website in.
... file paths to make files talk to one an
other, you have to provide a file path between them — basically a route, so one file knows where an
other one is.
... you can combine these as much as you like, for example ../subdirectory/an
other-subdirectory/my-image.jpg.
Mozilla splash page - Learn web development
in each case (except one — which one is inherently responsive?) we want the browser to serve the 120px wide version when the viewport width is 500px wide or less, or the 400px wide version
otherwise.
... an art directed red panda inside the <div> with the class of red-panda, we want to insert a <picture> element that serves the small portrait panda image if the viewport is 600px wide or less, and the large landscape image
otherwise.
...glitch is probably better for this example, as it allows you upload assets like images, whereas some of the
other tools don't.
... previous overview: multimedia and embedding in this module images in html video and audio content from <object> to <iframe> —
other embedding technologies adding vector graphics to the web responsive images mozilla splash page ...
Build your own function - Learn web development
the first line uses a dom api function called document.queryselector() to select the <html> element and store a reference to it in a constant called html, so we can do things to it later on: const html = document.queryselector('html'); the next section uses an
other dom api function called document.createelement() to create a <div> element and store a reference to it in a constant called panel.
... we then use yet an
other dom api function called element.setattribute() to set a class attribute on our panel with a value of msgbox.
... finally, we call a dom function called node.appendchild() on the html constant we stored earlier, which nests one element inside the
other as a child of it.
...in the next article we'll wrap up functions by explaining an
other essential related concept — return values.
JavaScript First Steps - Learn web development
note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
... storing the information you need — variables after reading the last couple of articles you should now know what javascript is, what it can do for you, how you use it alongside
other web technologies, and what its main features look like from a high level.
... basic math in javascript — numbers and operators at this point in the course we discuss maths in javascript — how we can combine operators and
other features to successfully manipulate numbers to do our bidding.
... useful string methods now we've looked at the very basics of strings, let's move up a gear and start thinking about what useful operations we can do on strings with built-in methods, such as finding the length of a text string, joining and splitting strings, substituting one character in a string for an
other, and more.
Perceived performance - Learn web development
in
other words, first download everything you're going to actually show, but only the stuff you are actually using, then download the rest.
... prevent jumping content and
other reflows images or
other assets causing content to be pushed down or jump to a different location, like the loading of third party advertisements, can make the page feel like it is still loading and is bad for perceived performance.
...if some assets are going to be slower to load than
others, with elements loading after
other content has already been painted to the screen, plan ahead and leave space in the layout for them so that content doesn't jump or resize, especially after the site has become interactive.
...adding an interesting but unobtrusive 200ms animation to that keyup even can reduce an
other 200ms of the perceived load.
Ember resources and troubleshooting - Learn web development
previous overview: client-side javascript frameworks next our final ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and
other information.
... further resources ember.js guides tutorial: super rentals ember.js api documentation ember.js discord server — a forum/chat server where you can meet the ember community, ask for help, and help
others!
... for framework-specific things, there is the ember-inspector add-on, which allows inspection of: routes & controllers components services promises data (i.e: from a remote api — from ember-data, by default) deprecation information render performance for general javascript debugging, check out our guides on javascript debugging as well as interacting with the browser's
other debugging tools.
...while it is technically possible to use jsx, or any
other form of dom creation, there has yet to be anything as robust as ember's templating system.
Deployment and next steps - Learn web development
note: there is also an official template for using webpack and also many community-maintained plugins for
other bundlers.
... related projects there are
other projects related to svelte that are worth checking out: sapper: an application framework powered by svelte that provides server-side rendering (ssr), code splitting, file-based routing and offline support, and more.
...
other learning resources there's a complete course about svelte and sapper by rich harris, available at frontend masters.
... we learned about svelte philosophy and what sets it apart from
other front-end frameworks.
Dynamic behavior in Svelte: working with variables and props - Learn web development
this is an
other example in which svelte takes advantage of valid javascript syntax and gives it a new purpose — in this case to to mean "re-run this code whenever any of the referenced values change".
...reactivity in svelte is implemented in a very lightweight and performant way, without using listeners, setters, getters, or any
other complex mechanism.
...explore the previous link to see what
other modifiers are available.
...and, just like with any
other dynamic expression embedded in the markup, whenever any of these dependencies change the dom will be updated accordingly.
Git and GitHub - Learn web development
all developers will use some kind of version control system (vcs), a tool to allow them to collaborate with
other developers on a project without danger of them overwriting each
other's work, and roll back to previous versions of the code base if a problem is discovered later on.
... overview vcses are essential for software development: it is rare that you will work on a project completely on your own, and as soon as you start working with
other people you start to run the risk of conflicting with each
other's work — this is when both of you try to update the same piece of code at the same time.
... when working on a project on your own or with
others, you'll want to be able to back up the code in a central place, so it is not lost if your computer breaks.
...there are
other alternatives such as gitlab that you could try, and you could also try setting your own git server up and using it instead of github.
Embedding API for Accessibility
there are many
other pieces, such as preferences to allow the user to change foreground and background colors, and font sizes.
... setboolpref("network.cookie.warnaboutcookies", boolwarn); moz 0.8 fonts setcharpref("font.name.monospace.x-western", newfontname); setcharpref("font.name.serif.x-western", newfontname); setcharpref("font.name.sans-serif.x-western", newfontname); /* for
other i18n charsets, change x-western to x-central-euro, x-cyrillic, x-unicode, x-user-def, x-baltic, el, tr, he, ar, th, ja, zh-cn or zh-tw */ setintpref("font.size.fixed.x-western", newfontsize); setintpref("font.size.variable.x-western", newfontsize); /* for
other i18n charsets, change the name as explained...
...how we expose this through the user interface is an
other matter.
...for example, settings per url would allow a user to accept scripts from their known benign web pages, but not
others.
Multiprocess on Windows
on the
other hand, com's multithreaded apartment (mta) uses a much faster ipc mechanism that does not suffer from the same problems as the message queue.
...if you only register your interfaces in one process, com won't be able to understand the interface in the
other process.
... for those interfaces that do contain length_is or size_is annotations, we need to use an
other api declared in mozilla/mscom/registration.h: registerarraydata().
...on the
other hand, some apis in the mscom library require you to use smart pointers that are able to cross apartment boundaries.
Add-ons
among
other things, an add-on could: change the appearance or content of particular websites modify the firefox user interface add new features to firefox there are several types of add-ons, but the most common type are extensions.
...
other toolsets, such as overlay add-ons, bootstrapped add-ons, and the add-on sdk, are no longer supported.
...you can see the apis currently supported in firefox and
other browsers.
...
other types of add-ons in addition to extensions, there are a few
other add-on types that allow users to customize firefox.
Continuous Integration
the sheriffs' role is to "keep the tree green", or in
other words, to keep the code in our respositories in a good state, to the extent that the state is reflected in the output shown on treeherder.
... each taskcluster job is represented by a colored label; green means a job has succeeded, while
other colors represent different kinds of problems.
...
other performance systems autophone (android) autophone is a test harness which runs a set of performance tests on a variety of real android phones.
... perfherder alerts we track changes to talos and
other performance frameworks inside perfherder, and try to automatically alert when there is a sustained change exceeding a certain magnitude (specified per test).
Creating Sandboxed HTTP Connections
since nsistreamlistener does not cover cookies, the current channel being used will need to be stored as a global, since an
other listener will be used for cookie notifications (covered in the next section).
... for example, this means that if the user was logged into an webmail account, an
other account on the same domain could be checked without changing the user's cookies.
...if amerge is true, the new value is appened,
otherwise the old value is overwritten.
...if amerge is true, the new value is appened,
otherwise the old value is overwritten.
Inner and outer windows
then add to that the concept of frames, whereby a document in a window can itself contain
other documents, which in turn can contain more documents.
...this may be a window or a tab, or it might be an <iframe> contained within an
other document.
...in
other words, window always returns the outer window.
... nested windows things become slightly more complex when you consider that documents can contain
other documents.
Contributing to the Mozilla code base
if getting involved in design, support, translation, testing, or
other types of contributions sparks your interest please see community webiste.
... fix your pet peeve if there's something you'd like to fix about firefox, thunderbird, or your
other favorite mozilla application, this can be a great place to start.
... ask for help in a comment on the bug, or in #introduction:mozilla.org or #developers:mozilla.org check out https://developer.mozilla.org/docs/developer_guide and its parent document, https://developer.mozilla.org/docs/mozilla our reviewer checklist is very useful, if you have a patch near completion, and seek a favorable review utilize our build tool mach, its linting, static analysis, and
other code checking features step 3: get your code reviewed once you fix the bug, you can advance to having your code reviewed.
...the reviewer in those bugs might be an
other good choice we have a list of modules, which lists peers and owners for the module.
Overview of Mozilla embedding APIs
using this function, one can use nsisupports instances and still easily access
other interfaces via nsiinterfacerequestor.
...a content handler may be an existing or new window, a helper application or the unknown content handler - if no
other handler can be found for the content-type.
... contract-id: ns_uri_loader_contractid implemented interfaces: nsiuriloader related interfaces: nsiuricontentlistener nsunknowncontenttypehandler the unknowncontenttypehandler service is the last resort of the uriloader when no
other content handler can be located.
...the webbrowser provides a simple mechanism for
other applications to leverage gecko functionality.
Mozilla Content Localized in Your Language
other regional calendar observed?
...reference material on
other languages can be found here.
... what are
other widely used currency and symbols used in your country/language for paid apps.
... the sequence of the sentence structure in an
other language may not translate well, when a sentence is half finished as such.
Localizing with Pontoon
in-context pontoon's in-context translation mode is what puts it above
others.
... translation helpers as you can see, suggestions from history, translation memory, machine translation and
other locales are also available in the out-of-context translation panel.
... we call all of these translation helpers and here's how each of them will help you as you translate strings: history displays previously suggested translations, including from
other users.
...
other locales displays matching translations from
other locales.
Localization formats
<h1><?php echo ___("getting started")?></h1> function ___($str) { return $array[$str]; } advantage to .lang simple work-flow allowing the web developer to place the file in svn and it can appear on the staging server .lang syntax is like simplified .po, which many localizers who are familiar with linux and
other projects understand mozilla has a basic tool called main.lang checker, which can show any untranslated files to the localizer no need to compile to .mo file so a localizer can see his/her changes more quickly creating simple diffs .lang files will be cached which will reduce any slowness effect disadvantage to .lang no plural forms no context for localizers unless you provide good comme...
...nts no styling by localizers if it is needed may be slower because file is not compiled into binaries not used as a standard by any
other localization project no tools to validate syntax, so a localizer may cause accidental errors that can cause breakage (level of breakage depends on level of error) cannot use po editor, which most localizers know and love gettext (.po) gettext is a widely-used localization format that uses .po files.
... wiki blogging, documentation, and
other types of mozilla content often surface as wikis.
...so, if a localizer wanted to use one of the many powerful gettext tools, like po-editor, the msgid provides no context for translation or for
other localizers to verify translations when qa-ing.
Mozilla Style System
the handling of those computed values is the responsibility of
other parts of the code.
...in one half (the backend) are the sources of specified style data, and in the
other half (the frontend) is the code that turns the specified values into computed values.
... the barrier between these two halves consists of three abstract interfaces, plus some smaller structures associated with some methods on each: nsistylesheet nsistylesheet represents what one would think of as a style sheet: the in-memory representation of a css file or
other source of style data.
...however, they also exist for the
other types of rule processors.
Investigating leaks using DMD heap scan mode
dmd heap scan mode is a "tool of last resort" that should only be used when all
other avenues have been tried and failed, except possibly ref count logging.
... besides $leakaddr, the
other interesting part is the chunk at the bottom.
...clamping is the same kind of analysis that a conservative gc does: if a word-aligned value in a heap block points to somewhere within an
other heap block, replace that value with the address of the block.
... after that is done, we can finally find out which objects (possibly) point to
other objects, using the block_analyzer script: python $srcdir/memory/replace/dmd/block_analyzer.py dmd-$pid.log.gz $leakaddr this will look through every block of memory in the log, and give some basic information about any block of memory that (possibly) contains a pointer to that object.
Emscripten
generated from c/c++ using clang, or from an
other language) and compiles that into javascript, which can be run on the web.
... using emscripten, you can compile c and c++ code into javascript compile any
other code that can be translated into llvm bytecode into javascript.
... compile the c/c++ runtimes of
other languages into javascript, and then run code in those
other languages in an indirect way (this has been done for python and lua)!
...
other articles of interest on mdn our games zone contains some useful content related to games development, which is a common area of use for emscripten.
NSPR Poll Method
the nspr library provides a reference implementation of the bottom layer using the sockets api, but you can provide your own implementation of the bottom layer using an
other network transport api.
... new_flags = fd->methods->poll(fd, pr_poll_write, &out_flags); if you are interested in calling both pr_recv and pr_send on the same file descriptor, make two separate calls to the poll method, one with pr_poll_read as in_flags and the
other with pr_poll_write as in_flags, so that you know what events at the network transport layer pr_poll_read and pr_poll_write are mapped to, respectively.
...
otherwise ((new_flags & out_flags) is 0), you should do the following.
... if new_flags contains pr_poll_read, you should try pr_recv or pr_send when the underlying network transport is readable if new_flags contains pr_poll_write, you should try pr_recv or pr_send when the underlying network transport is writable important do not use out_flags in any way
other than testing if (new_flags & out_flags) is 0.
PR_MkDir
it may be applicable to
other platforms in the future.
...read by
others.
...write by
others.
...search by
others.
PR_PushIOLayer
in
other words, stack continues to point to the top of the stack after the function returns.
... the intent is that the pointer to the stack remain the stack's identity even if someone (perhaps covertly) has pushed
other layers.
... the contents of the caller's object are swapped into an
other container, including the reference to the object's destructor.
...if the containers are allocated by some method
other than pr_createiolayerstub, it may be required that the stack have the layers popped off (in reverse order that they were pushed) before calling pr_close.
Threads
each thread is an execution entity that is scheduled independently from
other threads in the same process.
...to synchronize the termination of a thread, you can join it with an
other thread (see pr_jointhread).
... interrupting and yielding pr_interrupt requests an interrupt of an
other thread.
... pr_sleep causes a thread to yield to
other threads for a specified number of ticks.
NSS Certificate Download Specification
netscape certificate sequence: this is an
other pkcs#7 object format, and like the signeddata format, it allows multiple certificates to be imported together.
...regardless of which of the supported binary formats is used, the begin and end lines must say certificate, and not any
other word (such as key).
... application/x-x509-email-cert the certificate being downloaded is a user certificate belonging to an
other user for use with s/mime.
...this is intended to allow people or cas to post their e-mail certificates on web pages for download by
other users who want to send them encrypted mail.
FIPS Mode - an explanation
some
other governments have also adopted many of the fips regulations, so their applicability is somewhat wider than just the us government's personnel.
... it must implement the us government standard algorithms (also specified in
other fips documents) such as aes, triple-des, sha-1 and sha-256, that are needed to do whatever job the application wants it to perform.
... this makes it difficult to move keys from one device to an
other, and consequently, all crypto engines and key storage must be in a single device rather than being split up into several devices.
... one device does all the operations that may be done without needing to authenticate, and the
other device stores the user's certificates and private keys and performs operations that use those private keys.
NSS 3.12.4 release notes
to be matched between [ and ], these characters must be escaped: \ ] no
other characters need be escaped between brackets.
...if one is upper case and the
other is lower case, then the ascii non-alphanumeric characters between z and a will also be in range.
...exclusions cannot be nested (contain
other exclusions).
...od_formatpair - secmod_mknewmodulespec] bug 498509: produce debuggable optimized builds for mozilla on macosx bug 498511: produce debuggable optimized nss builds for mozilla on linux bug 499385: drbg reseed function needs to be tested on post bug 499825: utilrename.h is missing from solaris packages bug 502961: allocator mismatch in pk11mode bug 502965: allocator mismatch in sdrtest bug 502972: an
other allocator mismatch in sdrtest bug 504398: pkix_pl_aiamgr_gethttpcerts could crash if sec_getregisteredhttpclient fails bug 504405: pkix_pl_crldp_create will fail on alloc success because of a missing !
Overview of NSS
open source crypto libraries proven application security architecture if you want to add support for ssl, s/mime, or
other internet security standards to your application, you can use network security services (nss) to implement all your security features.
... nss provides a complete open-source implementation of the crypto libraries used by aol, red hat, google, and
other companies in a variety of products, including the following: mozilla products, including firefox, thunderbird, seamonkey, and firefox os.
...rsa standard that governs the format used to store or transport private keys, certificates, and
other secret material.
... complete software development kit in addition to libraries and apis, nss provides security tools required for debugging, diagnostics, certificate and key management, cryptography module management, and
other development tasks.
Build instructions
(the free edition works, and
other versions like visual studio 2008 and visual studio 2012 may also work.) use start-shell-msvc2010.bat from mozillabuild to get a bash shell with the path already configured, and execute these instructions from within that bash shell.
... hg clone https://hg.mozilla.org/projects/nspr hg clone https://hg.mozilla.org/projects/nss if you want to build a releases
other than the tips of these repositories, then switch to the release tags: cd nspr hg update nspr_4_9_5_rtm cd ../nss hg update nss_3_14_2_rtm cd ..
...
otherwise, you get a debug build.
... to build with gcc on platforms
other than linux and windows, you need to set two more environment variables: ns_use_gcc=1 no_mdupdate=1 for hp-ux, you must set the environment variable use_pthreads to 1.
NSS environment variables
in
other words a connection will be dropped at initial handshake if a server or client do not support safe renegotiation.
... 3.4 nss_strict_nofork string ("1", "disabled", or any
other non-empty value) it is an error to try to use a pkcs#11 crypto module in a process before it has been initialized in that process, even if the module was initialized in the parent process.
... if set to any
other non-empty value, softoken will report an error in both debug and non-debug builds.
... 3.12.8 nsdistmode string on operating systems
other than windows, this controls whether copies, absolute symlinks, or relative symlinks of the output files should be published to mozilla/dist.
NSS tools : crlutil
critical/non-critical: is 1 when extension is critical and 0
otherwise.
...should be set to 1 if this extension is critical or 0
otherwise.
...this extension allows users to easily determine when a particular crl supersedes an
other crl crlnumber non-critical number where: crlnumber: identifies the name of an extension critical: should be set to 0 since this is non-critical extension number: value of long which identifies the sequential number of a crl.
...keycompromise (1), cacompromise (2), affiliationchanged (3), superseded (4), cessationofoperation (5), certificatehold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) * add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate
otherwise became invalid.
NSS Tools crlutil
critical/non-critical: is 1 when extension is critical and 0
otherwise.
...should be set to 1 if this extension is critical or 0
otherwise.
...this extension allows users to easily determine when a particular crl supersedes an
other crl crlnumber non-critical number where: crlnumber: identifies the name of an extension critical: should be set to 0 since this is non-critical extension number: value of long which identifies the sequential number of a crl.
... superseded (4), cessationofoperation (5), certificatehold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate
otherwise became invalid.
NSS Tools modutil
the jar file should also contain any files to be installed on the target machine, including the pkcs #11 module library file and
other files such as documentation.
... -libfile library-file specify a path to the dll or
other library file containing the implementation of the pkcs #11 interface module that is being added to the database.
...this name will be used to reference the module from netscape communicator, the security module database tool (modutil), servers, or any
other program that uses the netscape security module database.
...this string is a bitwise or of the following constants: user read: 0400 user write: 0200 user execute: 0100 group read: 0040 group write: 0020 group execute: 0010
other read: 0004
other write: 0002
other execute: 0001 some platforms may not understand these permissions.
certutil
unless specified
otherwise the default token is an internal slot (specifically, internal slot 2).
... o p - valid peer o p - trusted peer (implies p) o c - valid ca o t - trusted ca to issue client certificates (implies c) o c - trusted ca to issue server certificates (ssl only) (implies c) o u - certificate can be used for authentication or signing o w - send warning (use with
other attributes to include a warning when the certificate is used in that context) the attribute codes for the categories are separated by commas, and the entire set of attributes enclosed by quotation marks.
...the trust arguments for certificates have the format ssl,s/mime,code-signing, so the middle trust settings relate most to email certificates (though the
others can be set).
... o https://wiki.mozilla.org/nss_shared_db_howto o https://wiki.mozilla.org/nss_shared_db additional resources for information about nss and
other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
NSS tools : crlutil
critical/non-critical: is 1 when extension is critical and 0
otherwise.
...should be set to 1 if this extension is critical or 0
otherwise.
...this extension allows users to easily determine when a particular crl supersedes an
other crl crlnumber non-critical number where: crlnumber: identifies the name of an extension critical: should be set to 0 since this is non-critical extension number: value of long which identifies the sequential number of a crl.
...(1), cacompromise (2), affiliationchanged (3), superseded (4), cessationofoperation (5), certificatehold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) * add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate
otherwise became invalid.
Functions
(but note that objects of
other classes can be callable and can even have typeof obj == "function".) script functions functions written in javascript and compiled to bytecode.
...a nested function is algol-like if it is only ever defined and called, and it isn't accessed in any
other way (and it is not a generator-function).
...some of these can even be fused with
other operations into combo instructions like jsop_getargprop, jsop_forlocal, and jsop_inclocal.
...
otherwise the gvar instructions are as slow as name instructions.
SpiderMonkey Internals: Thread Safety
they can't travel to
other jscompartments.
...a single jscontext can run work with code and objects in multiple compartments as long as no
other thread is accessing those compartments.
...in
other words, gc waits until each
other thread is either outside jsapi (in which case we don't care what it's doing) or else in jsapi, but blocked, waiting for gc to finish.
...and obviously you shouldn't block or
otherwise dilly-dally while in a request; it prohibits gc.
JS::PersistentRooted
persistentrooted<t>& operator=(const persistentrooted<t>&
other) bool operator!=(const t&
other) const compares ptr and
other.
... bool operator==(const t&
other) const description js::persistentrooted<t> declares a variable of type t whose value is always rooted.
... note that you must not use an persistentrooted in an object owned by a js object: whenever one object whose lifetime is decided by the gc refers to an
other such object, that edge must be traced only if the owning js object is traced.
... in the context of firefox, this is a severe restriction: almost everything in firefox is owned by some js object or an
other, so using persistentrooted in such objects would introduce leaks.
JS_DeleteProperty2
on success, *succeeded receives false if the property was not deleted because it is permanent and true
otherwise.
...
otherwise obj has a non-permanent own property with the given name or id.
...
otherwise, if obj is not configurable, an error is raised.
...
otherwise, *succeeded receives true and the property is removed.
JS_InitClass
this structure defines the class for use by
other api functions.
... unlike
other jsnatives, this function must not call js_this or js_this_object.
...its value is the constructor function if constructor is non-null, and the prototype object
otherwise.
...(this is a feature of the c and c++ languages.)
otherwise, use memset.
JS_NewObject
otherwise it returns null.
...
otherwise, object.prototype is used as the new object's prototype.
...in
other words, the context's current scope acts as a default parent.
...
otherwise, we use object.prototype, looking up the constructor for object as described above.
JS_ReportErrorNumber
otherwise, if the jserrorformatstring returned by the jserrorcallback has .exntype == jsexn_none, then the error reporter, if any, is called, and no error object is created.
...the source code seems to say we ignore the .exntype, actually, but surely i'm just missing something.)
otherwise, if any javascript code is running in cx (for example, if the caller is a jsnative that was called from a script), then an error object is created and becomes the pending exception.
...
otherwise, no javascript code is running in cx.
...
otherwise, (???
JS_SetProperty
otherwise, [[set]] internal method defined in es2015 (rev 29 9.1.9) is performed.
...
otherwise, if the lookup found a read-only property or obj non-extensible, nothing happens, but this is not an error.
...
otherwise, if obj has an own property with the given name, then the existing property's value is set as described below.
...if the property has a javascript setter, it is called;
otherwise, if it has a javascript getter, then an error is reported;
otherwise the property's setter is called, passing the arguments (cx, obj, id, &v).
JS_ValueToString
otherwise the result is a decimal representation of the number, possibly using exponential notation.
...
otherwise v is an object.
...
otherwise, the resulting object's jsclass.convert callback is called.
...
otherwise conversion fails with a typeerror.
SpiderMonkey 1.8.7
on
other platforms, the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
... these and
other changes are explained in detail below.
... js_newobject and js_newobjectwithgivenproto remain the correct apis for creating
other objects.
...the primary change in this interface is that it no longer counts operations; embedders are expected find an
other mechanism (such as a watchdog thread) to trigger regular callbacks, via js_triggeroperationcallback.
Exploitable crashes
any
other crash where firefox tries to use memory it does not have access to indicates some kind of memory safety bug.
...the
other tool is valgrind.
...
other tools apple has a tool called "crashwrangler" that are still being maintained as of 2012.
...to get them go to the mac developer center downloads section ->
other downloads -> search for "crashwrangler".
Querying Places
(in
other words, the keywords from the first query are anded with all queries.) keywords from subsequent query objects are ignored.
...
other sortings will work, however.
...contains uri, title, and
other general info.
... containers containers hold lists of
other containers and result nodes.
Accessing the Windows Registry Using XPCOM
introduction when implementing windows-specific functionality, it is often useful to access the windows registry for information about the environment or
other installed programs.
... support in seamonkey and
other non-toolkit applications in older versions of seamonkey and
other non-toolkit-based applications, an interface existed called nsiwindowsregistry, containing the same method and named constants as the methods described above for firefox 1.0.
... it can be used as follows: var wss = components.classes["@mozilla.org/winhooks;1"] .getservice(components.interfaces.nsiwindowsregistry); var id = wss.getregistryentry(wss.hklm, "software\\microsoft\\windows\\currentversion", "productid"); backwards compatibility if you need to support firefox 1.0 and
other older browser versions, you should check to see which interfaces are available.
... the following skeleton code will allow you to determine which interface to use: if ("@mozilla.org/windows-registry-key;1" in components.classes) { // firefox 1.5 or newer } else if ("@mozilla.org/winhooks;1" in components.classes) { // seamonkey or
other older non-toolkit application } else if ("@mozilla.org/browser/shell-service;1" in components.classes) { var wss = components.classes["@mozilla.org/browser/shell-service;1"] .getservice(components.interfaces.nsiwindowsshellservice); if ("getregistryentry" in wss) { // firefox 1.0 } else { // nothing supported } } else { // nothing supported } ...
Aggregating the In-Memory Datasource
that is, you want to reflect the contents of something as an rdf graph (presumably so that it can be aggregated with
other information or displayed as styled content).
...getiid()) || aiid.equals(nscomtypeinfo<nsisupports>::getiid())) { *aresult = ns_static_cast(nsiglobalhistory*, this); } else if (aiid.equals(nscomtypeinfo<nsirdfdatasource>::getiid())) { return minner->queryinterface(aiid, aresult); } else { *aresult = nsnull; return ns_nointerface; } ns_addref(ns_static_cast(nsisupports*, aresult)); return ns_ok; } the only
other thing that you'll need to be aware of is that you'll need to queryinterface() from nsisupports to nsirdfdatasource before you can actually do anything useful with the datasource from within your object.
... you could also forward
other interfaces to the minner that youknow it can support; however, this is extremely risky.
... it's risky because an
other implementation of the same object mightnot support those interfaces.
Avoiding leaks in JavaScript XPCOM components
the most common strategies for managing heap allocation are the following: malloc and free (or new and delete) the simplest strategy for heap allocation is that the programmer makes one function call to request memory from the heap and an
other one to return it.
...in this strategy, the object has a member that is the number of
other objects that "own" it.
... one might think that the wrappers of native xpcom objects (to allow them to be used from javascript) would just work the
other way around.
... (on wrapped objects
other that dom nodes, we allow javascript programmers to set properties, but we don't do anything to protect them from garbage collection.
How to build an XPCOM component in JavaScript
defining the interface if you want to use your component in
other xpcom components, you must define the interfaces that you want exposed.
...the library provides a simple example of its use in the source code (js/xpconnect/loader/xpcomutils.jsm), but here's an
other using this example.
...}; var components = [helloworld]; 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.
... using xpcom instantiation try { var mycomponent = components.classes['@dietrich.ganx4.com/helloworld;1'] .createinstance(components.interfaces.nsihelloworld); alert(mycomponent.hello()); } catch (anerror) { dump("error: " + anerror); }
other resources rm lantwo mozillazine forums threads about implementing xpcom components in js with some explanations, example code, and troubleshooting tips: http://forums.mozillazine.org/viewtopic.php?t=308369 http://forums.mozillazine.org/viewtopic.php?t=367298 implementing xpcom components in javascript at kb.mozillazine.org using xpcom in javascript without leaking - a must-read...
Setting up the Gecko SDK
the sdk is available for windows, linux, and mac operating systems, and versions for
other operating systems are being developed, and can be retrieved from as a single archive from the following platform-specific locations (need correction for last version (now 1.9.2.8).
...if you choose some
other location, remember to adjust the settings described here (e.g., in the building a microsoft visual cpp project section below) to point to this new location.
...note that mozilla-config.h may be need to be included before
other includes in your component's source code.
...if your component will use
other parts of the sdk (e.g., necko), you will have to add these include directories to this field as well.
XPCOM Stream Guide
on the
other hand, we use streams to access files within a zip archive, to store and provide data coming from websites, even to talk to
other programs on the same computer through "pipes" (more on that later).
... we even have streams that take input from
other streams and transform the data within them to something more useful.
... netutil.jsm provides apis for copying an input stream to an output stream (the asynccopy() method), getting an input stream from an
other source (the asyncfetch() method), and reading an input stream into a string (the readinputstreamtostring() method).
...these work by taking the input from an
other stream, and providing a stream interface to access that underlying stream's data.
Components.utils.Sandbox
sandboxname a string value which identifies the sandbox in about:memory (and possibly
other places in the future).
... this property is optional, but very useful for tracking memory usage of add-ons and
other javascript compartments.
...however, it also occurs during cross-origin access between two content pages, since each page sees a "vanilla" view of the
other.
...however, sandboxes are often used when chrome wants to run script as an
other origin, possibly to interact with the page.
NS ConvertASCIItoUTF16 external
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
NS ConvertUTF16toUTF8 external
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
NS ConvertUTF8toUTF16 external
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
NS LossyConvertUTF16toASCII external
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
PromiseFlatCString (External)
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
PromiseFlatString (External)
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsACString (External)
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsAutoString (External)
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsCAutoString (External)
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsCStringContainer (External)
g prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char a char b pruint32 length compare(const char*, print32 (*) print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char
other print32* c compare(const nsacstring&, print32 (*) print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring
other print32* c equals(const char*, print32 (*) prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source ...
... parameters char
other print32* c equals(const nsacstring&, print32 (*) prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring
other print32* c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring
other prbool operator<(const char*) const - source parameters char
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring
other prbool operator<=(const char*) const - source parameters char
other operator== prbool...
... operator==(const nsacstring&) const - source parameters nsacstring
other prbool operator==(const char*) const - source parameters char
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring
other prbool operator>=(const char*) const - source parameters char
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring
other prbool operator>(const char*) const - source parameters char
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring...
...
other prbool operator!=(const char*) const - source parameters char
other equalsliteral prbool equalsliteral(const char*) const - source parameters char
other find(const nsacstring&, print32 (*) print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsCString external
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsDependentCString external
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsDependentCSubstring external
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsDependentString external
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsDependentSubstring external
aultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar a prunichar b pruint32 length compare(const prunichar*, print32 (*) print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar
other print32* c compare(const nsastring&, print32 (*) print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring
other print32* c equals(const prunichar*, print32 (*) prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, p...
...ruint32)) const - source parameters prunichar
other print32* c equals(const nsastring&, print32 (*) prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring
other print32* c operator< prbool operator<(const nsastring&) const - source parameters nsastring
other prbool operator<(const prunichar*) const - source parameters prunichar
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring
other prbool operator<=(const prunichar*) const - source parameters prunich...
...ar
other operator== prbool operator==(const nsastring&) const - source parameters nsastring
other prbool operator==(const prunichar*) const - source parameters prunichar
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring
other prbool operator>=(const prunichar*) const - source parameters prunichar
other operator> prbool operator>(const nsastring&) const - source parameters nsastring
other prbool operator>(const prunichar*) const - source parameters prunichar
other operator!= prbool opera...
...tor!=(const nsastring&) const - source parameters nsastring
other prbool operator!=(const prunichar*) const - source parameters prunichar
other equalsliteral prbool equalsliteral(const char*) const - source parameters char aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsLiteralCString (External)
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsLiteralString (External)
et prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const char*, const char*, pruint32) - source parameters char* a char* b pruint32 length compare print32 compare(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters char*
other print32 (*)(char*, char*, pruint32) c print32 compare(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c equals prbool equals(const char*, print32 (*)(const char*, const char*, pruint32)) const - source parameters ...
... char*
other print32 (*)(char*, char*, pruint32) c prbool equals(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source parameters nsacstring&
other print32 (*)(char*, char*, pruint32) c operator< prbool operator<(const nsacstring&) const - source parameters nsacstring&
other prbool operator<(const char*) const - source parameters char*
other operator<= prbool operator<=(const nsacstring&) const - source parameters nsacstring&
other prbool operator<=(const char*) const - source parameters char*
other operator== prbool operator==...
...(const nsacstring&) const - source parameters nsacstring&
other prbool operator==(const char*) const - source parameters char*
other operator>= prbool operator>=(const nsacstring&) const - source parameters nsacstring&
other prbool operator>=(const char*) const - source parameters char*
other operator> prbool operator>(const nsacstring&) const - source parameters nsacstring&
other prbool operator>(const char*) const - source parameters char*
other operator!= prbool operator!=(const nsacstring&) const - source parameters nsacstring& oth...
...er prbool operator!=(const char*) const - source parameters char*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char*
other find print32 find(const nsacstring&, print32 (*)(const char*, const char*, pruint32)) const - source find the first occurrence of astr in this string.
nsStringContainer (External)
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsString external
iling defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint...
...32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source par...
...ameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsastring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other op...
...erator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
nsIBrowserHistory
markpageasfollowedlink() obsolete since gecko 22.0 (firefox 22.0 / thunderbird 22.0 / seamonkey 2.19) note: this method was moved to an
other interface in gecko 22.0.
... markpageastyped() obsolete since gecko 22.0 (firefox 22.0 / thunderbird 22.0 / seamonkey 2.19) note: this method was moved to an
other interface in gecko 22.0.
... adobatchnotify obsolete since gecko 9.0 if set to true, the beginupdatebatch and endupdatebatch events are sent;
otherwise, no notification of changes to the history is provided.
...set to false
otherwise.
nsICachingChannel
a cache key retrieved from a particular instance of nsicachingchannel could be set on an
other instance of nsicachingchannel provided the underlying implementations are compatible and provided the new channel instance was created with the same uri.
...a cache token retrieved from a particular instance of nsicachingchannel could be set on an
other instance of nsicachingchannel provided the underlying implementations are compatible.
... load_bypass_local_cache_if_busy 1 << 29 this load flag causes the local cache to be skipped if the request would
otherwise block waiting to access the cache.
...return value returns true if this channel's data is being loaded from the cache,
otherwise returns false.
nsIChannel
load_retargeted_document_uri 17 if the end consumer for this load has been retargeted after discovering its content, this flag will be set: load_replace 18 this flag is set to indicate that this channel is replacing an
other channel.
... this means that: the stream listener this channel will be notifying was initially passed to the asyncopen() method of some
other channel this channel's uri is a better identifier of the resource being accessed than this channel's originaluri.
... this flag can be set, for example, for redirects or for cases when a single channel has multiple parts to it (and thus can follow onstoprequest with an
other onstartrequest/onstoprequest pair, each pair for a different request).
...like any
other nsichannel method it must not be called on any thread
other than the xpcom main thread.
nsIClipboardDragDropHooks
otherwise, false to indicates to the operating system that drop is not allowed.
...
otherwise, false to show the drag is canceled (does not go to operating system).
...
otherwise, false to indicate that the copy/drag is canceled, does not go to operating system.
...
otherwise, false to indicate the action was not overridden, do built-in behavior.
nsICookieManager2
presence of a leading dot indicates a domain cookie;
otherwise, the cookie is treated as a non-domain cookie.
...'.foo.com', not '.com'),
otherwise an exception will be thrown.
...this should consist only of the host portion of the uri and should not contain a leading dot, port number, or
other information.
...this should consist only of the host portion of the uri and should not contain a leading dot, port number, or
other information.
nsICryptoHash
" must be called before any
other method on this interface is called.
..." must be called before any
other method on this interface is called.
... computing the hash of a string an
other common operation is computing the hash value of a string.
... createinstance(components.interfaces.nsiscriptableunicodeconverter); // we use utf-8 here, you can choose
other encodings.
nsIDOMEvent
if the event was retargeted for some reason
other than an anonymous boundary crossing, this will be set to the target before the retargeting occurs.
...if called from a subclass of event interface only the values specified in the initevent method are modified, all
other attributes are left unchanged.
...it is also strongly recommended that third parties adding their own events use their own prefix to avoid confusion and lessen the probability of conflicts with
other new events.
...serialize() void serialize( in ipcmessageptr amsg, in boolean aserializeinterfacetype ); parameters amsg aserializeinterfacetype native code only!settarget void settarget( in nsidomeventtarget atarget ); parameters atarget native code only!settrusted void settrusted( in boolean atrusted ); parameters atrusted stopimmediatepropagation() prevents
other event listeners from being triggered and, unlike stoppropagation() its effect is immediate.
nsIDOMMouseScrollEvent
ctrlkeyarg true if the control key was down when the event occurred,
otherwise false.
... altkeyarg true if the alt key was down when the event occurred,
otherwise false.
... shiftkeyarg true if the shift key was down when the event occurred,
otherwise false.
... metakeyarg true if the meta key was down when the event occurred,
otherwise false.
nsIHTMLEditor
returninparagraphcreatesnewparagraph boolean a boolean indicating if a return key pressed in a paragraph creates an
other paragraph or just inserts a <br> at the caret.
... void indent( in astring aindent ); parameters aindent insertelementatselection() insert an element, which may have child nodes, at the selection used primarily to insert a new element for various insert element dialogs, but it enforces the html 4.0 dtd "cancontain" rules, so it should be useful for
other elements.
... void pastenoformatting( in long aselectiontype ); parameters aselectiontype rebuilddocumentfromsource() rebuild the entire document from source html needed to be able to edit head and
other outside-of-body content.
... the selection is set to parent-of-aelement with an offset 1 greater than aelement's offset but it enforces the html 4.0 dtd "cancontain" rules, so it should be useful for
other elements.
nsIInstallLocation
return value an nsifile if the package exists
otherwise null.
... itemismanagedindependently() determines whether or not an item's resources are managed by the extension system or by some
other user or process.
... for example, items linked to by text links are managed by the user, and items linked to from registry install locations are usually managed by
other applications or installers.
... return value true if the item's resources are managed independently of the extension system, false
otherwise.
nsIJumpListItem
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) note: to consumers: it's reasonable to expect we'll need support for
other types of jump list items (an audio file, an email message, etc.).
... methods equals() compare this item to an
other.
... compares the type and
other properties specific to this item's type: separator - type link - type, uri, title shortcut - type, handler application boolean equals( in nsijumplistitem item ); parameters item an
other nsijumplistitem to compare to.
... return value true if items are the same,
otherwise false ...
nsIMessageSender
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message senders enable clients to send asynchronous messages to a single "
other side".
...to send messages to multiple "
other sides", you would use nsimessagebroadcaster.
...methods void sendasyncmessage([optional] in astring messagename, [optional] in jsval obj, [optional] in jsval objects, [optional] in nsiprincipal principal); sendasyncmessage() send messagename and obj to the "
other side" of this message manager.
... for example, we will throw ns_error_not_initialized if we try to send a message to a cross-process frame but the
other process has not yet been set up.
nsINavHistoryResultObserver
anode the node to insert into the container; it may be either a leaf or an
other container.
...this method is called after the item has been removed from the parent, but before any
other action is taken (including zeroing out the item's parent reference).
... nodereplaced() called when a node is being replaced with an
other node at the same location.
...for many
other types of views, this will not be applicable.
nsINavHistoryResultViewer
note: most methods in this interface were renamed in gecko 1.9.2, and
others have slightly different parameter lists.
... remarks this method is called after the item has been removed from the parent, but before any
other action is taken (including zeroing out the item's parent reference).
... nodereplaced() called when a node is being replaced with an
other node at the same location.
... anode the node to insert into the container; it may be either a leaf or an
other container.
nsIProtocolHandler
uri_forbids_automatic_document_replacement 1<<5 "automatic" loads that would replace the document (such as a meta refresh, certain types of xlinks, and
other non-user-triggered loads) are not allowed if the originating uri has this protocol flag.
... uri_is_local_file 1<<9 uris for this protocol from
other origins should only be allowed if those origins should have access to the local file system.
... return value return true if the override is approved;
otherwise, return false.
...
otherwise, aspec may be resolved relative to abaseuri, depending on the protocol.
nsIStringBundle
you may also use
other formatting codes.
...do not try to use any
other types.
...you may also use
other formatting codes, but can only pass unicode strings in.
...do not try to use any
other types.
nsISupportsArray
supports aelement); nsisupports elementat(in unsigned long aindex); violates the xpcom interface guidelines boolean enumeratebackwards(in nsisupportsarrayenumfunc afunc, in voidptr adata); violates the xpcom interface guidelines boolean enumerateforwards(in nsisupportsarrayenumfunc afunc, in voidptr adata); violates the xpcom interface guidelines boolean equals([const] in nsisupportsarray
other); violates the xpcom interface guidelines long getindexof(in nsisupports apossibleelement); long getindexofstartingat(in nsisupports apossibleelement, in unsigned long astartindex); long getlastindexof(in nsisupports apossibleelement); long indexof([const] in nsisupports apossibleelement); violates the xpcom interface guidelines long indexofstartingat([const] in nsisupports apossibleele...
...ment, in unsigned long astartindex); violates the xpcom interface guidelines boolean insertelementat(in nsisupports aelement, in unsigned long aindex); violates the xpcom interface guidelines boolean insertelementsat(in nsisupportsarray a
other, in unsigned long aindex); violates the xpcom interface guidelines long lastindexof([const] in nsisupports apossibleelement); violates the xpcom interface guidelines boolean moveelement(in long afrom, in long ato); violates the xpcom interface guidelines boolean removeelementat(in unsigned long aindex); violates the xpcom interface guidelines boolean removeelementsat(in unsigned long aindex, in unsigned long acount); violates the xpcom interface guidelines boolean removelastelement([const] in nsisupports aelement); violates the xpcom interfa...
... boolean enumeratebackwards( in nsisupportsarrayenumfunc afunc, in voidptr adata ); parameters afunc adata return value enumerateforwards() [notxpcom, noscript] boolean enumerateforwards( in nsisupportsarrayenumfunc afunc, in voidptr adata ); parameters afunc adata return value violates the xpcom interface guidelines equals() boolean equals( [const] in nsisupportsarray
other ); parameters
other return value getindexof() long getindexof( in nsisupports apossibleelement ); parameters apossibleelement return value getindexofstartingat() long getindexofstartingat( in nsisupports apossibleelement, in unsigned long astartindex ); parameters apossibleelement astartindex return value getlastindexof() long getlastindexof( in nsisupports apossibleelemen...
..., in unsigned long astartindex ); parameters apossibleelement astartindex return value violates the xpcom interface guidelines insertelementat() boolean insertelementat( in nsisupports aelement, in unsigned long aindex ); parameters aelement aindex return value violates the xpcom interface guidelines insertelementsat() boolean insertelementsat( in nsisupportsarray a
other, in unsigned long aindex ); parameters a
other aindex return value violates the xpcom interface guidelines lastindexof() long lastindexof( [const] in nsisupports apossibleelement ); parameters apossibleelement return value violates the xpcom interface guidelines moveelement() boolean moveelement( in long afrom, in long ato ); parameters afrom ato return value ...
nsISupports proxies
when one is busy, the
other is blocked.
... i believe that
other people working on mozilla need similar solutions.
... proxy_async, on the
other hand, is a "fire and forget" method call.
...if you have created the object yourself and then created the proxy, please note that you will have at least a refcount of 2 (one for the proxy and one for the created object which you passed into getproxyobject, plus any
other refcounts which you may have).
nsIThread
instead, you must only call it from an
other thread (usually the thread that created it, or the main application thread).
... note: this method must be called from within the thread itself, and not from an
other thread.
...since
other threads may add events to the current thread, it's possible that by the time this method returns, the event queue may no longer be empty, even if a false result is reported.
...this can cause random crashes and
other bugs that may be hard to find and fix.
nsIWindowMediator
otherwise this variable is ignored.
...
otherwise this value will be null.
... native code only!setzposition a window has been positioned behind an
other.
...in fact, those methods usually (always?) return a chromewindow object, implementing both of those interfaces and a few
others, when called from javascript code.
nsIWindowsRegKey
key hkey this attribute exposes the native hkey and is available to provide c++ consumers with the flexibility of making
other windows registry api calls that are not exposed via this interface.
...it is still possible to enumerate values that have
other types (that is, getvaluetype() may return a type not defined below).
...return value this method returns true if the key has changed and false
otherwise.
...
otherwise, only this key is watched.
Troubleshooting XPCOM components registration
registration failure if the module is loading correctly but doesn't register its components, try adding calls to components.utils.reporterror("debug me!"); in nsgetmodule() and
other functions to try and find any errors.
... if you are testing a build from your linux distribution (or
other vendor-supplied build), look for -dev packages from them.
... do not add any
other directories; in particular, do not add your extension's (or xulrunner application's) components directory.
...it may then be necessary for the stub to locate the newer runtime libraries for the
other files it loads.
Using nsIDirectoryService
since it was a component and was loaded implicitly by many
other components, it was difficult to customize.
... customizing the locations is important if, for example, your application already has a profile directory or
other resource directories.
...the location of the components folder and the components registry, among
other things, are relative to the /bin directory.
...again, if you do this, do not initialize the profile service - it's either one or the
other.
Weak reference
this design, however, is flawed, as it holds the observer in existence longer than would
otherwise be necessary.
...there are
other, mostly negligible, costs: it's an extra indirection per call, and the easy implementation requires adding an extra pointer per interface to the target implementation.
... it really feels like the nsiweakreference that you are holding is just an
other interface on the target object.
... } alternatives this technique is useful, but in situations where you need this, there are two alternatives which you may want to consider: you might hold an owning reference, but arrange to release it out-of-band; this must be before the destructor, which would
otherwise never be called.
Autoconfiguration in Thunderbird
this method is not practical for
other use cases, because it is difficult to update the configuration file.
... guessing if all
other mechanisms failed, thunderbird tries to guess the configuration, by trying common server names like imap.<domain>, smtp.<domain>, mail.<domain> etc., and, when a mail server answers, checking whether it supports ssl, starttls and encrypted passwords (cram-md5).
...this may be on the same machine as
other web servers, but the web server must be configured to the content to any requested domain.
... all config files must be served as content-type: text/xml (or application/xml),
otherwise the file will be ignored.
Using Objective-C from js-ctypes
otherwise, the following functions can be used, depending on return type and architecture.
... nsstring literals an
other objective-c syntax used is the @"..." literal, which creates nsstring instance.
... let objc_msgsend = lib.declare("objc_msgsend", ctypes.default_abi, id, id, sel, "..."); let objc_msgsend_bool = lib.declare("objc_msgsend", ctypes.default_abi, bool, id, sel, "...");
other functions can be declared fluently, using id instead of class as the return type of objc_getclass.
... let objc_getclass = lib.declare("objc_getclass", ctypes.default_abi, id, ctypes.char.ptr); let sel_registername = lib.declare("sel_registername", ctypes.default_abi, sel, ctypes.char.ptr); calling variadic function objc_msgsend is a variadic function, so we should always pass it a cdata instance,
other than this first and second argument, to declare each argument type.
Declaring and Using Callbacks
there is no concurrency logic in js-ctypes, so invoking callbacks on
other threads will cause things to crash.
... the return type of the javascript callback must match the return type declared,
otherwise js-ctypes will throw an error saying "unexpected return type".
... var myfunctypedeclaration = ctypes.functiontype(ctypes.default_abi, ctypes.bool, [ctypes.int, ctypes.voidptr_t]); function myjscallback(cint, cptr) { return true; // as the return of the functiontype was ctypes.bool we must make our javascript callback return bool
otherwise js-ctypes will throw error saying unexpected type return } var myccallback = myfunctypedeclaration.ptr(myjscallback); example 2 this callback that returns void and no arguments.
... var myfunctypedeclaration = ctypes.functiontype(ctypes.default_abi, ctypes.void_t, []); function myjscallback() { return undefined; // as the return of the functiontype was ctypes.void_t we must return undefined or dont return at all
otherwise js-ctypes will throw an error saying unexpected type } var myccallback = myfunctypedeclaration.ptr(myjscallback); using callbacks since callbacks are function pointers in c, js-ctypes has special handling for function pointer types.
Standard OS Libraries
gtk+ is the framework used under firefox (and
other mozilla applications like thunderbird).
... the
other framework used in unix systems is qt.
... // placeholder - example soon to come x11 x11 runs primarily on unix® and unix-like operating systems like linux, all of the bsd variants, sun solaris both native 32 and 64 bit support, solaris x86, mac os x (via darwin) as well as
other platforms like os/2 and cygwin.
...undrestanding js-ctypes is important as arrays and
other features used in jni.jsm will require us to create arrays from the types available to the ctypes.jsm module.
Working with data
this will also work: `ctypes.int.array()(jsarr)` mycarr.addressofelement(0).contents; // outputs: 4 mycarr.addressofelement(1).contents; // outputs: 10 type casting you can type cast data from one type to an
other by using the ctypes.cast() function: var newobj = ctypes.cast(origobj, newtype); this will return a new object whose data block is shared with the original object, but whose type is newtype.
... example: cast an array this example shows how to cast an array of a certain type to an
other type.
...javascript, on the
other hand, uses the string object to represent strings.
... creating a 64-bit value using join() the join() method offered by the int64 and uint64 objects provides an
other way to construct 64-bit integers.
Plug-in Development Overview - Plugins
for example: str 128 mime type string 1 video/quicktime string 2 mov, moov string 3 audio/aiff string 4 aiff string 5 image/jpeg string 6 jpg several
other optional strings may contain useful information about the plug-in.
... plug-ins must support 'str#' 128 but are not required to support any of these
others: str#' 127 can contain a list of mime type descriptions corresponding to the types in 'str#' 128 .
... drawing a plug-in instance before drawing itself on the page, the plug-in must provide information about itself, set the window or
other target in which it draws, arrange for redrawing, and handle events.
... working with urls the plug-in api provides methods that plug-ins can use to retrieve data from or post data to a url anywhere on the network, provide hyperlinks to
other documents, post form data to cgi scripts using http, or upload files to a remote server using ftp.
URLs - Plugins
wysiwyg placed before an
other url; displays a page that javascript has updated using document.write.
...this is the way that plug-ins provide hyperlinks to
other documents or retrieve data from the network.
... here's an example of getting a url: a plug-in instance draws a button that acts like a link to an
other web page.
... windows and mac if a file is posted with any protocol
other than ftp, the file must be text with unix-style line breaks ('\n' separators only).
Intensive JavaScript - Firefox Developer Tools
there's also a video version of this walkthrough: the demo website looks like this: it has three controls: a radio button group to control how to run the javascript: as a single blocking operation in the main thread, as a series of smaller operations in the main thread using requestanimationframe(), or in an
other thread using a worker.
... leaving the radio button set to "use blocking call in main thread", make a recording: press the "start animations" button start recording a performance profile press "do pointless computations!" two or three times stop recording the profile exactly what you see will vary from one machine to an
other, but it will be something like this: the top half of this is the waterfall overview.
...e) { primes.push(candidate); } // schedule the next var testfunction = testcandidate.bind(this, index + 1); window.requestanimationframe(testfunction); } var primes = []; var testfunction = testcandidate.bind(this, 0); window.requestanimationframe(testfunction); } let's test this version out: select the radio button labeled "use requestanimationframe" and capture an
other profile.
...the main thread and the worker thread can't call each
other directly, but communicate using an asynchronous messaging api.
about:debugging (before Firefox 68) - Firefox Developer Tools
there's a better way to handle the
other cases: click the "reload" button next to the "debug" button.
... this does what it says: reloading any persistent scripts, such as background scripts parsing the manifest.json file again, so changes to permissions, content_scripts, browser_action or any
other keys will take effect.
...it will be disabled for all
other add-ons.
... workers the workers page shows your workers, categorised as follows: all registered service workers all registered shared workers
other workers, including chrome workers and dedicated workers you can connect the developer tools to each worker, and send push notifications to service workers.
Firefox Developer Tools
accessibility inspector provides a means to access the page's accessibility tree, allowing you to check what's missing or
otherwise needs attention.
...but you can attach the tools to a variety of
other targets, too, both within the current browser and in different browsers or even different devices.
... connecting to
other browsers connect the developer tools to chrome on android and safari on ios.
... migrating from firebug firebug has come to the end of its lifespan (see firebug lives on in firefox devtools for details of why), and we appreciate that some people will find migrating to an
other less familiar set of devtools to be challenging.
AudioNode - Web APIs
on the
other hand, a destination node has no outputs; instead, all its inputs are directly played back on the speakers (or whatever audio output device the audio context uses).
...the exact processing done varies from one audionode to an
other but, in general, a node reads its inputs, does some audio-related processing, and generates new values for its outputs, or simply lets the audio pass through (for example in the analysernode, where the result of the processing is accessed separately).
... audionode.connect() allows us to connect the output of this node to be input into an
other node, either as audio data or as the value of an audioparam.
... audionode.disconnect() allows us to disconnect the current node from an
other one it is already connected to.
Beacon API - Web APIs
there are
other techniques used to ensure that data is submitted.
...an
other technique is to create a no-op loop for several seconds within the unload handler to delay the unload and submit data to a server.
...if the browser successfully queues the request for delivery, the method returns "true" and returns "false"
otherwise.
...if the browser successfully queues the request for delivery, the method returns "true" and
otherwise returns "false".
Using dynamic styling information - Web APIs
however, this property only returns style attributes that have been set in-line (e.g, <td style="background-color: lightblue"> returns the string "background-color:lightblue", or directly for that element using element.style.propertyname, even though there may be
other styles on the element from a stylesheet).
...however, this will not affect any
other property declarations for that element's styles, such as padding or margin or font, for example.
...</p> <!-- passes the 'p1' id of an
other element's style to modify.
... var el = document.getelementbyid('some-element'); el.setattribute('style', 'background-color:darkblue;'); be aware, however, that setattribute removes all
other style properties that may already have been defined in the element's style object.
Pixel manipulation with canvas - Web APIs
you can also create a new imagedata object with the same dimensions as the object specified by an
otherimagedata.
... var myimagedata = ctx.createimagedata(an
otherimagedata); getting the pixel data for a context to obtain an imagedata object containing a copy of the pixel data for a canvas context, you can use the getimagedata() method: var myimagedata = ctx.getimagedata(left, top, width, height); this method returns an imagedata object representing the pixel data for the area of the canvas whose corners are represented by the points (left,top), (left+width, top), (left, top+height), and (left+width, top+height).
...then we copy that one over to an
other canvas and resize the image to the size we want it to.
... note: be aware that if the canvas contains any pixels that were obtained from an
other origin without using cors, the canvas is tainted and its contents can no longer be read and saved.
Using channel messaging - Web APIs
the channel messaging api allows two separate scripts running in different browsing contexts attached to the same document (e.g., two iframes, or the main document and an iframe, or two documents via a sharedworker) to communicate directly, passing messages between one an
other through two-way channels (or pipes) with a port at each end.
... use cases channel messaging is mainly useful in cases where you've got a social site that embeds capabilities from
other sites into its main interface via iframes, such as games, address book, or an audio player with personalized music choices.
...you have to think about whether the origins trust one an
other, and how the messages are passed.
... message channels on the
other hand can provide a secure channel that allows you to pass data between different browsing contexts.
Channel Messaging API - Web APIs
the channel messaging api allows two separate scripts running in different browsing contexts attached to the same document (e.g., two iframes, or the main document and an iframe, two documents via a sharedworker, or two workers) to communicate directly, passing messages between one an
other through two-way channels (or pipes) with a port at each end.
...once created, the two ports of the channel can be accessed through the messagechannel.port1 and messagechannel.port2 properties (which both return messageport objects.) the app that created the channel uses port1, and the app at the
other end of the port uses port2 — you send a message to port2, and transfer the port over to the
other browsing context using window.postmessage along with two arguments (the message to send, and the object to transfer ownership of, in this case the port itself.) when these transferable objects are transferred, they are 'neutered' on the previous context — the one they previously belonged to.
... the
other browsing context can listen for the message using messageport.onmessage, and grab the contents of the message using the event's data attribute.
... messageport controls the ports on the message channel, allowing sending of messages from one port and listening out for them arriving at the
other.
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
to insert this text into your html page, you need to make this text node a child of some
other node element.
...an
other important note is that the appendchild method will append the child after the last child, just like the word world has been added after the word hello.
... creating new elements with the document object and the createelement(..) method you can create new html elements or any
other element you want with createelement.
...the table's border property was set using an
other dom method, setattribute().
Element.getBoundingClientRect() - Web APIs
properties
other than width and height are relative to the top-left of the viewport.
... the amount of scrolling that has been done of the viewport area (or any
other scrollable element) is taken into account when computing the bounding rectangle.
...while the in operator and for...in will find returned properties,
other apis such as object.keys() will fail.
... rect = elt.getboundingclientrect() // the result in emptyobj is {} emptyobj = object.assign({}, rect) emptyobj = { ...rect } {width, ...emptyobj} = rect domrect properties top, left, right, and bottom are computed using the values of the object's
other properties.
Element.requestFullscreen() - Web APIs
note: this method must be called while responding to a user interaction or a device orientation change;
otherwise it will fail.
... the element is not permitted to use the "fullscreen" feature, either because of feature policy configuration or
other access control features.
... to learn when
other code has toggled full-screen mode on and off, you should establish listeners for the fullscreenchange event on the document.
... if, on the
other hand, full-screen mode is already in effect, we call document.exitfullscreen() to disable full-screen mode.
EventTarget.removeEventListener() - Web APIs
its value must match for removeeventlistener() to match, but the
other values don't.
... now consider this: element.addeventlistener("mousedown", handlemousedown, { passive: true }); here, we specify an options object in which passive is set to true, while the
other options are left to the default value of false.
...any of them in which capture or usecapture is true fail; all
others succeed.
...ails element.removeeventlistener("mousedown", handlemousedown, { passive: false }); // succeeds element.removeeventlistener("mousedown", handlemousedown, false); // succeeds element.removeeventlistener("mousedown", handlemousedown, true); // fails it's worth noting that some browser releases have been inconsistent on this, and unless you have specific reasons
otherwise, it's probably wise to use the same values used for the call to addeventlistener() when calling removeeventlistener().
Fetch API - Web APIs
concepts and usage fetch provides a generic definition of request and response objects (and
other things involved with network requests).
... this will allow them to be used wherever they are needed in the future, whether it’s for service workers, cache api, and
other similar things that handle or modify requests and responses, or any kind of use case that might require you to generate your responses programmatically (that is, the use of computer program or personal programming instructions).
...instead, these are more likely to be created as results of
other api actions (for example, fetchevent.respondwith() from service workers).
...set-cookie headers from
other sites are silently ignored.
File and Directory Entries API support in Firefox - Web APIs
mozilla instead opted to implement
other apis which can be used to solve many of the same problems, such as indexeddb; see the blog post why no filesystem api in firefox?
... this has caused a number of popular web sites not to work properly on browsers
other than chrome.
... this article describes how the firefox implementation of the file and directory entries api differs from
other implementations and/or the specification.
... to ensure your code will work in both chrome and
other browsers, you can include code similar to the following: var filesystemdirectoryentry = window.filesystemdirectoryentry || window.directoryentry; var filesystementry = window.filesystementry || window.entry; limitations in firefox next, let's look at limitations of the firefox implementation of the api.
File and Directory Entries API - Web APIs
this is implemented by
other interfaces which represent files or directories.
...the interfaces below
otherwise mirror the ones from the asynchronous api.
...this is implemented by
other interfaces which represent files or directories.
...
other interfaces localfilesystem gives you access to a sandboxed file system.
HTMLImageElement.height - Web APIs
the height property of the htmlimageelement interface indicates the height at which the image is drawn, in css pixels if the image is being drawn or rendered to any visual medium such as the screen or a printer;
otherwise, it's the natural, pixel density corrected height of the image.
...
otherwise, the image's height is represented using its natural (intrinsic) height, adjusted for the display density as indicated by naturalheight.
...one is 200px wide and the
other is 400px wide.
... html specifically, for viewports up to 400px wide, the image is drawn at a width of 200px;
otherwise, it's drawn at 300px.
HTMLImageElement.width - Web APIs
the width property of the htmlimageelement interface indicates the width at which the image is drawn, in css pixels if the image is being drawn or rendered to any visual medium such as the screen or a printer;
otherwise, it's the natural, pixel density corrected width of the image.
...
otherwise, the image's width is represented using its natural (intrinsic) width, adjusted for the display density as indicated by naturalwidth.
...one is 200px wide and the
other is 400px wide.
... html specifically, for viewports up to 400px wide, the image is drawn at a width of 200px;
otherwise, it's drawn at 400px.
HTMLInputElement - Web APIs
src string: returns / sets the element's src attribute, which specifies a uri for the location of an image to display on the graphical submit button, if the value of type is image;
otherwise it is ignored.
...this attribute applies when the value of the type attribute is text, search, tel, url or email;
otherwise it is ignored.
...this attribute applies when the value of the type attribute is text, search, tel, url or email;
otherwise it is ignored.
...applies only when type is set to text, search, tel, url, email, or password;
otherwise it is ignored.
Checking when a deadline is due - Web APIs
on
others you just get a standard text input, which is okay.
... week, 1-7), month (returns a number from 0-11, see below), and year (getfullyear() is needed; getyear() is deprecated, and returns a weird value that is not much use to anyone!) var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { next we create an
other indexeddb objectstore, and use the opencursor() method to open a cursor, which is basically a way in indexeddb to iterate through all the items in the store.
... switch(cursor.value.month) { case "january": var monthnumber = 0; break; case "february": var monthnumber = 1; break; //
other lines removed from listing for brevity case "december": var monthnumber = 11; break; default: alert('incorrect month entered in database.'); } the first thing we do is convert the month names we have stored in the database into a month number that javascript will understand.
...action(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var request = objectstore.get(title); request.onsuccess = function() { // grab the data object returned as the result var data = request.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item back into the database var requestupdate = objectstore.put(data); // when this new request succeeds, run the displaydata() function again to update the display requestupdate.onsuccess = function() { displaydata(); } if the checks all match, we then run the createnotification() function to provide a notification to the user.
KeyboardEvent.charCode - Web APIs
if the key pressed generates a character (e.g., 'a'), charcode is set to the code of that character; charcode respects the letter case (in
other words, charcode takes into account whether the shift key is held down).
...
otherwise, the code of the pressed key is stored in keycode.
...actually with the chinese ime i'm using, entering the ime results in a keypress event with keycode = 229 and no
other key events fire until the ime exits (which may happen after multiple characters are inputted).
... i'm not sure if
other ime's work this way.
KeyboardEvent.key - Web APIs
note that some
other implementations may fire keypress event if supported.
... when key 2 is pressed, an
other keydown event is fired for this new key press, and the key property value for the event is set to the string @ for the u.s keyboard type and " for the uk keyboard type, because of the active modifier shift key.
... as we finally release the shift key, an
other keyup event is fired for it, and the key attribute value remains shift.
... when key 2 is pressed, an
other keydown event is fired for this new key press, and the key property value for the event is set to be the string @ for the u.s keyboard type and " for the uk keyboard type, because of the active modifier shift key.
LockManager.request() - Web APIs
when an "exclusive" lock for a given name is held, no
other lock with the same name can be held.
...when a "shared" lock for a given name is held,
other "shared" locks for the same name can be granted, but no "exclusive" locks with that name can be held or granted.
...once the callback is invoked, no
other running code on this orign can hold `my_resource` until the callback returns.
... return; } // the lock was granted, and no
other running code in this origin is holding // the 'my_res_lock' lock until this returns.
MediaDevices.getDisplayMedia() - Web APIs
possible errors are: aborterror an error or failure that doesn't match any of the
other exceptions below occurred.
...an
other potential cause for this event: the document in whose context getdisplaymedia() was called is not fully active; for example, perhaps it is not the frontmost tab.
... notreadableerror the user selected a screen, window, tab, or
other source of screen data, but a hardware or operating system level error or lockout occurred, preventing the sharing of the selected source.
... browsers are encouraged to provide a warning to users about sharing displays or windows that contain browsers, and to keep a close eye on what
other content might be getting captured and shown to
other users.
MediaRecorder.onerror - Web APIs
in addition to
other general errors that might occur, the following errors are specifically possible when using the mediastream recording api; to determine which occurred, check the value of mediarecordererrorevent.error.name.
... invalidstateerror an attempt was made to stop or pause or an inactive recorder, start or resume an active recorder, or
otherwise manipulate the mediarecorder while in the wrong state.
... notsupportederror an attempt was made to instantiate a mediarecorder using a mime type that isn't supported on the user's device; one or more of the requested container, codecs, or profiles as well as
other information may be invalid.
... unknownerror an non-security related error occurred that cannot
otherwise be categorized.
MediaStream - Web APIs
mediastream.active read only a boolean value that returns true if the mediastream is active, or false
otherwise.
...the order is not defined, and may not only vary from one browser to an
other, but also from one call to an
other.
...the order is not defined, and may not only vary from one browser to an
other, but also from one call to an
other.
...the order is not defined, and may not only vary from one browser to an
other, but also from one call to an
other.
Microdata DOM API - Web APIs
microdata becomes even more useful when scripts can use it to expose information to the user, for example offering it in a form that can be used by
other applications.
...getitems( [ types ] ) returns a nodelist of the elements in the document that create items, that are not part of
other items, and that are of the types given in the argument, if any are listed.
...in
other cases, a new nodelist object must be returned.
...
otherwise, an empty htmlpropertiescollection object.
MutationObserverInit - Web APIs
otherwise, a typeerror exception will be thrown.
...all of the
other mutationobserverinit properties are then extended to all of the nodes in the subtree instead of applying solely to the target node.
...the default value is true if either of attributefilter or attributeoldvalue is specified,
otherwise the default value is false.
...the default value is true if characterdataoldvalue is specified,
otherwise the default value is false.
Node.compareDocumentPosition() - Web APIs
the node.comparedocumentposition() method reports the position of the given node relative to an
other node in any document — not just the given node’s document.
...ue is a bitmask of the following values: name value document_position_disconnected 1 document_position_preceding 2 document_position_following 4 document_position_contains 8 document_position_contained_by 16 document_position_implementation_specific 32 syntax comparemask = node.comparedocumentposition(
othernode) parameters
othernode the
other node with which to compare the first node’s document position.
... return value an integer value whose bits represent the
othernode's relationship to the calling node.
...for example, if
othernode is located earlier in the document and contains the node on which comparedocumentposition() was called, then both the document_position_contains and document_position_preceding bits would be set, producing a value of 10 (0x0a).
Page Visibility API - Web APIs
when the user minimizes the window or switches to an
other tab, the api sends a visibilitychange event to let listeners know the state of the page has changed.
... the example, which pauses the video when you switch to an
other tab and plays again when you return to its tab, was created with the following code: // set the name of the hidden property and the change event for visibility var hidden, visibilitychange; if (typeof document.hidden !== "undefined") { // opera 12.10 and firefox 18 and later support hidden = "hidden"; visibilitychange = "visibilitychange"; } else if (typeof document.mshidden !== "undefined")...
... videoelement.addeventlistener("play", function(){ document.title = 'playing'; }, false); } properties added to the document interface the page visibility api adds the following properties to the document interface: document.hidden read only returns true if the page is in a state considered to be hidden to the user, and false
otherwise.
...a document may start in the prerender state, but will never switch to this state from any
other state, since a document can only prerender once.
PointerEvent.isPrimary - Web APIs
it returns true if the pointer that caused the event to be fired is the primary device and returns false
otherwise.
...a pointer representing pen input is considered the primary pen input if its pointerdown event was dispatched when no
other active pointers representing pen input existed.
... a pointer representing touch input is considered the primary touch input if its pointerdown event was dispatched when no
other active pointers representing touch input existed.
... syntax var isprimary = pointerevent.isprimary; return value isprimary returns true if the pointer for this event is the primary pointer and returns false
otherwise.
Using Pointer Events - Web APIs
an
other difference is that because pointer events are pointer device agnostic, the application accepts coordinate-based inputs from a mouse, a pen, or a fingertip using the same code.
...this may be a finger (or elbow, ear, nose, whatever, but typically a finger), stylus, mouse, or any
other method for specifying a single point on the surface.
... example the text below uses the term "finger" when describing the contact with the surface, but it could, of course, also be a stylus, mouse, or
other method of pointing at a location.
... handling canceled touches if the user's finger wanders into browser ui, or the touch
otherwise needs to be canceled, the pointercancel event is sent, and we call the handlecancel() function below.
RTCConfiguration.bundlePolicy - Web APIs
all
other tracks are ignored by the connection.
... if any
other value is specified, no configuration is specified when creating the rtcpeerconnection, or if the bundlepolicy property isn't included in the rtcconfiguration object specified when creating the connection, balanced is assumed.
...any
other transports that were used during negotiation are then closed.
... in technical terms, an sdp bundle lets all of the media tracks (identified in the sdp from the m= lines) stream between two peers across a single 5-tuple, that is, from a single ip and port on one peer to a single ip and port on an
other peer, all using the same rtcdtlstransport.
RTCPeerConnection.addTrack() - Web APIs
the rtcpeerconnection method addtrack() adds a new media track to the set of tracks which will be transmitted to the
other peer.
...only tracks are sent from one peer to an
other, not streams.
... since streams are specific to each peer, specifying one or more streams means the
other peer will create a corresponding stream (or streams) automatically on the
other end of the connection, and will then automatically add the received track to those streams.
...
otherwise, the first time ontrack is called, a new stream is created and attached to the video element, and then the track is added to the new stream.
RTCPeerConnection.createDataChannel() - Web APIs
protocol optional the name of the sub-protocol being used on the rtcdatachannel, if any;
otherwise, the empty string ("").
... negotiated optional by default (false), data channels are negotiated in-band, where one side calls createdatachannel, and the
other side listens to the rtcdatachannelevent event using the ondatachannel eventhandler .
... return value a new rtcdatachannel object with the specified label, configured using the options specified by options if that parameter is included;
otherwise, the defaults listed above are established.
... resourceinuse an id was specified, but an
other rtcdatachannel is already using the same value.
RTCPeerConnection.createOffer() - Web APIs
the default behavior is to offer to receive audio only if the local side is sending audio, not
otherwise.
...the default behavior is to offer to receive video only if the local side is sending video, not
otherwise.
...for example, in the case of music or
other non-voice transmission, this can cause loss of important low-volume sounds.
...in this case, a websocket connection is used to send a json message with a type field with the value "video-offer" to the
other peer.
RTCPeerConnection.iceConnectionState - Web APIs
"checking" the ice agent has been given one or more remote candidates and is checking pairs of local and remote candidates against one an
other to try to find a compatible match, but has not yet found a pair which will allow the peer connection to be made.
...it's possible that gathering is still underway, and it's also possible that the ice agent is still checking candidates against one an
other looking for a better connection to use.
... "completed" the ice agent has finished gathering candidates, has checked all pairs against one an
other, and has found a connection for all components.
... "failed" the ice candidate has checked all candidates pairs against one an
other and has failed to find compatible matches for all components of the connection.
RTCRtpTransceiver.currentDirection - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and does so if the
other peer accepts.
... "sendonly" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and will do so if the
other peer offers.
RTCRtpTransceiver.direction - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and does so if the
other peer accepts.
... "sendonly" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and will do so if the
other peer offers.
RTCRtpTransceiverDirection - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and does so if the
other peer accepts.
... "sendonly" offers to send rtp data, and will do so if the
other peer accepts the connection and at least one of the sender's encodings is active1.
... offers to receive rtp data, and will do so if the
other peer offers.
ReadableStream - Web APIs
while the stream is locked, no
other reader can be acquired until this one is released.
...while the stream is locked, no
other reader can be acquired until this one is released.
... readablestream.pipethrough() provides a chainable way of piping the current stream through a transform stream or any
other writable/readable pair.
... examples in the following example, an artificial response is created to stream html fragments fetched from an
other resource to the browser.
Using the Screen Capture API - Web APIs
see options and constraints, below, for more on both how to specify the type of surface you want as well as
other ways to adjust the resulting stream.
... a logical display surface is one which is in part or completely obscured, either by being overlapped by an
other object to some extent, or by being entirely hidden or offscreen.
...mentbyid("stop"); // options for getdisplaymedia() var displaymediaoptions = { video: { cursor: "always" }, audio: false }; // set event listeners for the start and stop buttons startelem.addeventlistener("click", function(evt) { startcapture(); }, false); stopelem.addeventlistener("click", function(evt) { stopcapture(); }, false); logging content to make logging of errors and
other issues easy, this example overrides certain console methods to output their messages to the <pre> block whose id is log.
...upon resolution, the promise returns a mediastream, which will stream the contents of the screen, window, or
other region selected by the user.
Using server-sent events - Web APIs
this limit is per browser + domain, which means that you can open 6 sse connections across all of the tabs to www.example1.com and an
other 6 sse connections to www.example2.com (per stackoverflow).
... all
other field names are ignored.
...the third message contains a data field with the value "an
other message\nwith two lines".
... : this is a test stream data: some text data: an
other message data: with two lines named events this example sends named events.
Streams API - Web APIs
extensions to
other apis request when a new request object is constructed, you can pass it a readablestream in the body property of its requestinit dictionary.
...the examples are as follows: simple stream pump: this example shows how to consume a readablestream and pass its data to an
other.
... unpack chunks of a png: this example shows how pipethrough() can be used to transform a readablestream into a stream of
other data types by transforming a data of a png file into a stream of png chunks.
... examples from
other developers: progress indicators with streams, service workers, & fetch.
Using Touch Events - Web APIs
other fingers may subsequently touch the surface and optionally move across the touch surface.
...an
other potential factor is time; for example, the time elapsed between the touch's start and the touch's end, or the time lapse between two consecutive taps intended to create a double-tap gesture.
... the directionality of a swipe (for example left to right, right to left, etc.) is an
other factor to consider.
...if the target area is too small, touching it could result in firing
other events for adjacent elements.
Basic scissoring - Web APIs
the reason for this distinction is that fragment color (and
other fragment values, such as depth) may be manipulated and changed several times during graphics operations before finally being written to the screen.
...in
other cases, the fragments may be discarded altogether (so the pixel value is not updated), or it may interact with the already existing pixel value (such as when doing color blending for non-opaque elements in the scene).
... here we see an
other example of the distinction between fragments and pixels.
...we enable it here using the enable() method (you will also use enable() to activate many
other features of webgl; hence, the use of the scissor_test constant as an argument in this case).
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
the more time lag there is between one user saying something and an
other hearing it, the more likely there is to be episodes of cross-talking and
other forms of confusion.
... things rtp doesn't do rtp itself doesn't provide every possible feature, which is why
other protocols are also used by webrtc.
...among the simplest things you can do is to implement a "hold" feature, wherein a participant in a call can click a button and turn off their microphone, begin sending music to the
other peer instead, and stop accepting incoming audio.
... the sdp answer is generated and sent using a method called sendanswer(), which generates the answer using createanswer() then sends the resulting sdp to the
other peer over the signaling service.
Using IIR filters - Web APIs
the
other type is fir — finite impulse response filter.
...as well as this, if your audio graph needed a highpass and a bandpass filter within it, you could just use one iir filter node in place of the two biquad filter nodes you would
otherwise need for this.
... when setting our coefficients, the feedforward values can't all be set to zero,
otherwise nothing would be sent to the filter.
... something like this is acceptable: let feedforward = [0.00020298, 0.0004059599, 0.00020298]; our feedback values cannot start with zero,
otherwise on the first pass nothing would be sent back: let feedbackward = [1.0126964558, -1.9991880801, 0.9873035442]; note: these values are calculated based on the lowpass filter specified in the filter characteristics of the web audio api specification.
Using the Web Audio API - Web APIs
for the most part, you don't need to create an output node, you can just connect your
other nodes to baseaudiocontext.destination, which handles the situation for you: track.connect(audiocontext.destination); a good way to visualise these nodes is by drawing an audio graph so you can visualize it.
... adding stereo panning to our app let's add an
other modification node to practise what we've just learnt.
... more examples there are
other examples available to learn more about the web audio api.
... an
other application developed specifically to demonstrate the web audio api is the violent theremin, a simple web application that allows you to change pitch and volume by moving your mouse pointer.
Window: popstate event - Web APIs
these methods and their corresponding events can be used to add data to the history stack which can be used to reconstruct a dynamically generated page, or to
otherwise alter the state of the content being presented while remaining on the same document.
...he moment when the new document state is already fully in place, a zero-delay settimeout() method call should be used to effectively put its inner callback function that does the processing at the end of the browser event loop: window.onpopstate = () => settimeout(dosomething, 0); when popstate is sent when the transition occurs, either due to the user triggering the browser's "back" button or
otherwise, the popstate event is near the end of the process to transition to the new location.
...the entry is now said to have "persisted user state." this information the browser might add to the history session entry may include, for instance, the document's scroll position, the values of form inputs, and
other such data.
... if new-entry has serialized state information saved with it, that information is deserialized into history.state;
otherwise, state is null.
Window.window - Web APIs
otherwise, you'd have to do a manual var window = this; assignment at the top of your script.
... an
other reason, is that without this property you wouldn't be able to write, for example, "window.open('http://google.com/')".
... yet an
other reason to use this property, is for libraries which wish to offer oop-versions, and non-oop versions (especially javascript modules).
...an
other advantage, is that the objects of such a class (even if the class were defined outside of a module) could change their reference to the window at will, they would not be able to do this if they had hard-coded a reference to "window".
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
in
other words, when you have an object in 3d space and need to position an
other object relative to that one, you can call getoffsetreferencespace(), passing into it the position and orientation you want the second object to have relative to the position and orientation of the object on which you call getoffsetreferencespace().
... then, when drawing the scene, you can use the offset reference space to not only position objects relative to one an
other, but to apply the needed transforms to render objects properly based upon the viewer's position.
...in order to use mouse, keyboard, or
other input devices to move or
otherwise transform objects in the 3d space—or to allow the user to move through the space—you'll need to write some code to read the inputs and move perform the movements.
... this is an
other good use case for getoffsetreferencespace().
XRReferenceSpace - Web APIs
it expands upon the base class, xrspace, by adding support for several different tracking behaviors as well as to request a new reference space which describes the offset transform between the tracked object and an
other location in the world.
... events in addition to
other events that may be sent to xrspace or eventtarget objects, the following also apply to xrreferencespace objects.
...
otherwise, typically, one of the
other reference space types will be used more often.
...*/ }); the
other situation in which you may need to acquire a new reference space is if you need to move the origin to a new position; this is commonly done, for example, when your project allows the user to move through the environment using input devices such as the keyboard, mouse, touchpad, or game controls that are not connected through the xr device.
XRView - Web APIs
it's possible to have xrview objects which represent overlapping regions as well as entirely disparate regions; in a game, you might have views that can be presented to observe a remote site using a security camera or
other device, for example.
... in
other words, don't assume there are exactly two views on a given viewer; there can be as few as one (such as when rendering the scene in inline mode, and potentially many (especially if the field of view is very large).
... there might also be views representing observers watching the action, or
other viewspoints not direclty associated with a player's eye.
... vec3.cross(vecx, vecy, cubeorientation); vec3.cross(vecy, cubeorientation, vecx); // now compute the transform that teleports the object to the // specified point and save a copy of it to display to the user // later;
otherwise we probably wouldn't need to save mousematrix // at all.
XRViewerPose - Web APIs
the viewer may be the virtual representation of the user, or it may represent an
other device or interface which may serve as the source of a position and orientation that make up a view upon the scene.
... for example, every player in a mmorpg might have an instance of xrviewerpose to provide a way to calculate what they can see; if the game provides a mechanism that tells the player if an
other player sees them, or that they see an
other player, this information becomes crucial.
... to render a scene using the xrviewerpose representing the user's head, one would iterate over the views in the views array, rendering them one after an
other.
... also, when rendering the scene for spectators or
other players in a multiplayer game, the transform of the xrviewerpose can be used to determine both placement and facing direction of the
other players in the game, so that they can be drawn in the correct place with the correct facing.
XRWebGLLayer() - Web APIs
otherwise, the color buffer will not have an alpha channel.
... antialias optional a boolean value which is true if anti-aliasing is to be used when rendering in the context;
otherwise false.
... depth optional a boolean value which, if true, requests that the new layer have a depth buffer;
otherwise, no depth layer is allocated.
...
otherwise, no stencil buffer is allocated.
XRWebGLLayerInit - Web APIs
otherwise, the color buffer will not have an alpha channel.
... antialias optional a boolean value which is true if anti-aliasing is to be used when rendering in the context;
otherwise false.
... depth optional a boolean value which, if true, requests that the new layer have a depth buffer;
otherwise, no depth layer is allocated.
...
otherwise, no stencil buffer is allocated.
ARIA: img role - Accessibility
these elements could be images, code snippets, text, emojis, or
other content that can be combined to deliver information in a visual manner.
... <div role="img" aria-label="description of the overall image"> <img src="graphic1.png" alt=""> <img src="graphic2.png"> </div> description any set of content that should be consumed as a single image (which could include images, video, audio, code snippets, emojis, or
other content) can be identified using role="img".
...this is obvious to fix in the case of images (you can use the alt attribute), but in the case of mixed or
other certain types of content it is not so obvious, and role="img" can come into play.
... an
other 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: button role - Accessibility
aria-expanded if the button controls a grouping of
other elements, the aria-expanded state indicates whether the controlled grouping is currently expanded or collapsed.
...a third mixed state is available for toggle buttons that control
other elements, such as
other toggle buttons or checkboxes, which do not all share the same value.
...but if an
other tag is used to create a button, the onclick event only fires when clicked by the mouse cursor, even if role="button" is used.
...in
other words, when links are used to behave like buttons, adding role="button" alone is not sufficient.
WAI-ARIA Roles - Accessibility
it is usually set on related content items such as comments, forum posts, newspaper articles or
other items grouped together on one page.aria: banner rolea banner role represents general and informative content frequently placed at the beginning of the page.
...a figure is generally considered to be one or more images, code snippets, or
other content that puts across information in a different way to a regular flow of text.aria: form rolethe form landmark role can be used to identify a group of elements on a page that provide equivalent functionality to an html form.aria: grid rolethe grid role is for a widget that contains one or more rows of cells.
...these elements could be images, code snippets, text, emojis, or
other content that can be combined to deliver information in a visual manner.aria: list rolethe aria list role can be used to identify a list of items.
...it is used to provide a generic landmark for people to be able to navigate to easily when none of the
other landmark roles are appropriate.aria: row rolean element with role="row" is a row of cells within a tabular structure.
Accessibility: What users can do to browse more safely - Accessibility
taking advantage of personalization settings can help prevent exposure to content leading to seizures and / or
other physical reactions.
...there is a github repository for it at https://github.com/0ui/gif-scrubber beeline reader beeline reader has a browser extension that allows you to set up for grayscale and dyslexi font, among
other things take advantage operating system accessibility features most operating systems such as windows 10, have accessibility options that are surprisingly powerful.
... grayscale those who have sufferred traumatic brain injury (tbi) may be highly sensitive to color; it can require such a great "investment of cognitive energy" on their part, there's no energy for
other daily tasks.
... it may assist users with
other disabilities, as well.
Accessibility and Spacial Patterns - Accessibility
these oscillations in the brain are a different kind of response than
other kinds of neurological responses believed to cause photosensitive seizures.
... for example, "how" an object looks when it is rotated, from different angles, how they look sliced, and how they relate to each
other in space all make a difference in an ability to understand math in spatial terms.
... the braille dots have to be spatially apart from one an
other so as to be readable in a "human" way.
... the human touch does distinguish with ease braille dots that are too close or too far apart from one an
other.
Architecture - Accessibility
sometimes the embedded object is really just an
other text container with more embedded objects.
...
otherwise, use iahyperlink::getstartindex() to find the index in parent.
...
otherwise, continue processing with offset = the index at the end of the line.
...
otherwise, the offset marks the start of a new line.
Mobile accessibility checklist - Accessibility
colour colour contrast must comply with wcag 2.1 aa level requirements: contrast ratio of 4.5:1 for normal text (less than 18 point or 14 point bold.) contrast ratio of 3:1 for large text (at least 18 point or 14 point bold.) information conveyed via colour must be also available by
other means too (underlined text for links, etc.) visibility content hiding techniques such as zero opacity, z-index order and off-screen placement must not be used exclusively to handle visibility.
... everything
other than the currently visible screen must be truly invisible (especially relevant for single page apps with multiple cards): use the hidden attribute or visibility or display style properties.
...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.
... headings must not break hierarchical structure <h1>top level heading</h1> <h2>secondary heading</h2> <h2>an
other secondary heading</h2> <h3>low level heading</h3> aria landmark roles should be used to describe an app or document structure, such as banner, complementary, contentinfo, main, navigation, search.
Understandable - Accessibility
success criteria how to conform to the criteria practical resource 3.2.1 on focus (a) when a control or
other page feature receives focus, it should not change the context in a way that may confuse or disorientate the user.
...client-side validation is too easy to turn off or
otherwise get around, so it can't be relied on alone.
... 3.3.5 context-sensitive help is available (aaa) provide instructions and
other appropriate cues in context to aid form completion and submission.
... this really just builds on 3.3.1 and
other similar criteria but requires more thorough contextual help information and services, e.g.
@font-face - CSS: Cascading Style Sheets
since firefox 61 (and in
other modern browsers) this also accepts two values to specify a range that is supported by a font-face, for example font-stretch: 50% 200%; font-style a font-style value.
... since firefox 61 (and in
other modern browsers) this also accepts two values to specify a range that is supported by a font-face, for example font-style: oblique 20deg 50deg; font-weight a font-weight value.
... since firefox 61 (and in
other modern browsers) this also accepts two values to specify a range that is supported by a font-face, for example font-weight: 100 400; font-variant a font-variant value.
...
otherwise, the font resource specified using the url() function is downloaded and used.
Styling Columns - CSS: Cascading Style Sheets
the anonymous boxes that make up your columns can’t be targeted in any way, meaning it isn’t possible to change a box's background color or have one column larger than the
others.
...however, it is now defined in box alignment in order to unify gaps between boxes in
other specifications such as css grid layout.
...this means your columns will not run into each
other.
... in
other layout methods the initial value for column-gap is 0.
CSS Containment - CSS: Cascading Style Sheets
basic example many webpages contain a number of sections which are independent of each
other.
... <h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> </article> <article> <h2>an
other heading of an
other article</h2> <p>more content here.</p> </article> each article has the contain property with a value of content applied in the css.
... article { contain: content; } each article is independent of the
other articles on the page, and so they have been given contain: content in order to indicate to the browser that this is the case.
... an
other advantage is that if the containing box is offscreen, the browser does not need to paint its contained elements — these must also be offscreen as they are contained completely by that box.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
the idea of these prefixes was to allow implementations of the spec to be tested and explored by browser engineers and web developers alike without clashing with
other implementations.
... useful fallback techniques given that flexbox usage is initiated with value of the display property, when needing to support very old browsers which do not support flexbox at all, fallbacks can be created by overwriting one layout method with an
other.
... the specification defines what happens if you use
other layout methods on an element which then becomes a flex item.
...you'll see white space added between the items, which is what happens when using display: inine-block as it prefers white space like
other inline items.
Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
here we can see how the first item — which has an explicit width of 150 pixels set as the main size — takes a flex-basis of 150px, whereas the
other two items have no width and so are sized according to their content width.
...our bigger item ends up bigger because it started from a bigger size, even though it has the same amount of spare space assigned to it as the
others: if what you actually want is three equally-sized items, even if they start out at different sizes, you should use this: flex: 1 1 0; here we are saying that the size of the item for the purposes of our space distribution calculation is 0 — all the space is up for grabs and as all of the items have the same flex-grow factor, they each get an equal amount of space distributed.
...it is the ratio between one item and the
others that matters.
...
other ways to distribute space if you do not want space added to the items, remember that you can deal with free space between or around items using the alignment properties described in the guide to aligning items in a flex container.
CSS Flow Layout - CSS: Cascading Style Sheets
the flow is essentially a set of things that are all working together and know about each
other in your layout.
...block elements display one after the
other, as paragraphs do in the writing mode of that document.
... in english therefore, inline elements display one after the
other, starting on the left, and block elements start at the top and move down the page.
...the two paragraph elements with a green border are block level, displaying one under the
other.
Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item two</h2> <div class="body"><p>the content of this listing item goes here.</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li class="wide"> <h2>item three</h2> <div class="body"><p>the content of this listing item goes here.</p> <p>this one has more text than the
other items.</p> <p>quite a lot more</p> <p>perhaps we could do something different with it?</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item four</h2> <div class="body"><p>the content of this listing item goes here.</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item five</h2> <d...
... this is all looking fairly complete now, however we sometimes have these cards which contain far more content than the
others.
...div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item two</h2> <div class="body"><p>the content of this listing item goes here.</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li class="wide"> <h2>item three</h2> <div class="body"><p>the content of this listing item goes here.</p> <p>this one has more text than the
other items.</p> <p>quite a lot more</p> <p>perhaps we could do something different with it?</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item four</h2> <div class="body"><p>the content of this listing item goes here.</p></div> <div class="cta"><a href="">call to action!</a></div> </li> <li> <h2>item five</h2> <d...
...that might mean taking inspiration from magazines or
other non-web sources.
Logical properties for margins, borders and padding - CSS: Cascading Style Sheets
one box uses physical properties and the
other logical properties.
... in the example below i have two boxes, one of which is using physical padding properties and the
other logical padding properties.
...as with the
other demos try changing the direction property to rtl to cause the boxes to display in a right-to-left direction, or changing the writing-mode from horizontal-tb to vertical-rl.
... .box { border-block: 2px solid green; border-inline-width: 4px; border-inline-style: dotted; border-inline-color: rebeccapurple; } note: these two value shorthands shipped in firefox 66, check browser support before using as
other browsers may not have implemented them yet.
Overview of CSS Shapes - CSS: Cascading Style Sheets
any
other parts are ignored.
...the specification defines four <basic-shape> values, which are: inset() circle() ellipse() polygon() using the value inset() wraps text around a rectangular shape however you are able to add offset values, thus pulling the line boxes of any wrapping content closer to the object than would
otherwise happen.
... shapes from the box value shapes can also be created around the box value, therefore you could create your shape on the: border-box padding-box content-box margin-box in the example below you can change the value border-box to any of the
other allowed values to see how the shape moves closer or further away from the box.
... note that images used in this way must be cors compatible,
otherwise shape-outside will act as if none had been given as the value, and you will get no shape.
Using CSS transitions - CSS: Cascading Style Sheets
some user agents, like those based on gecko, implement this requirement and
others, like those based on webkit, are less strict.
...only properties listed here are animated during transitions; changes to all
other properties occur instantaneously as usual.
...r-width: 1px; display: block; width: 100px; height: 100px; background-color: #0000ff; transition: width 2s, height 2s, background-color 2s, transform 2s; } .box:hover { background-color: #ffcccc; width: 200px; height: 200px; transform: rotate(180deg); } when property value lists are of different lengths if any property's list of values is shorter than the
others, its values are repeated to make them match.
... using transitions to make javascript functionality smooth transitions are a great tool to make things look much smo
other without having to do anything to your javascript functionality.
Introducing the CSS Cascade - CSS: Cascading Style Sheets
this means that at-rules containing entities
other than declarations, such as a @font-face rule containing descriptors, don't participate in the cascade.
...some browsers use actual style sheets for this purpose, while
others simulate them in code, but the end result is the same.
...although some constraints on user-agent stylesheets are set by the html specification, browsers still have a lot of latitude: that means that significant differences exist from one browser to an
other.
...ormal 2 user normal 3 author normal 4 animations 5 author !important 6 user !important 7 user agent !important 8 transitions in case of equality, the specificity of a value is considered to choose one or the
other.
Recipe: Media objects - CSS: Cascading Style Sheets
named by nicole sullivan it refers to a two-column box with an image on one side and descriptive text on the
other, e.g.
... an
other reason to use grid layout is in order that i can use fit-content() for the track sizing of the image.
... an option for the pattern is to flip it to switch the image to the
other side — this is done by adding the media-flip class, which defines a flipped grid template causing the layout to be mirrored.
... when we nest one media object inside an
other we need to place it into the second track in the regular layout, and the first track when flipped.
<color> - CSS: Cascading Style Sheets
the
other color keywords should only be used in css and svg.
... several keywords are aliases for each
other: aqua / cyan fuchsia / magenta darkgray / darkgrey darkslategray / darkslategrey dimgray / dimgrey lightgray / lightgrey lightslategray / lightslategrey gray / grey slategray / slategrey though many keywords have been adapted from x11, their rgb values may differ from the corresponding color on x11 systems since manufacturers sometimes tailor x11 colors to their specific hardware.
...by definition, red=0deg=360deg, with the
other colors spread around the circle, so green=120deg, blue=240deg, etc.
...these values may also be used in
other contexts, but are not widely supported by browsers.
display - CSS: Cascading Style Sheets
otherwise it generates a block container box.
... depending on the value of
other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline formatting context, it either establishes a new block formatting context (bfc) for its contents or integrates its contents into its parent formatting context.
...block and inline layout in normal flow flow layout and overflow flow layout and writing modes formatting contexts explained in flow and out of flow display: flex basic concepts of flexbox aligning items in a flex container controlling ratios of flex items along the main axis cross-browser flexbox mixins mastering wrapping of flex items ordering flex items relationship of flexbox to
other layout methods backwards compatibility of flexbox typical use cases of flexbox display: grid basic concepts of grid layout relationship to
other layout methods line-based placement grid template areas layout using named grid lines auto-placement in grid layout box alignment in grid layout grids, logical values and writing modes css grid layout and accessibility css grid layout and...
...in both cases the computed value may be a keyword
other than the one specified.animation typediscrete formal syntax [ <display-outside> | <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>where <display-outside> = block | inline | run-in<display-inside> = flow | flow-root | table | flex | grid | ruby<display-listitem> = <display-outside>?
image-orientation - CSS: Cascading Style Sheets
it should not be used for any
other orientation adjustments; instead, the transform property should be used with the rotate <transform-function>.
...will not apply any additional image rotation; the image is oriented as encoded or as
other css property values dictate.
...for any purpose
other than correcting an image's orientation due to how it was shot or scanned, use a transform property with the rotate keyword to specify rotation.
... if used in conjunction with
other css properties, such as a <transform-function>, any image-orientation rotation is applied before any
other transformations.
<length> - CSS: Cascading Style Sheets
note: some properties allow negative <length>s, while
others do not.
... units relative length units relative lengths represent a measurement in terms of some
other distance.
...this is done by anchoring one of the units to a physical unit, and then defining the
others relative to it.
... for low-dpi devices, the unit px represents the physical reference pixel;
other units are defined relative to it.
Block formatting context - Developer guides
it's the region in which the layout of block boxes occurs and in which floats interact with
other elements.
... block elements where overflow has a value
other than visible.
... using overflow: auto setting overflow: auto or set
other values than the initial value of overflow: visible created a new bfc containing the float.
... using display: flow-root a newer value of display lets us create a new bfc without any
other potentially problematic side-effects.
Media events - Developer guides
other browsers might not fire this event.
... suspend sent when loading of the media is suspended; this may happen either because the download has completed or because it has been paused for any
other reason.
... waiting sent when the requested operation (such as playback) is delayed pending the completion of an
other operation (such as a seek).
... in
other words, this example seeks to the 10-second mark in the media, then begins playback as soon as that's finished.
Rich-Text Editing in Mozilla - Developer guides
the most basic keyboard commands such as copy and paste are available, all
others need to be implemented by the website.
...most commands affect the document's selection (bold, italics, etc), while
others insert new elements (adding a link) or affect an entire line (indenting).
... figure 1 : generated html differences mozilla: <span style="font-weight: bold;">i love geckos.</span> <span style="font-weight: bold; font-style: italic; text-decoration: underline;">dinosaurs are big.</span> internet explorer: <strong>i love geckos.</strong> <strong><em><u>dinosaurs are big.</u></em></strong> an
other difference between mozilla and ie is how to access the document object of an iframe, which is usually used in conjunction with designmode.
... examples please note: the example files are still being migrated from an
other site.
Localizations and character encodings - Developer guides
in these locales, legacy content that doesn't declare its encoding is typically encoded using a legacy encoding
other than windows-1252.
...it typically needs to be set to something
other than windows-1252 for central and eastern european locales, middle eastern locales and east asian locales.
...the setting must be left blank for all locales
other than russian, ukrainian and japanese.
...for example, the fallback encoding for japanese is shift_jis, but there are
other legacy encodings: iso-2022-jp and euc-jp.
A hybrid approach - Developer guides
luckily, we aren’t technically constrained to using client-side techniques here: an
other option is to use server-side user-agent detection to show the user the proper content.
...this can make it more time-consuming to develop than
other approaches.
...an
other downside is that because this approach relies on responsive design, it typically works best on a new project or one that has an existing flexible layout, not as a retrofit.
... approaches to mobile web development see the following articles for background and
other approaches to developing for mobile platforms.
Separate sites for mobile and desktop - Developer guides
since only the mobile-specific content, styles, and scripts are sent to mobile users, this method also provides for the best performance out of any of the
other options presented here.
...this factor aside, there is one case where this strategy really shines over
other methods.
...an
other case where you may be forced to use this approach is if you cannot, for whatever reason, modify your existing desktop site, and need to have a 100% separate mobile site.
...approaches to mobile web development see the following articles for background and
other approaches to developing for mobile platforms.
<area> - HTML: Hypertext Markup Language
implicit aria role link when href attribute is present,
otherwise no corresponding role permitted aria roles no role permitted dom interface htmlareaelement attributes this element's attributes include the global attributes.
...this is a user agent’s default behavior, if no policy is
otherwise specified.
... "origin-when-cross-origin" meaning that navigations to
other origins will be limited to the scheme, the host and the port, while navigations on the same origin will include the referrer's path.
...the default relationship, if no
other is given, is void.
<button>: The Button element - HTML: Hypertext Markup Language
unlike
other browsers, firefox persists the dynamic disabled state of a <button> across page loads.
... firefox, unlike
other browsers, persists the dynamic disabled state of a <button> across page loads.
...
otherwise they will try to submit form data and to load the (nonexistent) response, possibly destroying the current state of the document.
... understanding success criterion 2.5.5: target size | w3c understanding wcag 2.1 target size and 2.5.5 | adrian roselli quick test: large touch targets - the a11y project proximity large amounts of interactive content — including buttons — placed in close visual proximity to each
other should have space separating them.
<dl>: The Description List element - HTML: Hypertext Markup Language
</dd> <!--
other terms and descriptions --> </dl> multiple terms, single description <dl> <dt>firefox</dt> <dt>mozilla firefox</dt> <dt>fx</dt> <dd> a free, open source, cross-platform, graphical web browser developed by the mozilla corporation and hundreds of volunteers.
... </dd> <!--
other terms and descriptions --> </dl> single term, multiple descriptions <dl> <dt>firefox</dt> <dd> a free, open source, cross-platform, graphical web browser developed by the mozilla corporation and hundreds of volunteers.
... </dd> <!--
other terms and descriptions --> </dl> multiple terms and descriptions it is also possible to define multiple terms with multiple corresponding descriptions, by combining the examples above.
...because of this, make sure each list item's content is written in such a way that it communicates its relationship to the
other list items in the list grouping.
<i>: The Idiomatic Text element - HTML: Hypertext Markup Language
the html idiomatic text element (<i>) represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among
others.
...among the use cases for the <i> element are spans of text representing a different quality or mode of text, such as: alternative voice or mood taxonomic designations (such as the genus and species "homo sapiens") idiomatic terms from an
other language (such as "et cetera"); these should include the lang attribute to identify the language technical terms transliterations thoughts (such as "she wondered,what is this writer talking about, anyway?") ship or vessel names in western writing systems (such as "they searched the docks for the empress of the galaxy, the ship to which they were assigned.") in earlier versions o...
... be sure the text in question is not actually more appropriately marked up with an
other element.
... examples this example demonstrates using the <i> element to mark text that is in an
other language.
<input type="color"> - HTML: Hypertext Markup Language
the element's presentation may vary substantially from one browser and/or platform to an
other—it might be a simple textual input that automatically validates to ensure that the color information is entered in the proper format, or a platform-standard color picker, or some kind of custom color picker window.
...the value is never in any
other form, and is never empty.
...if you have colors that are in any
other format (such as css color names or css color functions such as rgb() or rgba()), you'll have to convert them to hexadecimal before setting the value.
... tracking color changes as is the case with
other <input> types, there are two events that can be used to detect changes to the color value: input and change.
<input type="month"> - HTML: Hypertext Markup Language
only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
...on the
other hand, in its default configuration, a text input has no idea what format the date should be in, and this is an issue because of the number of different ways in which people write dates.
...the first is a native month input, and the
other is a pair of <select> elements that allow choosing a month and year independently, for compatibility with browsers that don't yet support <input type="month">.
<input type="range"> - HTML: Hypertext Markup Language
<input> elements of type range let the user specify a numeric value which must be no less than a given value, and no more than an
other given value.
...only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
... consider this range control: <input type="range" id="volume" min="0" max="11" value="7" step="1"> screenshotlive sample this control is horizontal (at least on most if not all major browers;
others might vary).
<input type="text"> - HTML: Hypertext Markup Language
you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...this may be based upon a parent's spellcheck setting or
other factors.
...you must remember to include name attribute on the <input> element,
otherwise the text field's value won't be included with the submitted data.
<kbd>: The Keyboard Input element - HTML: Hypertext Markup Language
the html keyboard input element (<kbd>) represents a span of inline text denoting textual user input from a keyboard, voice input, or any
other text entry device.
... usage notes
other elements can be used in tandem with <kbd> to represent more specific scenarios: nesting a <kbd> element within an
other <kbd> element represents an actual key or
other unit of input as a portion of a larger input.
... nesting a <samp> element inside a <kbd> element, on the
other hand, represents input which is based on text presented by the system, such as the names of menus and menu items, or the names of buttons displayed on the screen.
...in
other words, simplifying this to just <kbd>ctrl</kbd>+<kbd>n</kbd> would be perfectly valid.
<menu> - HTML: Hypertext Markup Language
context : indicates the popup menu state, which represents a group of commands activated through an
other element.
... an html menu can be used to create context menus (typically activated by right-clicking an
other element) or toolbars.
... examples context menu html <!-- a <div> element with a context menu --> <div contextmenu="popup-menu"> right-click to see the adjusted context menu </div> <menu type="context" id="popup-menu"> <menuitem>action</menuitem> <menuitem>an
other action</menuitem> <hr/> <menuitem>separated action</menuitem> </menu> css div { width: 300px; height: 80px; background-color: lightgreen; } result menu button menu buttons haven't been implemented in any known browsers yet.
...--> <button type="menu" menu="popup-menu"> dropdown </button> <menu type="context" id="popup-menu"> <menuitem>action</menuitem> <menuitem>an
other action</menuitem> <hr/> <menuitem>separated action</menuitem> </menu> result toolbar toolbar menus haven't been implemented in any known browsers yet.
<script>: The Script element - HTML: Hypertext Markup Language
the <script> element can also be used with
other languages, such as webgl's glsl shader programming language and json.
...it is critical to provide a nonce that cannot be guessed as bypassing a resource's policy is
otherwise trivial.
... origin-when-cross-origin: the referrer sent to
other origins will be limited to the scheme, the host, and the port.
... any
other value: the embedded content is treated as a data block which won't be processed by the browser.
<u>: The Unarticulated Annotation (Underline) element - HTML: Hypertext Markup Language
usage notes along with
other pure styling elements, the original html underline (<u>) element was deprecated in html 4; however, <u> was restored in html 5 with a new, semantic, meaning: to mark text as having some form of non-textual annotation applied.
... use cases valid use cases for the <u> element include annotating spelling errors, applying a proper name mark to denote proper names in chinese text, and
other forms of annotation.
...
other elements to consider using in most cases, you should use an element
other than <u>, such as: <em> to denote stress emphasis <b> to draw attention to text <mark> to mark key words or phrases <strong> to indicate that text has strong importance <cite> to mark the titles of books or
other publications <i> to denote technical terms, transliterations, thoughts, or names of vessels in western texts to provide textual annotations (as opposed to the non-textual annotations created with <u>), use the <ruby> element.
...an
other common style can be presented using red dashed underline.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
preload has
other advantages too.
...here is a <a href="sintel-short.mp4">link to the video</a> instead.</p> </video> </body> so in this case, browsers that support mp4s will preload and use the mp4, making the video player hopefully smo
other/more responsive for users.
... scripting and preloads an
other nice thing about these preloads is that you can execute them with script.
...
other resource preloading mechanisms
other preloading features exist, but none are quite as fit for purpose as <link rel="preload">: <link rel="prefetch"> has been supported in browsers for a long time, but it is intended for prefetching resources that will be used in the next navigation/page load (e.g.
Microformats - HTML: Hypertext Markup Language
summary microformats (sometimes abbreviated μf) are standards used to embed semantics & structured data in html, and provide an api to be used by search engines, aggregators, and
other tools.
... u-email email address u-photo a photo of the person or organization u-url home page or
other url representing the person or organization u-uid universally unique identifier, preferably canonical url p-street-address street number + name p-locality city/town/village p-country-name country name nested h-card example <div class="h-card"> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >mitchell baker</a> (<a cl...
...s": [{ "type": ["h-card"], "properties": { "name": ["mitchell baker"], "url": ["http://blog.lizardwrangler.com/"], "org": [{ "value": "mozilla foundation", "type": ["h-card"], "properties": { "name": ["mozilla foundation"], "url": ["http://mozilla.org/"] } }] } }] } note: the nested h-card has implied 'name' and 'url' properties, just like any
other root-class-name-only h-card on an <a href> would.
...file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg" ], "url": [ "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106" ] }, "lang": "en", "value": "greg mcverry" } ] }, "lang": "en" } h-feed the h-feed is a stream or feed of h-entry posts, like complete posts on a home page or archive pages, or summaries or
other brief lists of posts example h-feed <div class="h-feed"> <h1 class="p-name">microformats blogs</h1> <article class="h-entry"> <h2 class="p-name">microformats are amazing</h2> <p>published by <a class="p-author h-card" href="http://example.com">w.
Choosing between www and non-www URLs - HTTP
so, do i have to choose one or the
other for my web site?
...but even so, you can still have the
other domain working: http allows two techniques so that it is clear for your users, or search engines, which domain is the canonical one, while still allowing the non-canonical domain to work and provide the expected pages.
... the client issues a request to the canonical domain: http://example.org/whatddup the html5 boilerplate project has an example on how to configure an apache server to redirect one domain to the
other.
...it is a matter of choosing which type you want to use as your canonical location, then redirecting the
other type to it.
Content Security Policy (CSP) - HTTP
a csp compatible browser will then only execute scripts loaded in source files received from those allowlisted domains, ignoring all
other script (including inline scripts and event-handling html attributes).
...your policy should include a default-src policy directive, which is a fallback for
other resource types when they don't have policies of their own (for a complete list, see the description of the default-src directive).
... example 5 a web site administrator of a web mail site wants to allow html in email, as well as images loaded from anywhere, but not javascript or
other potentially dangerous content.
...for example, if the signup.html attempted to load css from http://an
othercdn.example.com/stylesheet.css, the browser would not include the full path, but only the origin (http://an
othercdn.example.com).
HTTP conditional requests - HTTP
this is mandatory for some conditional headers, and the default for the
others.
...for example, a page that would differ from an
other only by a different date in its footer, or different advertising, would be considered identical to the
other with weak validation.
...common web sites, like wikis and
other cms, have such a need.
...the decision on who wins, is not communicated to the
other party.
CSP: default-src - HTTP
the http content-security-policy (csp) default-src directive serves as a fallback for the
other csp fetch directives.
...unlike
other values below, single quotes shouldn't be used.
...it is critical to provide an unguessable nonce, as bypassing a resource’s policy is
otherwise trivial.
... examples no inheritance with default-src if there are
other directives specified, default-src does not influence them.
Firefox user agent string reference - HTTP
the recommended way of sniffing for gecko-based browsers (if you have to sniff for the browser engine instead of using feature detection) is by the presence of the "gecko" and "rv:" strings, since some
other browsers include a "like gecko" token.
... for
other products based on gecko, the string can take one of two forms, where the tokens have the same meaning except those noted below: mozilla/5.0 (platform; rv:geckoversion) gecko/geckotrail appname/appversion mozilla/5.0 (platform; rv:geckoversion) gecko/geckotrail firefox/firefoxversion appname/appversion appname/appversion indicates the application name and version.
...this way, your code will work if/when firefox ships on
other phone/tablet operating systems or android is used for laptops.
...
other gecko-based browsers these are some sample ua strings from
other gecko-based browsers on various platforms.
X-Content-Type-Options - HTTP
this is a way to opt out of mime type sniffing, or, in
other words, to say that the mime types are deliberately configured.
...since then,
other browsers have introduced it, even if their mime sniffing algorithms were less aggressive.
...this can cause html web pages to be downloaded instead of being rendered when they are served with a mime type
other than text/html.
... header name no syntax x-content-type-options: nosniff directives nosniff blocks a request if the request destination is of type: "style" and the mime type is not text/css, or "script" and the mime type is not a javascript mime type enables cross-origin read blocking (corb) protection for the mime-types: text/html text/plain text/json, application/json or any
other type with a json extension: */*+json text/xml, application/xml or any
other type with an xml extension: */*+xml (excluding image/svg+xml) specifications specification status comment fetchthe definition of 'x-content-type-options definition' in that specification.
OPTIONS - HTTP
the access-control-request-headers header tells the server that when the actual request is sent, it will have the x-ping
other and content-type headers.
... options /resources/post-here/ http/1.1 host: bar.example accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip,deflate connection: keep-alive origin: https://foo.example access-control-request-method: post access-control-request-headers: x-ping
other, content-type the server now can respond if it will accept a request under these circumstances.
...(this header is similar to the allow response header, but used only for cors.) access-control-allow-headers any script inspecting the response is permitted to read the values of the x-ping
other and content-type headers.
... http/1.1 204 no content date: mon, 01 dec 2008 01:15:39 gmt server: apache/2.0.61 (unix) access-control-allow-origin: https://foo.example access-control-allow-methods: post, get, options access-control-allow-headers: x-ping
other, content-type access-control-max-age: 86400 vary: accept-encoding, origin keep-alive: timeout=2, max=100 connection: keep-alive specifications specification title rfc 7231, section 4.3.7: options hypertext transfer protocol (http/1.1): semantics and content ...
About JavaScript - JavaScript
objects are created programmatically in javascript, by attaching methods and properties to
otherwise empty objects at run time, as opposed to the syntactic class definitions common in compiled languages like c++ and java.
... besides the above implementations, there are
other popular javascript engines such as:- google's v8, which is used in the google chrome browser and recent versions of opera browser.
... an
other common application for javascript is as a (web) server side scripting language.
...and
other countries.
Keyed collections - JavaScript
use maps if there is a need to store primitive values as keys because object treats each key as a string whether it's a number value, boolean value or any
other primitive value.
...the object references in the keys are held weakly, meaning that they are a target of garbage collection (gc) if there is no
other reference to the object anymore.
...also, the set constructor accepts an array to convert in the
other direction.
...if there is no
other reference to an object stored in the weakset, they can be garbage collected.
Assertions - JavaScript
assertions include boundaries, which indicate the beginnings and endings of lines and words, and
other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).
...this is the position where a word character is not followed or preceded by an
other word-character, such as between a letter and a space.
...in
other words, the length of a matched word boundary is zero.
...
other assertions note: the ?
SyntaxError: unterminated string literal - JavaScript
examples multiple lines you can't split a string across multiple lines like this in javascript: var longstring = 'this is a very long string which needs to wrap across multiple lines because
otherwise my code is unreadable.'; // syntaxerror: unterminated string literal instead, use the + operator, a backslash, or template literals.
... the + operator variant looks like this: var longstring = 'this is a very long string which needs ' + 'to wrap across multiple lines because ' + '
otherwise my code is unreadable.'; or you can use the backslash character ("\") at the end of each line to indicate that the string will continue on the next line.
... make sure there is no space or any
other character after the backslash (except for a line break), or as an indent;
otherwise it will not work.
... that form looks like this: var longstring = 'this is a very long string which needs \ to wrap across multiple lines because \
otherwise my code is unreadable.'; an
other possibility is to use template literals, which are supported in ecmascript 2015 environments: var longstring = `this is a very long string which needs to wrap across multiple lines because
otherwise my code is unreadable.`; ...
Array.prototype.every() - JavaScript
otherwise, false.
...
otherwise, if callback returns a truthy value for all elements, every returns true.
...
otherwise, the value undefined will be used as its this value.
...(it is vacuously true that all elements of the empty set satisfy any given condition.) polyfill every was added to the ecma-262 standard in the 5th edition, and it may not be present in
other implementations of the standard.
Function.prototype.apply() - JavaScript
with apply, you can write a method once, and then inherit it in an
other object, without having to rewrite the method for the new object.
... examples using apply to append an array to an
other you can use push to append an element to an array.
... const array = ['a', 'b']; const elements = [0, 1, 2]; array.push.apply(array, elements); console.info(array); // ["a", "b", 0, 1, 2] using apply and built-in functions clever usage of apply allows you to use built-in functions for some tasks that would probably have
otherwise been written by looping over the array values.
...more perniciously,
others will arbitrarily limit the number of arguments actually passed to the applied function.
Intl.Collator() constructor - JavaScript
"accent": only strings that differ in base letters or accents and
other diacritic marks compare as unequal.
... "variant": strings that differ in base letters, accents and
other diacritic marks, or case compare as unequal.
...
other differences may also be taken into consideration.
... examples using collator the following example demonstrates the different potential results for a string occurring before, after, or at the same level as an
other: console.log(new intl.collator().compare('a', 'c')); // → a negative value console.log(new intl.collator().compare('c', 'a')); // → a positive value console.log(new intl.collator().compare('a', 'a')); // → 0 note that the results shown in the code above can vary between browsers and browser versions.
Intl - JavaScript
the intl object provides access to several constructors as well as functionality common to the internationalization constructors and
other language sensitive functions.
... locale identification and negotiation the internationalization constructors as well as several language sensitive methods of
other constructors (listed under see also) use a common pattern for identifying locales and determining the one they will actually use: they all accept locales and options arguments, and negotiate the requested locale(s) against the locales they support using an algorithm specified in the options.localematcher property.
... bcp 47 also allows for extensions, each consisting of a single digit or letter (
other than "x") and one or more two- to eight-letter or digit tags, all separated by hyphens.
...
other bcp 47 extension tags can be found in the unicode cldr project.
JSON - JavaScript
consider this example where json.parse() parses the string as json and eval executes the string as javascript: let code = '"\u2028\u2029"' json.parse(code) // evaluates to "\u2028\u2029" in all engines eval(code) // throws a syntaxerror in old engines
other differences include allowing only double-quoted strings and having no provisions for undefined or comments.
...the reviver option allows for interpreting what the replacer has used to stand in for
other datatypes.
...by default, all instances of undefined are replaced with null, and
other unsupported native data types are censored.
... the replacer option allows for specifying
other behavior.
Nullish coalescing operator (??) - JavaScript
the nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and
otherwise returns its left-hand side operand.
...in
other words, if you use || to provide some default value to an
other variable foo, you may encounter unexpected behaviors if you consider some falsy values as usable (eg.
...rightexpr examples using the nullish coalescing operator in this example, we will provide default values but keep values
other than null or undefined.
... let count = 0; let text = ""; let qty = count || 42; let message = text || "hi!"; console.log(qty); // 42 and not 0 console.log(message); // "hi!" and not "" the nullish coalescing operator avoids this pitfall by only returning the second operand when the first one evaluates to either null or undefined (but no
other falsy values): let mytext = ''; // an empty string (which is also a falsy value) let notfalsytext = mytext || 'hello world'; console.log(notfalsytext); // hello world let preservingfalsy = mytext ??
Operator precedence - JavaScript
operator precedence determines how operators are parsed concerning each
other.
... as an
other example, the unique exponentiation operator has right-associativity, whereas
other arithmetic operators have left-associativity.
...exponentiation, on the
other hand, is right-associative, so 2 ** 3 ** 2 is the same as 2 ** (3 ** 2).
...along with logical disjunction,
other short-circuited operators include logical conjunction ("and"), nullish-coalescing, optional chaining, and the conditional operator.
for...in - JavaScript
in general, it is best not to add, modify, or remove properties from the object during iteration,
other than the property currently being visited.
... there is no guarantee whether an added property will be visited, whether a modified property (
other than the current one) will be visited before or after it is modified, or whether a deleted property will be visited before it is deleted.
... array indexes are just enumerable properties with integer names and are
otherwise identical to general object properties.
... it may be most practically used for debugging purposes, being an easy way to check the properties of an object (by outputting to the console or
otherwise).
Statements and declarations - JavaScript
if the condition is false, an
other statement can be executed.
...
others debugger invokes any available debugging functionality.
... export used to export functions to make them available for imports in external modules, and
other scripts.
... import used to import functions exported from an external module, an
other script.
Mapping the width and height attributes of media container elements to their aspect-ratio - Web media technologies
firefox has added an internal aspect-ratio property (in version 69 onwards) that applies to replaced elements, and
other related elements that accept width and height attributes.
... note: currently this effect is being limited to actual <img> elements, as applying to
other such elements may have undesirable results.
...however, this caused a problem — a number of web sites actually use the width and height attributes incorrectly, setting an aspect ratio of something
other than the image’s intrinsic aspect ratio.
... summary so there you have it — eliminating an
other piece of jank from web layout!
Web media technologies
over the years, the web's ability to present, create, and manage audio, video, and
other media has grown at an increasing pace.
... today, there are a large number of apis available, as well as html elements, dom interfaces, and
other features that make it possible to not only perform these tasks, but use media in tandem with
other technologies to do truly remarkable things.
...<video> can also be used as a way to link media apis with
other html and dom technologies, including <canvas> (for frame grabbing and manipulation), for example.
...
other topics related topics which may be of interest, since they can be used in tandem with media apis in interesting ways.
Using dns-prefetch - Web Performance
the cross-origin domain is then specified in the href attribute: syntax <link rel="dns-prefetch" href="https://fonts.gstatic.com/" > examples <html> <head> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> <!-- and all
other head elements --> </head> <body> <!-- your page content --> </body> </html> you should place dns-prefetch hints in the <head> element any time your site references resources on cross-origin domains, but there are some things to keep in mind.
... second, it’s also possible to specify dns-prefetch (and
other resources hints) as an http header by using the http link field: link: <https://fonts.gstatic.com/>; rel=dns-prefetch third, consider pairing dns-prefetch with the preconnect hint.
...for the
others, just use <link rel="dns-prefetch"> to save time on the first step — the dns lookup.
...if a non-supporting browser encounters a dns-prefetch hint—or any
other resource hint—your site won’t break.
Privacy, permissions, and information security
personally identification can include information like usernames, real names, passwords, phone numbers or addresses (or even portions of them), information about medical history, social security numbers, driver licenses, or any
other form of id or id number, credit card information, and so forth.
... security and privacy technology or feature description certificate transparency an open standard for monitoring and auditing certificates, creating a database of public logs that can be used to help identify incorrect or malicious certificates content security policy provides the ability to define the extent to which a document's content can be accessed by
other devices over the web; used in particular to prevent or mitigate attacks on the server feature policy lets web developers selectively enable, disable, and modify the behavior of certain features and apis both for a document and for subdocuments loaded in <iframe>s <iframe>'s allow attribute technically part of feature policy, the allow attribute on an <iframe> specifies whi...
... keeping personal data safe managing site permissions bringing it all together <using feature policy with permissions and so forth; how to use them together, how they interact, etc> permission requests in <iframe> elements things can get tricky when your web app uses the <iframe> element to embed content from an
other site inside your own, especially if the document you load into the frame has its own permission needs to consider.
... while specifications for these technologies either state or recommend tactics for handling situations like this, browsers may offer different solutions to improve security even further or to try new features, or try to reduce complexity for users, among
other possible reasons.
Introduction to progressive web apps - Progressive web apps (PWAs)
on the
other hand, native apps are better integrated with the operating system and therefore offer a more seamless experience for the users.
...they represent a new philosophy for building web apps, involving some specific patterns, apis, and
other features.
...
other features such as web app manifest, push notifications, and add to home screen functionality have wide support too.
...however,
other major browsers support all these features.
d - SVG: Scalable Vector Graphics
moveto path commands moveto instructions can be thought of as picking up the drawing instrument, and setting it down somewhere else—in
other words, moving the current point (po; {xo, yo}).
...the center of the ellipse used to draw the arc is determined automatically based on the
other parameters of the command: rx and ry are the two radii of the ellipse; angle represents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the
other parameters.
...the center of the ellipse used to draw the arc is determined automatically based on the
other parameters of the command: rx and ry are the two radii of the ellipse; angle represents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the
other parameters.
... note: the appearance of a shape closed with closepath may be different to that of one closed by drawing a line to the origin, using one of the
other commands, because the line ends are joined together (according to the stroke-linejoin setting), rather than just being placed at the same coordinates.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
otherwise, if the angle is not a multiple of 180 degrees, then the current text position is incremented according to the horizontal metrics of the glyph.
...ideographic punctuation and
other ideographic characters having alternate horizontal and vertical forms will use the vertical form of the glyph.
... note: text set in this "rotated" manner may contain ligatures or
other glyph combining and reordering common to the language and script.
...if an
other angle is specified, it is rounded to the closest of the permitted values.
Basic shapes - SVG: Scalable Vector Graphics
some of the parameters that determine their position and size are given, but an element reference would probably contain more accurate and complete descriptions along with
other properties that won't be covered in here.
...some are slightly redundant in that they can be created by
other shapes, but they're all there for your convenience and to keep your svg documents as short and as readable as possible.
...basically any of the
other types of shapes, bezier curves, quadratic curves, and many more.
... <path d="m20,230 q40,205 50,230 t90,230" fill="none" stroke="blue" stroke-width="5"/> d a list of points and
other information about how to draw the path.
Fills and Strokes - SVG: Scalable Vector Graphics
but for compatibility with
other viewers, it's often best to specify the fill/stroke opacity separately.
... stroke in addition to its color properties, there are a few
other attributes available to control the way a stroke is drawn on a line.
... note: the svg specification decides strictly between attributes that are properties and
other attributes.
... <defs> stands for definitions, and it is here that you can create elements that don't appear in the svg directly, but are used by
other elements.
Securing your site - Web security
this article offers an assortment of suggestions, as well as links to
other articles providing more useful information.
... http access control the cross-origin resource sharing standard provides a way to specify what content may be loaded from
other domains.
... you can use this to prevent your site from being used improperly; in addition, you can use it to establish resources that
other sites are expressly permitted to use.
...sites can use this to avoid clickjacking attacks, by ensuring that their content is not embedded into
other sites.
Subresource Integrity - Web security
note: for subresource-integrity verification of a resource served from an origin
other than the document in which it’s embedded, browsers additionally check the resource using cross-origin resource sharing (cors), to ensure the origin serving the resource allows it to be shared with the requesting origin.
... subresource integrity enables you to mitigate some risks of attacks such as this, by ensuring that the files your web application or web document fetches (from a cdn or anywhere) have been delivered without a third-party having injected any additional content into those files — and without any
other changes of any kind at all having been made to those files.
... cross-origin resource sharing and subresource integrity for subresource-integrity verification of a resource served from an origin
other than the document in which it's embedded, browsers additionally check the resource using cross-origin resource sharing (cors), to ensure the origin serving the resource allows it to be shared with the requesting origin.
... note: for subresource-integrity verification of a resource served from an origin
other than the document in which it’s embedded, browsers additionally check the resource using cross-origin resource sharing (cors), to ensure the origin serving the resource allows it to be shared with the requesting origin.
Web security
robots.txt to be written site maps to be written integrity same-origin policy the same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from an
other origin.
...this is a way to opt out of mime type sniffing, or, in
other words, to say that the mime types are deliberately configured.
... clickjacking protection in clickjacking, a user is fooled into clicking on a ui element that performs some action
other than what the user expects.
...sites can use this to avoid clickjacking attacks, by ensuring that their content is not embedded into
other sites.
Compiling a New C/C++ Module to WebAssembly - WebAssembly
emscripten requires a large variety of javascript "glue" code to handle memory allocation, memory leaks, and a host of
other problems calling a custom function defined in c if you have a function defined in your c code that you want to call as needed from javascript, you can do this using the emscripten ccall() function, and the emscripten_keepalive declaration (which adds your functions to the exported functions list (see why do functions in my c/c++ source code vanish when i compile to javascript, and/or i get no...
...c in a new directory: #include <stdio.h> #include <emscripten/emscripten.h> int main(int argc, char ** argv) { printf("hello world\n"); } #ifdef __cplusplus extern "c" { #endif void emscripten_keepalive myfunction(int argc, char ** argv) { printf("myfunction called\n"); } #ifdef __cplusplus } #endif by default, emscripten-generated code always just calls the main() function, and
other functions are eliminated as dead code.
...due to c versus c++ name mangling rules, this would
otherwise break, but here we are setting it so that it treats it as an external c function if you are using c++.
...(note that we need to compile with no_exit_runtime, which is necessary as
otherwise when main() exits the runtime would be shut down — necessary for proper c emulation, e.g., atexits are called — and it wouldn't be valid to call compiled code.) emcc -o hello3.html hello3.c -o3 -s wasm=1 --shell-file html_template/shell_minimal.html -s no_exit_runtime=1 -s "extra_exported_runtime_methods=['ccall']" if you load the example in your browser again, you'll see the sa...
Using the WebAssembly JavaScript API - WebAssembly
if you have already compiled a module from an
other language using tools like emscripten, or loaded and run the code yourself, the next step is to learn more about using the
other features of the webassembly javascript api.
...as we’ve said elsewhere, webassembly doesn’t aim to replace javascript; the two instead can work together, drawing on each
other’s strengths.
... this allows a single web app to use multiple independent libraries — each of which are using webassembly internally — to have separate memories that are fully isolated from each
other.
... create an
other new simple html page (copy our simple template) and call it memory.html.
Window: deviceproximity event - Archive of obsolete content
bubbles no cancelable no interface deviceproximityevent target defaultview (window) default action none event handler property window.ondeviceproximity specification proximity sensor
other properties property type description value read only double (float) the measured proximity of the distant device (distance in centimetres).
... min read only double (float) the minimum value in the range the sensor detects (if available, 0
otherwise).
... max read only double (float) the maximum value in the range the sensor detects (if available, 0
otherwise).
Interacting with page scripts - Archive of obsolete content
by default, content scripts loaded by add-ons and scripts loaded by web pages are insulated from each
other: content scripts can't interact directly with page scripts or access javascript objects they create page scripts can't interact directly with content scripts or access objects they create.
...ng simple assignment: // content-script.js var contentscriptobject = {"greeting" : "hello from add-on"}; unsafewindow.clonedcontentscriptobject = cloneinto(contentscriptobject, unsafewindow); unsafewindow.assignedcontentscriptobject = contentscriptobject; the "page.html" file adds two buttons and assigns an event listener to each: one listener displays a property of the cloned object, and the
other listener displays a property of the assigned object: <html> <head> </head> <body> <input id="works" type="button" value="i will work"/> <input id="fails" type="button" value="i will not work"/> <script> var works = document.getelementbyid("works"); works.addeventlistener("click", function() { alert(clonedcontentscriptobject.greeting); }, false); ...
...ad> </head> <body> <input id="test" type="button" value="click me"/> <script> var test = document.getelementbyid("test"); test.addeventlistener("click", function() { alert(window.greetme("page script")); }, false); </script> </body> </html> exportfunction() works by structured cloning the arguments and return value of the function from one scope to the
other.
hotkeys - Archive of obsolete content
it's very easy to use combinations that clash with hotkeys defined for firefox or for
other add-ons.
... no matter what you choose, it's likely to annoy some people, and to clash with some
other add-on, so consider making the combination you choose user-configurable.
...on macintosh this can only be used in conjunction with an
other modifier, since alt-letter combinations are reserved for entering special characters in text.
panel - Archive of obsolete content
the add-on consists of six files: main.js: the main add-on code, that creates the button and panel get-text.js: the content script that interacts with the panel content text-entry.html: the panel content itself, specified as html icon-16.png, icon-32.png, and icon-64.png: icons for the button in three different sizes "main.js" is saved in your add-on's lib directory, and the
other files go in your add-on's data directory: my-addon/ data/ get-text.js icon-16.png icon-32.png icon-64.png text-entry.html lib/ main.js the "main.js" looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" scri...
... } body { background-color: gray; } </style> </head> <body> <textarea rows="13" cols="33" id="edit-box"></textarea> <script src="get-text.js"></script> </body> </html> styling panel content the panel's default style is different for each operating system: this helps to ensure that the panel's style is consistent with the dialogs displayed by firefox and
other applications, but means you need to take care when applying your own styles.
...any
other properties will be ignored.
passwords - Archive of obsolete content
realm you can use this as a name for the credential, to distinguish it from any
other credentials you've stored.
...
otherwise, it is omitted.
...because the
other functions don't return a value in case of success their oncomplete options are optional.
simple-prefs - Archive of obsolete content
{ "name": "myhiddeninteger", "type": "integer", "title": "how many?", "hidden": true } your add-on's code will still be able to access and modify it, just like any
other preference you define.
... simple-prefs in the preferences system preferences defined using simple-prefs are stored in the firefox preferences system alongside all the
other preferences.
... example: function onprefchange(prefname) { console.log("the preference " + prefname + " value has changed!"); } require("sdk/simple-prefs").on("somepreference", onprefchange); require("sdk/simple-prefs").on("some
otherpreference", onprefchange); // `""` listens to all changes in the extension's branch require("sdk/simple-prefs").on("", onprefchange); parameters prefname : string the name of the preference to watch for changes.
simple-storage - Archive of obsolete content
it's a normal javascript object, and you can treat it as you would any
other.
...if you'd like to store
other types of values, you'll first have to convert them to strings or an
other one of these types.
...for example: ss.storage.mylist = [ /* some long array */ ]; ss.on("overquota", function () { while (ss.quotausage > 1) ss.storage.mylist.pop(); }); private browsing if your storage is related to your users' web history, personal information, or
other sensitive data, your add-on should respect private browsing.
widget - Archive of obsolete content
you can attach panels to them that open when they're clicked, or you can define a custom click handler to perform some
other action, like opening a web page in a tab.
...for example, in the future firefox may allow the user to drag widgets from the add-on bar to
other toolbars.
... anything you do to an instance of this object will only be applied to the instance attached to its browser window: widget instances attached to
other browser windows will be unaffected.
platform/xpcom - Archive of obsolete content
parameters factory : object returns boolean : true if the factory or service is registered, false
otherwise.
... so if a factory is registered with the contract id "@me.org/mycomponent", and an
other factory is already registered with that contract id, then: components.classes["@me.org/mycomponent"] will return the old factory, while: xpcom.factorybycontract("@me.org/mycomponent") will return the new one.
... if it finds a match, it returns this,
otherwise it throws components.results.ns_error_no_interface.
system/xul-app - Archive of obsolete content
returns boolean : true if the host application is name and false
otherwise.
... returns boolean : true if the host application is one of the names and false
otherwise.
... returns boolean : true if version falls in the given range and false
otherwise.
ui/toolbar - Archive of obsolete content
unlike a panel, a toolbar: does not overlap with any web content is persistent, remaining visible until the user chooses to close it is a fixed size, and appears in a fixed location usage creating and destroying toolbars you don't specify toolbar content directly: instead, you create
other ui components and supply them to the toolbar constructor.
... hidden state persists even over create/destroy cycles: if a toolbar is created, then hidden, then destroyed, and an
other toolbar with the same title is then created, the new toolbar will be in the hidden state.
...note that since there is only one toolbar for the whole browser, opening an
other browser window does not cause this event to be emitted again.
cfx - Archive of obsolete content
you can specify an existing profile using the --profiledir option, and this gives you access to that profile's history, bookmarks, and
other add-ons.
...at the updateurl you host a file in the update rdf format: among
other things, this includes an
other url called updatelink which points to the updated xpi itself.
...if "default" is defined in the local.json cfx will use that configuration unless
otherwise specified.
Creating Reusable Modules - Archive of obsolete content
you then import and use these modules from
other parts of your add-on using the require() statement, in exactly that same way that you import core sdk modules like page-mod or panel.
... once you've done this, you can package the modules and distribute them independently of your add-on, making them available to
other add-on developers and effectively extending the sdk itself.
... } return path; } exports.promptforfile = promptforfile; md5.js next, create an
other file in "lib", called "md5.js".
Modifying Web Pages Based on URL - Archive of obsolete content
// import the page-mod api var pagemod = require("sdk/page-mod"); // create a page-mod // it will run a script whenever a ".org" url is loaded // the script replaces the page contents with a message pagemod.pagemod({ include: "*.org", contentscriptfile: "./my-script.js" }); loading multiple content scripts you can load more than one script, and the scripts can interact directly with each
other.
... communicating with the content script your add-on script and content scripts can't directly access each
other's variables or call each
other's functions, but they can send each
other messages.
... to send a message from one side to the
other, sender calls port.emit() and receiver listens using port.on().
Modifying the Page Hosted by a Tab - Archive of obsolete content
ed my-script.js: var self = require("sdk/self"); var button = require("sdk/ui/button/action").actionbutton({ id: "style-tab", label: "style tab", icon: "./icon-16.png", onclick: function() { require("sdk/tabs").activetab.attach({ contentscriptfile: self.data.url("my-script.js") }); } }); you can load more than one script, and the scripts can interact directly with each
other.
...k/ui/button/action").actionbutton({ id: "load-several", label: "load several scripts", icon: "./icon-16.png", onclick: function () { tabs.activetab.attach({ contentscriptfile: [self.data.url('first.js'), self.data.url('second.js')] }); } }); communicating with the content scripts your add-on script and content scripts can't directly access each
other's variables or call each
other's functions, but they can send each
other messages.
... to send a message from one side to the
other, sender calls port.emit() and receiver listens using port.on().
Bootstrapped extensions - Archive of obsolete content
all the application does is call into this script file; the extension is responsible for adding and removing its user interface and handling any
other setup and shutdown tasks it requires.
...when the extension's startup() function is called, it must manually inject its user interface and
other behavior into the application.
...if the add-on manager is closed or an
other event takes place such that the "undo" option becomes unavailable, then the hard uninstall takes place and the uninstall function is called.
Inline options - Archive of obsolete content
<setting pref="extensions.throbberrestored.showtxtontoolbar" title="show text on toolbar button" type="bool" oninputchanged="alert('new value is = ' + this.value); this.style.backgroundcolor='red';"> if labels on
other toolbar buttons are visible (like by using add-on "classic theme restorer") then show label on throbber toolbar button </setting> note in order for the oninputchanged to execute, the setting must have a pref attribute,
otherwise the oninputchanged will not trigger.
...use this notification to remove event listeners, or any
other references that might
otherwise be leaked.
...you must also specify the optionstype as 2: <em:optionsurl>chrome://myaddon/content/name_of_my_file_to_use_for_inline_opts.xul</em:optionsurl> <em:optionstype>2</em:optionstype> your chrome.manifest file should contain the following,
otherwise the path chrome://myaddon/content/name_of_my_file_to_use_for_inline_opts.xul will not exist content myaddon ./ this method allows you to maintain compatibility with previous versions of firefox by adding an override to your chrome.manifest: ...
Interaction between privileged and non-privileged pages - Archive of obsolete content
(to better ensure
others do not also implement the same event with a different meaning, one might either attach a namespace to <myextensiondataelement/> and check on the event handler for the correct namespaceuri property, or as per the dom specification, use initevent() with an event name that is itself namespaced (xml name characters only): "it is also strongly recommended that third parties adding their own events u...
...se their own prefix to avoid confusion and lessen the probability of conflicts with
other new events.") in the case where your extension's overlay does not interact directly with browser.xul, such as in a sidebar, it might be easier to add the event listener to the top-level document directly as shown below (also see: accessing the elements of the top-level document from a child window).
... an
other option is to send a return event from the extension to the web page.
Listening to events in Firefox extensions - Archive of obsolete content
if the page contains scripts or
other behaviors that fire during loading that you want to continue to execute every time the user navigates to the page, or if you want to know when a user has navigated to a cached page, use the new pageshow event.
...it is set to true if it is not the initial load (in
other words, it is set to true when the page is cached).
... if you call javascript functions as part of the pageshow event, you can ensure these functions are called when the page is loaded in browsers
other than firefox 1.5 by calling the pageshow event as part of the load event, as shown in the sample later in this article.
Adding windows and dialogs - Archive of obsolete content
others unprivileged javascript can also use the window.prompt function to receive text input from the user.
...there isn't much we need to add from what the xul tutorial explains, so go ahead and read the following sections: input controls numeric controls list controls there are some
other aspects to take into account when handling input controls, which we cover in the following sections.
...the groupbox element should be used when enclosed elements share some function which is separate from
other elements or groups in the same window.
Getting Started with Firefox Extensions - Archive of obsolete content
this tutorial focuses on extensions for firefox, but the same (or very similar) principles apply to creating extensions for
other applications such as thunderbird, seamonkey, and flock.
...you should see an
other pop-up telling you that you are installing an unverified add-on.
...this is an important point to keep in mind if you're building an extension that manipulates
other extensions or themes.
Introduction - Archive of obsolete content
firefox and
other mozilla applications can be seen as composed of two different parts: a user interface layer that is distinct for each project, and a common platform on top of which the interface layer is built.
...even this project, called xul school, covers several
other technologies such as javascript, css, xbl and xpcom.
... xulrunner xulrunner includes the gecko rendering engine, the necko networking library, and several
other components that provide os-independent file management, accessibility, and localization, among
others.
Observer Notifications - Archive of obsolete content
« previousnext » sometimes you need your code to send a message to
other parts of your code.
... getservice(components.interfaces.nsiobserverservice); observerservice.addobserver(testobserver, "xulschoolhello-test-topic", false); you should come up with a notification topic that is unique so you know it will not conflict with firefox or
other extensions topics.
...also, be careful not to add the same observer to a notification topic more than once,
otherwise the same code in the observer will be run several times when a notification is sent.
Session store API - Archive of obsolete content
firefox 3.6 knows how to save session store data when the last browser window closes, even if there are still
other windows open.
...in
other words, it's now possible for sessions to be restored even without the browser quitting and being relaunched.
... if you want to set permissions or
otherwise manipulate a restored tab before the page is loaded into it, you should watch sstabrestoring.
Using Dependent Libraries In Extension Components - Archive of obsolete content
extensions with binary components sometimes need to depend on
other shared libraries (for example, libraries provided by a third party).
...nclude "nscore.h" #include "nsmodule.h" #include "prlink.h" #include "nsilocalfile.h" #include "nsstringapi.h" #include "nscomptr.h" static char const *const kdependentlibraries[] = { // dependent1.dll on windows, libdependent1.so on linux moz_dll_prefix "dependent1" moz_dll_suffix, moz_dll_prefix "dependent2" moz_dll_suffix, nsnull // note: if the dependent libs themselves depend on
other libs, the subdependencies // should be listed first.
...#include <mach-o/loader.h> #include <mach-o/dyld.h> static char const *const kdependentlibraries[] = { // dependent1.dll on windows, libdependent1.so on linux, libdependent1.dylib on mac moz_dll_prefix "dependent1" moz_dll_suffix, moz_dll_prefix "dependent2" moz_dll_suffix, nsnull // note: if the dependent libs themselves depend on
other libs, the subdependencies // should be listed first.
Case Sensitivity in class and id Names - Archive of obsolete content
in the authoring of both css and javascript/dom (
otherwise known as dhtml) routines, it is a near-certainty that class and id names will be used to identify elements.
...for example, you would not want to do something like: .urgent {color: purple;} .urgent {color: yellow;} even though these are technically two distinct class names, browsers
other than netscape 6 will treat them as though they are the same thing.
...as of this writing, netscape 6 is the only browser to honor this defined behavior;
other browsers treat both class and id names as case-insensitive.
Getting the page URL in NPAPI plugin - Archive of obsolete content
then you can just refuse to do anything, if you don't like the url, or you can compare it with the
other url you want to contact.
...npvariant variantvalue; // get the location property from the window object (which is an
other object).
...tradeoffs: is inherently incompatible with
other non-mozilla browsers (i.e.
Index of archived content - Archive of obsolete content
api navigator navigator.moznotification add-ons add-on sdk builder guides content scripts communicating with
other scripts communicating using "port" communicating using "postmessage" cross-domain content scripts interacting with page scripts loading content scripts reddit example port self contributor's guide ...
... nt automated testing tips and tricks automatic mozilla configurator enabling quicklaunch for all users how mozilla finds its configuration files how thunderbird and firefox find their configuration files introduction kill the xul.mfl file for good locked config settings
other mozilla customization pages protecting mozilla's registry.dat file automatically handle failed asserts in debug builds blackconnect blackwood bonsai bookmark keywords build building transformiix standalone chromeless compiling the npruntime sample plugin in visual studio ...
... xforms range element xforms repeat element xforms secret element xforms select element xforms select1 element xforms submit element xforms switch module xforms textarea element xforms trigger element xforms upload element
other resources requests for enhancement rfe to the custom controls rfe to the custom controls interfaces rfe to the xforms api troubleshooting xforms forms using xforms and php xforms api reference xforms config variables xforms custom...
Defining Cross-Browser Tooltips - Archive of obsolete content
in
other words, alt text should only be displayed when a user agent cannot display the primary content of the element (e.g., a text-mode browser that cannot display images).
... on the
other hand, the html 4.01 definition of the title attribute states: title = text cs this attribute offers advisory information about the element for which it is set.
...a quick check of various user agents showed that title attribute contents were displayed as a "tooltip" in: gecko-based browsers (mozilla firefox, netscape 6+, etc.) internet explorer 5.5+/win internet explorer 5.x/mac safari opera 6.x+ of these, only ie/win treated alt text as a "tooltip"; the
other browsers did not reproduce this behavior.
Autodial for Windows NT - Archive of obsolete content
microsoft added a windows system service (remote access auto connection) to handle autodial for all
other applications.
...also, if any address that starts with www is in the database, then any
other address that begins with www is considered to be in the database.
...bug 166134 describes how the aol client installs itself as a dialer, but it doesn't behave like
other dialers.
Developing New Mozilla Features - Archive of obsolete content
in
other cases, mozilla.org staff may agree with the developers that it does not make sense for them to spend much time assisting with your project.
...we’ll talk to the developers in question, find
others to help you, and try to improve your experience with the project.
...finding the focus to digest a massive patch in the midst of multiple
other demands will take time, even if you’ve done a perfect job.
Building Firefox with Rust code - Archive of obsolete content
if the e10s crate depends on any
other crates, their sources must also be checked into the tree, and e10s's cargo.toml must have path attributes for each of its dependencies, and so on.
... this works even if you use the existing vendored source location, but be aware that
other vendor updates could clobber your patch in that case.
... ./mach gtest rust.* look for the rust.callfromcpp test to pass, along with any
others.
Repackaging Firefox - Archive of obsolete content
on the
other hand, if you create a dex which supports all locales, you can only ship on a few, and later expand your set without any upgrade hassles.
... preferences preferences are one of the two main things you will want to set in your extension (the
other is bookmarks).
... mozilla.partner.id=<name> app.partner.<name>=<name> app.distributor=<name> app.distributor.channel=<name>
other preferences some settings are commonly set in partner distributions.
Code snippets - Archive of obsolete content
tabs from
other computers this snippet shows how to load all tabs from
other computers.
....utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/resource.js"); components.utils.import("resource://services-sync/util.js"); let r = new resource(weave.service.storageurl + "meta/global"); let g = r.get(); let envelope = json.parse(g); let payload = json.parse(envelope.payload); payload.engines[engine].syncid = weave.utils.makeguid(); // or any
other guid you like.
... payload.engines[engine].version = 0; // or any
other version number you like.
Hidden prefs - Archive of obsolete content
see nsabquerystringtoexpression::createbooleanconditionstring() for
other operators.
... mail composition "
other header" pref ("mail.compose.
other.header") the format for this a comma delimited list of mail headers, like "approved,x-no-archive" an example for your prefs.js would be: user_pref("mail.compose.
other.header", "approved"); this will cause "approved" to show up in the compose window address picker, under to:, cc:, bcc:, newsgroup:, etc.
...| mail & newsgroups | addressing" "
other compose header" pref from mailnews.js: // you can specify a comma delimited list of optional headers // this will show up in the address picker in the compose window // examples: "x-face" or "approved" pref("mail.compose.
other.header", "approved,x-no-archive"); ...
Message Summary Database - Archive of obsolete content
this includes a set of per-message flags, the more commonly used headers (e.g., subject, sender, from, to, cc, date, etc), and a few
other attributes, e.g., keywords.
... mork - the good, the bad, and the ugly mork has a horrible reputation and we're always asked why we don't just replace it with some
other db.
...but, on the
other hand, there are very few bugs in the mork code.
Metro browser chrome tests - Archive of obsolete content
the test file can contain
other functions which will be ignored unless invoked by test().
...be careful about changing existing helpers as changes may impact tests in
other libraries.
...setup(), teardown(), and run() each have individual exception handlers to prevent one method from interfering with the execution of an
other.
Microsummary topics - Archive of obsolete content
you may also use an
other form appropriate to your extension.
...
otherwise, it is a user-initiated request.
...for example, you might include the following header in your response to prevent firefox from making an
other microsummary-related request for one hour: cache-control: max-age=3600 note: because of a technical limitation (bug 346820), firefox uses the same cache for both microsummary-related requests and user-initiated requests, so the cache headers you return apply to both.
Nanojit - Archive of obsolete content
then it wraps the lirbufwriter in zero or more
other lirwriter objects, all of which implement the same interface as lirbufwriter.
... each lirwriter can perform an optimization or
other task on the program as it passes through the system and into the lirbuffer.
...internally to nanojit, an
other set of filters operates on the lir as it passes from the lirbuffer toward the assembler.
Frequently Asked Questions - Archive of obsolete content
failing to respect the mime types servers send is incorrect and has been a source of security holes in
other browsers.
...
other than reviewing patches and fixing the occassional bug, alex is currently taking a break from active svg development to concentrate on 'real work' and cool stuff like xtf and jssh.
...finally, occasional fixes are provided by
other mozilla hackers.
Safely loading URIs - Archive of obsolete content
some
other schemes are used internally by mozilla modules to communicate with each
other.
... differences between the methods the three methods differ from each
other in how the source of the uri is identified and in what is known about the uri to be loaded.
... if you're doing anything else (passing a uri string to some
other api like window.open or <img src="">, passing a uri object to an api that loads uri objects, etc.) use whichever method best fits the data you can get your hands on.
Supporting per-window private browsing - Archive of obsolete content
firefox 20 introduced per-window private browsing mode, in which private user data is stored and accessed concurrently with public user data from an
other window.
...in some cases, there is no logical window object to use (such as when data or an action originate from some
other source than web content).
...var os = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); os.addobserver(function (asubject, atopic, adata) { asubject.queryinterface(components.interfaces.nsisupportsprbool); // if an
other extension has not already canceled entering the private mode if (!asubject.data) { /* you should display some user interface here */ asubject.data = true; // cancel the operation } }, "last-pb-context-exiting", false); forcing a channel into private mode usually, network channels inherit the privacy status of the document that created them, which means that they work correctly ...
Table Layout Regression Tests - Archive of obsolete content
start the layout debugger via mozilla -layoutdebug - p foo where foo is just an
other profile than your main profile.
... execute mozilla -layoutdebug - p foo >outputfile.txt execute the verify test make a note which tests have failed grep 'failed' outputfile.txt check how many tests have failed and analyze your results: if the regression tests have failed at the same place as the previous diagnosed false positives => ignore try to figure out what the
other regressions are: are they improving the picture or are they regressions?
... original document information author(s): bernd mielke
other contributors: boris zbarsky last updated date: february 5, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Table Layout Strategy - Archive of obsolete content
ol spans #define fix_adj 5 // fixed width + padding due to col spans #define pct 6 // percent width of cell or col #define pct_adj 7 // percent width of cell or col from percent colspan #define min_pro 8 // desired width due to proportional <col>s or cols attribute #define final 9 // width after the table has been balanced, considering all of the
others the priority of allocations for columns is as follows: max(min_con, min_adj) max (pct, pct_adj) fix fix_adj max(des_con, des_adj), but use min_pro if present for a fixed width table, the column may get more space if the sum of the col allocations is insufficient column width info columns get their width information from style info <col width="200px"> and from the cells that belong int...
...for instance one cell could have a large min width,the next could have a specified fixed width and an
other a specified pct width.
...so we specify it (this breaks in some
other browsers) <col width="0*"><col><tbody></tbody>foobar <table border width="200px"> <col width="0*"><col> <tbody> <tr><td>foo</td><td>bar</td></tr> </tbody> </table> this shrink wrapping width has usually the suffix 0proportional effective columns <tbody></tbody>foobarbazzap <table width="200px" border> <tbody> <tr><td>foo</td><td colspan="2" width="120px">bar</td></tr> <tr><td>baz</...
Tamarin build documentation - Archive of obsolete content
nor does any
other brand of make.) with the right prerequisites, use these commands to build tamarin: $ hg clone http://hg.mozilla.org/tamarin-redux/ $ cd tamarin-redux $ mkdir objdir-release $ cd objdir-release $ python ../configure.py $ make ...
...nor does any
other brand of make.) setup: if you normally work in a cygwin mounted place (eg /home/user/...) then you must cd around to the cygdrive path equivalent (eg /cygdrive/c/cygwin/home/user/).
... linux and unix tamarin is tested on linux but not on
other unix flavors.
The new nsString class implementation (1999) - Archive of obsolete content
justification the nsstring class is a wide character string class used throughout all of gecko (and
other modules) as the default implementation.
...these should typically not be exposed to objects in
other modules.
...i18n issues an
other concern (mainly of the i18n team) has to do with the use of a 1-byte (ascii) nscstring at all.
Binding Attachment and Detachment - Archive of obsolete content
when bindings attached through style are detached because of a style change, they have no effect on any
other bindings attached using the dom.
...in
other words, a removal of element.style.mozbinding will remove the same group of bindings that were installed via the original call to element.style.mozbinding = "url(...)".
... binding documents whenever a binding is attached to an element in an
other document, the binding document is only fetched if no binding from the binding document has been used before in the bound document.
Windows stub installer - Archive of obsolete content
now you will find an installer *and* the xpcom.xpi and
other debug xpis delivered to mozilla/dist/win32_d.obj/install.
...
other macro strings listed in makejs.pl can be found by searching for "version", which is one of the macro strings, until you find the line $line =~ s/\$version\$/$inversion/i;
other macro strings are grouped in this section.
... original document information author(s): samir gehani
other contributors: curt patrick last updated date: march 12, 2003 copyright information: copyright (c) samir gehani, curt patrick ...
Install Wizards (aka: Stub Installers) - Archive of obsolete content
the xpinstall engine processes installer packages by reading instructions from their install scripts to extract files and take
other install actions.
...users download the stub installers, choose which packages to install, choose the destination directory for the installation, and select from various
other options.
... original document information author(s): samir gehani
other contributors: curt patrick last updated date: march 12, 2003 copyright information: copyright (c) samir gehani, curt patrick ...
modifiers - Archive of obsolete content
keys will map to
other keys on platforms that do not have them.
...on macintosh this can only be used in conjunction with an
other modifier, since alt+letter combinations are reserved for entering special characters in text.
... access: the access key for activating menus and
other elements.
Getting File Information - Archive of obsolete content
other documentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...
otherwise, an attempt to write to the file will generate an error.
... the default permissions for files when created through an output stream is 0644, which means that the file is readable and writable by the owner of the file and read only for
others.
Panels - Archive of obsolete content
note that the panel is not placed in a separate file and is instead placed inside an
other window.
...for
other types of elements, you need to use a different technique as in the following example.
...for more information about this attribute and
other possible values that can be used, see positioning popups.
Special per-platform menu considerations - Archive of obsolete content
on the mac, these menu items will be moved onto the application menu, but on
other platforms, they will be left in their original locations.
... menu_mac_hide_
others selecting this item will hide all
other applications except this one.
... here is an example: <menubar> <menu label="tools"> <menupopup> <menuitem label="spell check"/> <menuitem id="menu_preferences" label="preferences" oncommand="window.opendialog('options.xul', '_new', 'chrome');"/> </menupopup> </menu> </menubar> this menu item will be placed on the application menu on the macintosh but left in the tools menu on
other platforms.
Additional Template Attributes - Archive of obsolete content
</template> this template will be shared with any
other element that references the id 'phototemplate'.
...if you are using the simple syntax and want to use the container variable in the content, you must use the container attribute since there is no
other way to refer to it.
... note also that a rule element is needed here,
otherwise the builder will think the container and member attributes are conditions to check.
Bindings - Archive of obsolete content
to do this all we need to do is add the necessary data to the rdf datasource and add an
other <triple> element to the template's statements.
...let assume though, that we are only going to add a description to one of the photos in the datasource; the
other two photos will not have a description.
...the
others will be evaluated in a similar way.
Result Generation - Archive of obsolete content
no requirement exists to follow the arrows in the direction they point; you can easily go the
other way (though in only one direction within a given series of iterations).
...here is one serialization of rdf/xml for this graph, though there are many
others.
...a resource's value is a uri which for your own rdf data you can just make up (though if you plan to use your model with
others, it should be unique, preferably a url for a site you own, so as to avoid future conflicts with mixing of
other types).
SQLite Templates - Archive of obsolete content
the syntax with the question mark is similar as with the
other query types.
...however, this can become unweidly for more complex queries, and would be more error prone if values were not escaped properly to ensure that extraneous quotes, semicolons and
other characters didn't appear in the values.
...the resulting query that gets used will be: select name, email from myfriends where gender = 'male' this technique is used as quotes or
other special characters are handled automatically.
Template Builder Interface - Archive of obsolete content
otherwise, a content builder will be created.
...this doesn't happen automatically when you add the datasource, which is useful, since you will often want to add or remove
other datasources at the same time.
...this syntax is necessary as
otherwise you wouldn't be able to specify a value for the datasources attribute, and a template builder would not be attached to the element.
Complete - Archive of obsolete content
when it is finished, it will get a category and links from
other pages.
... install.js installation script for seamonkey chrome directory containing the extension code chrome/allcustom.jar the extension jar defaults/preferences directory containing a preferences file inside the jar there are three directories: content xul, javascript and
other content that does not depend on the locale or theme locale files for each locale skin files for each theme version checks firefox etc.
...for example, chrome.manifest originally had: content custombutton chrome/ now it has: content allcustom jar:chrome/allcustom.jar!/content/allcustom/ you can see the
other changes if you unpack the xpi.
Toolbars - Archive of obsolete content
toolbars, implemented using the xul toolbar element, are containers for toolbar buttons and
other user interface objects.
... custom toolbar button an
other example of how to create a toolbar button, complete with a sample extension you can download and try.
... mailing list newsgroup rss feed #extdev irc channel mozillazine forum about:addons newsletter mozilla's web-tech blog mozdev project owners planet mozilla
other community links...
Adding more elements - Archive of obsolete content
first, we will add the capability to search for
other information such as the file size and date.
...you will notice that if the window is resized, the textbox grows but the
other components do not.
... <spacer style="width: 10px;"/> <textbox id="find-text" flex="1" style="min-width: 15em;"/> </groupbox> there are
other cosmetic problems as well.
Adding Style Sheets - Archive of obsolete content
other times, however, you will want to provide a custom style sheet.
...if the user changes the interface skin, the files in a directory
other than default will be applied.
...a style sheet may import styles from an
other stylesheet using the import directive.
Box Model Details - Archive of obsolete content
the following is an outline of both types of boxes: horizontal boxes lay out their elements next to each
other horizontally.
...box flex="3"> <label control="t1" value="search text:"/> <textbox id="t1" style="min-width: 100px;" flex="1"/> </vbox> <vbox style="min-width: 150px;" flex="1" align="start"> <checkbox id="c1" label="ignore case"/> <spacer flex="1" style="max-height: 30px;"/> <button label="find"/> </vbox> </window> here, two vertical boxes are created, one for the textbox and the
other for the check box and button.
...the result is that the check box and the find button will be spaced apart from each
other by some space of no more than 30 pixels.
Creating a Skin - Archive of obsolete content
the upper left border of the first tab and the upper right border of the second tab are rounded by four pixels and the
other corners have a round corner of zero pixels, which is equivalent to no rounding.
...
other changes next, we'll make a couple of changes to the buttons along the bottom, again reusing some icons from mozilla to save time.
...for example, having different images for the check boxes in the find files dialog as
other windows looks a little odd.
Custom Tree Views - Archive of obsolete content
the following example shows this: <tree id="my-tree" flex="1"> <treecols> <treecol id="namecol" label="name" flex="1"/> <treecol id="datecol" label="date" flex="1"/> </treecols> <treechildren/> </tree> to assign data to be displayed in the tree, the view object needs to be created which is used to indicate the value of each cell, the total number of rows plus
other optional information.
...it is called for
other rows when the user scrolls through them.
...you can use this to get the cell labels and
other information.
Introduction to RDF - Archive of obsolete content
alternatively, data in
other formats can be used and code written that will read the file and create rdf data from it.
...rdf can also populate
other xul elements as well such as listboxes and menus.
...note that the last visited date has a slightly different namespace than the
other three.
Keyboard Shortcuts - Archive of obsolete content
in the example below, the file menu can be selected by pressing alt + f together (or some
other key combination for a specific platform).
...it works just like the
other modifiers, but won't be the same on every platform.
...an
other attribute, keycode can be used for non-printable characters.
Localization - Archive of obsolete content
otherwise, errors will occur as it won't be able to find the entities.
...this is because the phrase structure may be different in an
other locale.
... "is not"> <!entity casesensitive "case sensitive search"> <!entity matchfilename "match entire filename"> <!entity results.filename "filename"> <!entity results.location "location"> <!entity results.size "size"> <!entity bytes.before ""> <!entity bytes.after "bytes"> <!entity button.find "find"> <!entity button.cancel "cancel"> now, to add text for a new language all you need to do is create an
other dtd file.
More Menu Features - Archive of obsolete content
« previousnext » in this section, we'll look at creating submenus and checked menus creating submenus you can create submenus inside
other menus (nested menus) using the existing elements.
...when an
other item is selected, the previously selected item is unchecked.
...they don't have to be placed next to each
other in the menu, although it doesn't make as much sense if they aren't.
Splitters - Archive of obsolete content
set this to open, the default, to have the split panel initially open, or set it to collapsed to have one of the panels shrunk down (collapsed) and the
other occupying all of the space.
...if you continue to drag the splitter to the right, the
other two panels will shrink.
...the
other two panels would have to shrink.
Toolbars - Archive of obsolete content
when more than one toolbar is placed next to each
other, they are typically grouped together in something called a 'toolbox'.
...inside it are placed the individual toolbar items, usually buttons, but they can be
other elements.
...customizable toolbars firefox or
other toolkit applications have customizable toolbars; therefore, many extensions add their toolbar buttons to the toolbar palette, rather than adding them directly to the toolbar.
Updating Commands - Archive of obsolete content
for
other commands, you will need to use a couple of additional lines of code.
...the only
other thing you need to do is ensure that the enabled status of the paste command, and therefore the button, is updated at the right time, which is described below.
...note that the command updater will receive notifications about all focus events on all elements, even if
other event handlers respond to the event.
XULBrowserWindow - Archive of obsolete content
by default, chrome is hidden for about:addons and any
other pages in the in content whitelist.
... you can augment the functionality of this method using chaining in order to hide chrome for
other locations.
... return value true if chrome should be hidden while displaying the specified location;
otherwise false.
XUL Coding Style Guidelines - Archive of obsolete content
while some of the guidelines are recommended practices, the
others are mandatory.
...
other guidelines mentioned in xhtml 1.1 recommendation.
... <?xml version="1.0" encoding='utf-8'?> <!-- do not localize this file: [reason...] it isn't part of the build; --> when translators see this line, they won't b
other to look at the rest of the file.
menu - Archive of obsolete content
otherwise, events are passed to the element only.
...
otherwise, the menu will size itself to at least the size of the popup.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
menuitem - Archive of obsolete content
otherwise, events are passed to the element only.
...
other menuitems that have the same value for their name attributes are part of the same radio group.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
menupopup - Archive of obsolete content
anchor the popup may be either anchored to an
other node or opened freely.
... iscontextmenu the iscontextmenu argument should be true for context menus and false for all
other types of popups.
... to have a popup appear relative to an
other element yet still offset by some number of pixels, determine the actual screen position of the element using the boxobject.screenx and boxobject.screeny properties of the element, and use those as the x and y arguments offset by the desired values.
radio - Archive of obsolete content
other radio buttons in the same group are turned off.
...if the user selects one the buttons, the
others in the group are unchecked.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
scale - Archive of obsolete content
normal for scales, the scale's values are ordered from left to right (for horizontal scales) or from top to bottom (for vertical scales) for
other elements, the elements are placed left to right or top to bottom in the order they appear in the xul code.
...for
other elements, they are placed right to left or bottom to top.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use an
other attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
treecol - Archive of obsolete content
it displays the column header and holds the size and
other information about the column.
...on firefox 2.x and 3.x, all operating systems
other than mac os x already use these styles by default.
...this style must come before treechildren::-moz-tree-checkbox(checked)
otherwise it won't take effect.
where - Archive of obsolete content
if the condition is true, the corresponding action body is generated;
otherwise the result is ignored and no content is generated.
...
otherwise, the default value is false, to indicate that the value should match with the same case.
...
otherwise, the entire value string is compared.
window - Archive of obsolete content
you can use this as a parameter to getelementbyid() and
other dom functions and to reference the element in style sheets.
... lightweightthemes type: boolean true if the window supports lightweight themes,
otherwise false.
...if this code is placed between window tags it messes up all
other controls on the window.
Extentsions FAQ - Archive of obsolete content
laceme"); replaceme.parentnode.replacechild(newnode, replaceme); is it possible to place an image in the window that can be moved to anywhere in the window, and always remain on top of everything else?(similiar to using position:absolute and-index:100000 in html) you can almost do this with a stack: <window ...> <stack flex="1"> <image top="40" left="80"/> <vbox>
other content here </vbox> </stack> </window> the only restriction is that your image can't overlap the right or bottom of the window.
...there's a bug in bugzilla about stacking
other widgets on top of browser/iframe, which hopefully will be fixed for gecko 1.9.
... could someone make an addressbook enhancer extension that has the ability to put pictures on a contact and
other features the thunderbird address book lacks.
Atomic RSS - Archive of obsolete content
"getting started" box, if there is no "getting started" article yet written, should be populated with an
other feature article or tutorial, should one exist.
...
otherwise, just comment it out getting started a guided tutorial that will help you get started with atomic rss.
... references atomic rss element list examples none available at this time community none available at this time tools none available at this time
other resources tim bray's atom rss article rss, atom, rdf, xml ...
Content - Archive of obsolete content
"getting started" box, if there is no "getting started" article yet written, should be populated with an
other feature article or tutorial, should one exist.
...
otherwise, just comment it out getting started a guided tutorial that will help you get started with the rss content module.
... references rss content module element list examples none available at this time community none available at this time tools none available at this time
other resources rss content module spec rss, rdf, xml ...
Confidentiality, Integrity, and Availability - Archive of obsolete content
in
other words, only the people who are authorized to do so can gain access to sensitive data.
...if your bank records are posted on a public website, everyone can know your bank account number, balance, etc., and that information can't be erased from their minds, papers, computers, and
other places.
...an
other example of a failure of integrity is when you try to connect to a website and a malicious attacker between you and the website redirects your traffic to a different website.
Security Controls - Archive of obsolete content
protection measures (
otherwise known as security controls) tend to fall into two categories.
... an
other fundamental principle with security controls is using multiple layers of security—defense in depth.
... the motivation for having multiple layers is that if one layer fails or
otherwise cannot counteract a certain threat,
other layers might prevent the threat from successfully breaching the system.
Digital Signatures - Archive of obsolete content
but encryption and decryption, by themselves, do not address an
other problem: tampering.
...the keys are related mathematically, but the parameters are chosen so that calculating the private key from the public key is either impossible or prohibitively expensive.the encrypted hash, along with
other information, such as the hashing algorithm, is known as a digital signature.
...confirming the identity of the signer, however, also requires some way of confirming that the public key really belongs to a particular person or
other entity.
SSL and TLS - Archive of obsolete content
among
other functions, the ssl handshake determines how the server and client negotiate which cipher suite they will use to authenticate each
other, to transmit certificates, and to establish session keys.
... as pkis using rsa keys and certificates transition to
other cryptographic systems like ecc, servers should continue to support rsa.
...there are more possible keys than any
other cipher, making aes the strongest cipher supported by ssl.
Theme changes in Firefox 4 - Archive of obsolete content
bookmarks toolbar #personaltoolbar small tab bar #tabstoolbar small add-on bar #addon-bar small custom toolbars some
other value small or large depending on user preference.
...inside that, create an
other new directory chrome.
...most likely you must replace all occurences of classic/1.0 in chrome.manifest and install.rdf with some
other name.
Using IO Timeout And Interrupt On NT - Archive of obsolete content
if the thread gets interrupted by an
other thread's <tt>pr_interrupt()</tt> call, the io function returns with <tt>pr_pending_interrupt_error</tt>.
... io timeout and interrupt however, nspr may wake up the thread in two
other situations: if the overlapped io request is not completed before the specified timeout.
... if the thread gets interrupted by an
other thread's <tt>pr_interrupt()</tt> call.
-ms-wrap-flow - Archive of obsolete content
initial valueautoapplies toblock-level elementsinheritednocomputed valueas specifiedanimation typediscrete syntax values auto for floated elements, an exclusion is created; for all
other elements, an exclusion is not created.
... maximum inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave empty the
other side of the exclusion.
... remarks the -ms-wrap-flow property makes an element an exclusion element when it has a computed value
other than auto.
New in JavaScript 1.8.5 - Archive of obsolete content
bug 492849 object.seal() prevents
other code from deleting properties of an object.
...bug 492845 object.freeze() freezes an object:
other code can't delete or change any properties.
...
other standardization work various non-standard syntaxes for defining getters and setters have been removed; ecmascript 5 defined syntax has not been changed.
JavaPackage - Archive of obsolete content
description in java, a package is a collection of java classes or
other java packages.
... although the packages and classes contained in a javapackage are its properties, you cannot use a for...in statement to enumerate them as you can enumerate the properties of
other objects.
... properties the properties of a javapackage are the javaclass objects and any
other javapackage objects it contains.
forEach - Archive of obsolete content
feel free to alter the text as english is not my m
other tongue and i'm more concerned with the code quality that the english grammar ;-s dotnetcarpenter 30 june 2012 <hr> the compatibility section goes to extraordinary lengths in providing a foreach implementation.
...if you wish to make changes, and especially if you wish to revert an
other user's changes, please either add a comment here, or post to dev-mdc@lists.mozila.org, explaining the change you desire.
... if (value>1){ return false;//we could have some way to break when we return false } }); //woulld print 1 2 --porfirio 11:17, 22-06-2008 an
other option would be to throw stopiteration and catch it within foreach().
XForms Select1 Element - Archive of obsolete content
loses focus),
otherwise it is updated upon item selection xul widget characteristics analogous widgets are <html:select/> and <xul:menulist/> visual grouping by choices element isn't implemented selection="open" attribute isn't supported if incremental attribute value is false, the bound node is updated when the select control is blurred (i.e.
... loses focus),
otherwise it is updated upon item selection listbox the select1 is represented as listbox (xhtml/xul).
...loses focus),
otherwise it is updated upon item selection radio group the select is represented as group of radios (xhtml/xul).
Mozilla XForms User Interface - Archive of obsolete content
the form author can also use the 'appearance' attribute on the form control to give us an
other clue.
...every form control
other than the output element must contain a label element.
...the toggle element is used (as an event handler) to make a case visible and thereby hiding all
other case elements contained by the same switch.
XForms - Archive of obsolete content
drawing on
other w3c standards like xml schema, xpath, and xml events, xforms tried to address some of the limitations of the current html forms model.
...
other strengths that xforms brings to the table is the separation of data from presentation, strong data typing, the ability to submit xml data to servers instead of name/value pairs, and a descriptive way to author forms so that they can be displayed by a wide variety of devices.
... mailing list newsgroup rss feed #xforms channel on irc.mozilla.org w3c forms mailing list
other community links...
Window: devicelight event - Archive of obsolete content
bubbles no cancelable no interface sensorcallback target defaultview (window)
other properties property type description value read only double (float) the sensor data for ambient light in lux.
... min read only double (float) the minimum value in the range the sensor detects (if available, 0
otherwise).
... max read only double (float) the maximum value in the range the sensor detects (if available, 0
otherwise).
RDF in Fifty Words or Less - Archive of obsolete content
first, rdf is a graph-based model for describing internetresources (like web pages and email messages), and how these resources relate to one an
other.
...there are tons of
others, including email messages, usenet news articles (or entire usenet news groups), and search results from your favorite web crawler, just to name a few.
...or you might want to relate a bookmark to an
other bookmark, or keep it in multiple "folders" at once.
RDF in Mozilla FAQ - Archive of obsolete content
in either case, the datasource will be loaded using the nsirdfservice's getdatasource() method, so it will be managed similarly to all
other datasources loaded this way.
...-- danbri) an
other possible problem: for remotely-loaded xul and rdf, you might need to adjust mozilla's security restrictions (see belowfor example code).
... please mail danbri, mozilla-rdf or waterson with urls if you are aware of
other examples to which we ought to link!
XUL Parser in Python - Archive of obsolete content
this is an
other hard-coded thing i have to open up.
... some modifications to this script may suggest
other uses.
...most of all, please feel free to experiment with the mozilla development platform in this way or in any
other way you can imagine.
3D collision detection - Game development
if you have entities that will be rotating, you can either modify the dimensions of the bounding box so it still wraps the object, or opt to use an
other bounding geometry type, such as spheres (which are invariant to rotation.) the animated gif below shows a graphic example of an aabb that adapts its size to fit the rotating entity.
...aabb checking whether an aabb intersects an
other aabb is similar to the point test.
... mathematically, this looks like: f(a,b)=(ax-bx)2+(ay-by)2+(az-bz)2<=aradius+bradiusf(a,b) = \sqrt{(a_x - b_x)^2 + (a_y - b_y)^2 + (a_z - b_z)^2} <= a_{radius} + b_{radius} or in javascript: function intersect(sphere,
other) { // we are using multiplications because it's faster than calling math.pow var distance = math.sqrt((sphere.x -
other.x) * (sphere.x -
other.x) + (sphere.y -
other.y) * (sphere.y -
other.y) + (sphere.z -
other.z) * (sphere.z -
other.z)); return distance < (sphere.radius +
other.radius); } sphere vs.
WebVR — Virtual Reality for the Web - Game development
vr devices with the popularity of oculus rift and a lot of
other devices in production coming soon to the market, the future looks bright — we already have sufficient technology to make the vr experience "good enough" for playing games.
... the webvr api the webvr api is the central api for capturing information on vr devices connected to a computer and headset position/orientation/velocity/acceleration information, and converting that into useful data you can use in your games and
other applications.
... note: there are of course
other apis useful for creating games, for example the gamepad api for control inputs, and the device orientation api for handling display orientation on mobile.
Desktop gamepad controls - Game development
if it is, then the function returns true; false
otherwise.
...the d-pad right button have an index of 3 on the wireless xbox 360, but may have a different one on an
other device.
...this is pure javascript code however too, so can be used in any
other project no matter what framework was used.
Implementing controls using the Gamepad API - Game development
there's also a number of
other devices with various different button layouts that more or less work across browser implementations.
...ion() {}, disconnect: function() {}, update: function() {}, buttonpressed: function() {}, buttons: [], buttonscache: [], buttonsstatus: [], axesstatus: [] }; the buttons array contains the xbox 360 button layout: buttons: [ 'dpad-up','dpad-down','dpad-left','dpad-right', 'start','back','axis-left','axis-right', 'lb','rb','power','a','b','x','y', ], this can be different for
other types of gamepads like the ps3 controller (or a no-name, generic one), so you have to be careful and not just assume the button you're expecting will be the same button you'll actually get.
...you can play the full version of the hungry fridge game directly in your browser, install it from the firefox marketplace or check the source code of the demo along with all the
other resources on the gamepad api content kit.
WebRTC data channels - Game development
in the context of a game, this lets players send data to each
other, whether text chat or game status information.
... reliable channels guarantee that messages you send arrive at the
other peer and in the same order in which they're sent.
... original document information author(s): alan kligman source article: webrtc data channels for great multiplayer
other contributors: robert nyman copyright information: alan kligman, 2013 ...
Visual-js game engine - Game development
2) you are free to use any version of visual js library in any
other project (even commercial projects) as long as the copyright header is left intact except for plugins on sale and graphics that come with them (they have special commercial licence).
... 3) please read the following terms and conditions before using this application: disclaimer of warranty 'visual js' is provided "as-is" and without warranty of any kind, express, implied or
otherwise, including without limitation, any warranty of merchantability or fitness for a particular purpose.
... in no event shall the author of this software be held liable for data loss, damages, loss of profits or any
other kind of loss while using or misusing this software.
Visual typescript game engine - Game development
* default value is 9001 */ private broadcasterport: number = 9001; /** * @description important note for this property: if you * disable (false) you cant use account system or any
other * network.
... * in
other way keep it 'true'.
...features come with broadcaster: multiplatform video chat works with
other hybrid frameworks or custom implementation throw the native mobile application web control (chrome implementation usually tested).
API - MDN Web Docs Glossary: Definitions of Web-related terms
the api can be seen as a simple contract (the interface) between the application offering it and
other items, such as third party software or hardware.
...methods, properties, events, and urls) that a developer can use in their apps for interacting with components of a user's web browser, or
other software/hardware on the user's computer, or third party websites and services.
... for example: the getusermedia api can be used to grab audio and video from a user's webcam, which can then be used in any way the developer likes, for example, recording video and audio, broadcasting it to an
other user in a conference call, or capturing image stills from the video.
Asynchronous - MDN Web Docs Glossary: Definitions of Web-related terms
additionally, messages may be sent without waiting for acknowledgement, with the understanding that if a problem occurs, the recipient will request corrections or
otherwise handle the situation.
...and both sides can continue to send and receive messages whenever they wish, instead of having to schedule them around each
other.
... when software communicates asynchronously, a program may make a request for information from an
other piece of software (such as a server), and continue to do
other things while waiting for a reply.
IDL - MDN Web Docs Glossary: Definitions of Web-related terms
in
other words, the idl attributes, in essence, reflect the content attributes.
...if you pass an
other type, it is automatically converted to a number as specified by the standard javascript rules for type conversion.
... idl attributes can reflect
other types such as unsigned long, urls, booleans, etc.
Symbol - MDN Web Docs Glossary: Definitions of Web-related terms
note: if you are familiar with ruby's (or an
other language) that also has a feature called "symbols", please don’t be misguided.
... for example: let sym = symbol("sym") alert(sym) // typeerror: cannot convert a symbol value to a string that’s a "language guard" against messing up, because strings and symbols are fundamentally different, and should not occasionally convert one into an
other.
... the method symbol.for(tokenstring) returns a symbol value from the registry, and symbol.keyfor(symbolvalue) returns a token string from the registry; each is the
other's inverse, so the following is true: symbol.keyfor(symbol.for("tokenstring")) === "tokenstring" // true learn more general knowledge symbol (programming) on wikipedia javascript data types and data structures symbols in ecmascript 6 symbol in the mdn js reference object.getownpropertysymbols() ...
Unicode - MDN Web Docs Glossary: Definitions of Web-related terms
for example, one character set would store japanese characters, and an
other would store the arabic alphabet.
... if it was not clearly marked which parts of the data were in which character set,
other programs and computers would display the text incorrectly, or damage it during processing.
...
other encodings exist, like utf-16 or the obsolete ucs-2, but utf-8 is recommended.
Whitespace - MDN Web Docs Glossary: Definitions of Web-related terms
whitespace is a set of characters which is used to show horizontal or vertical spaces between
other characters.
... they are often used to separate tokens in html, css, javascript, and
other computer languages.
... in javascript ecmascript® 2015 language specification specifies several unicode codepoints as white space: u+0009 character tabulation <tab>, u+000b line tabulation <vt>, u+000c form feed <ff>, u+0020 space <sp>, u+00a0 no-break space <nbsp>, u+feff zero width no-break space <zwnbsp> and
other category “zs” any
other unicode “separator, space” code point <usp>.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
// fix: we test for file extensions as well in case file:// doesn't return content type (as seems to be the case); can some
other tool be uesd in ff (or ie) to detect encoding of local file?
... probably just need bom test since
other encodings must be specified var patternxml = /\.(svg|xml|xul|rdf|xhtml)$/; if ((contenttype && contenttype.match(/[text|application]\/(.*)\+?xml/)) || (href.indexof('file://') === 0 && href.match(patternxml))) { /* grab the response as text (see below for that routine) and then find encoding within*/ var encname = '([a-za-z][a-za-z0-9._-]*)'; var pattern = new regexp('^<\\?xml\\s+.*encoding\\s*=\\s*([\'"])'+encname+'\\1.*\\?>'); // check document if not?
... ); var a = []; for(var k = 0; k < xpathresult.snapshotlength; k++) { a[k] = xpathresult.snapshotitem(k); } responsenodes = a; } else { //
otherwise, the response must be a single well-formed document response responsenodes = [response.documentelement]; // put in array so can be treated the same way as the above } // prepend any node(s) (as xml) then remove xinclude for (j=0; j < responsenodes.length ; j++) { ...
Accessibility - Learn web development
sites should be accessible to keyboard, mouse, and touch screen users, and any
other way users access the web, including screen readers and voice assistants like alexa and google home.
... note: if you are working on a computer/tablet/
other devices where you don't have the ability to create your own files, you can try out most of the code examples in an online coding program such as jsbin or glitch.
... accessible multimedia an
other category of content that can create accessibility problems is multimedia — video, audio, and image content need to be given proper textual alternatives, so they can be understood by assistive technologies and their users.
Fundamental CSS comprehension - Learn web development
you need to: give the main card container a fixed width/height, solid background color, border, and border-radius (rounded corners!), amongst
other things.
...this could affect the values you need, although in this simple example this is not an issue.)
other things to think about: you'll get bonus marks if you write your css for maximum readability, with a separate declaration on each line.
... you should include .card at the start of the selector chain in all your rules, so that these rules wouldn't interfere with the styling of any
other elements if the business card were to be put on a page with a load of
other content.
Overflowing content - Learn web development
otherwise, both overflow-x and overflow-y are set to the same value.
...these boxes may
otherwise have no relationship to each
other.
...in a legacy application, you may encounter a box where content is overlaying
other content on the page.
CSS selectors - Learn web development
it is a pattern of elements and
other terms that tell the browser which html elements should be selected to have the css property values inside the rule applied to them.
... in css, selectors are defined in the css selectors specification; like any
other part of css they need to have support in browsers for them to work.
... p::first-line { } combinators the final group of selectors combine
other selectors in order to target elements within our documents.
Responsive design - Learn web development
on narrow screens the layout displays the boxes stacked on top of one an
other: on wider screens they move to two columns: note: you can find the live example and source code for this example on github.
...
other mobile browsers (e.g.
... there are
other settings you can use with the viewport meta tag, however in general the above line is what you will want to use.
Supporting older browsers - Learn web development
an
other popular way to find out about how well a feature is supported is the can i use website.
... support doesn't mean "looks the same" a website can’t possibly look the same in all browsers, because some of your users will be viewing the site on a phone and
others on a large desktop screen.
... similarly, some of your users will have an old browser version, and
others the latest browser.
How do I use GitHub Pages? - Learn web development
you can do that with
other people's code too!
... the
other thing you need to do before moving on is to initialise your code directory as a git repository.
...then, you need to enter the following commands (pressing enter after each one) to push those changes to github: git add --all git commit -m 'an
other commit' git push you can replace an
other commit with a more suitable message to describe what change you just made.
What is a web server? - Learn web development
(for example, html documents, images, css stylesheets, and javascript files) a web server connects to the internet and supports physical data interchange with
other devices connected to the web.
...(we'll cover that sort of technology in
other articles.) http provides clear rules for how a client and server communicate.
...some application servers cater to specific website categories like blogs, wikis, or ecommerce;
others, called cmss (content management systems), are more generic.
What software do I need to build a website? - Learn web development
other formats, like rtf, let you to add formatting, like bold or underline.
...once you settle on which provider to use, the provider will email you the access information, usually in the form of an sftp url, username, password, and
other information needed to connect to their server.
... bear in mind that (s)ftp is now somewhat old-fashioned, and
other uploading systems are starting to become popular, such as rsync and git/github.
CSS property compatibility table for form controls - Learn web development
property n t note css box model width no[1] no[1] some browsers add extra margins and
others stretch the widget.
... height no[1] no[1] some browsers add extra margins and
others stretch the widget.
...opera does not support this property at all and
other browsers only support it on the <select> element.
Test your skills: Multimedia and embedding - Learn web development
this aim of this skill test is to assess whether you've understood our video and audio content and from object to iframe —
other embedding technologies articles.
... multimedia and embedding 2 in this task we want you to mark up a slightly more complex video player, with multiple sources, subtitles, and
other features besides.
... go to a sharing site like youtube or google maps, and embed a video or
other media item into the page.
Structuring the web with HTML - Learn web development
html is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many
other available elements or even a new element that you define.
... after learning html, you can then move on to learning about more advanced topics such as: css, and how to use it to style html (for example alter your text size and fonts used, add borders and drop shadows, layout your page with multiple columns, add animations and
other visual effects.) javascript, and how to use it to add dynamic functionality to web pages (for example find your location and plot it on a map, make ui elements appear/disappear when you toggle a button, save users' data locally on their computers, and much much more.) modules this topic contains the following modules, in a suggested order for working through them.
... multimedia and embedding this module explores how to use html to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire
other webpages.
Choosing the right approach - Learn web development
asynchronous callbacks generally found in old-style apis, involves a function being passed into an
other function as a parameter, which is then invoked when an asynchronous operation has been completed, so that the callback can in turn do something with the result.
... further information cooperative asynchronous javascript: timeouts and intervals, in particular requestanimationframe() requestanimationframe() reference promises promises are a javascript feature that allows you to run asynchronous operations and wait until it is definitely complete before running an
other operation based on its result.
... further information graceful asynchronous programming with promises using promises promise reference promise.all() a javascript feature that allows you to wait for multiple promises to complete before then running a further operation based on the results of all the
other promises.
Function return values - Learn web development
some functions don't return a significant value, but
others do.
... let's return to a familiar example (from a previous article in this series): let mytext = 'the weather is cold'; let newstring = mytext.replace('cold', 'warm'); console.log(newstring); // should print "the weather is warm" // the replace() string function takes a string, // replaces one substring with an
other, and returns // a new string with the replacement made the replace() function is invoked on the mytext string, and is passed two parameters: the substring to find ('cold').
... some extra function related tips: look at an
other example of writing error handling into functions.
JavaScript building blocks - Learn web development
note: if you are working on a computer/tablet/
other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
... functions — reusable blocks of code an
other essential concept in coding is functions.
...some functions don't return a significant value after completion, but
others do.
Client-side web APIs - Learn web development
apis are programming features for manipulating different aspects of the browser and operating system the site is running on, or manipulating data from
other web sites or services.
...in this article, we'll look at how to use the dom in detail, along with some
other interesting apis that can alter your environment in interesting ways.
... fetching data from the server an
other very common task in modern websites and applications is retrieving individual data items from the server to update sections of a webpage without having to load an entirely new page.
Test your skills: Strings - Learn web development
you already have half of a famous quote inside a variable called quotestart; we would like you to: look up the
other half of the quote, and add it to the example inside a variable called quoteend.
... in fixedquote, replace "green eggs and ham" with an
other food that you really don't like.
... the length of the hypotenuse of a right-angled triangle, given that the two
other side lengths are the same as the two values we have.
JavaScript — Dynamic client-side scripting - Learn web development
before attempting to learn javascript, you are strongly advised to get familiar with at least these two technologies first, and perhaps
others as well.
... start by working through the following modules: getting started with the web introduction to html introduction to css having previous experience with
other programming languages might also help.
... client-side web apis when writing client-side javascript for web sites or applications, you won't go very far before you start to use apis — interfaces for manipulating different aspects of the browser and operating system the site is running on, or even data from
other web sites or services.
Accessibility in React - Learn web development
={newname} onchange={handlechange} ref={editfieldref} /> the "edit" button in your view template should read like this: <button type="button" classname="btn" onclick={() => setediting(true)} ref={editbuttonref} > edit <span classname="visually-hidden">{props.name}</span> </button> focusing on our refs with useeffect to use our refs for their intended purpose, we need to import an
other react hook: useeffect().
...let's see this in action; put the following useeffect() call just above the return statement in the body of todo(), and pass into it a function that logs the words "side effect" to your console: useeffect(() => { console.log("side effect"); }); to illustrate the difference between the main render process and code run inside useeffect(), add an
other log – put this one below the previous addition: console.log("main render"); now, open the app in your browser.
... we need to refactor our approach so that focus changes only when isediting changes from one value to an
other.
Focus management with Vue refs - Learn web development
the last bit of functionality to look at is focus management, or put an
other way, how we can improve our app's keyboard accessibility.
... virtual dom and refs vue, like some
other frameworks, uses a virtual dom (vdom) to manage elements.
...this can be confusing to users, especially those using screen readers and
other assistive technology.
Vue resources - Learn web development
previous overview: client-side javascript frameworks next now we'll round off our study of vue by giving you a list of resources that you can use to go further in your learning, plus some
other useful tips.
... vue school — an
other paid education platform specializing in vue.
... there are also a handful of
other changes, including a change in how apps are initialized in vue.
Learn web development
the aim of this area of mdn is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable." from there, you should be able to start making your way, learning from the rest of mdn, and
other intermediate to advanced resources that assume a lot of previous knowledge.
... accessibility — make the web usable by everyone accessibility is the practice of making web content available to as many people as possible regardless of disability, device, locale, or
other differentiating factors.
...we'd like to hear from you about anything you think is wrong or missing on the site, requests for new learning topics, requests for help with items you don't understand, or any
other questions or concerns.
Chrome Worker Modules
however, if you have cyclic requirements, some of the modules involved in the cyclic requirements may become visible by the
other modules before they are fully evaluated.
... no attempt is made to fully isolate modules from each
other.
...in
other words, the true isolation unit is the worker itself, not the module.
Accessibility information for UI designers and developers
don't rely on color alone when your interface uses color to distinguish between things, make sure the distinction is also made in
other ways.
... see also: understanding sc 1.4.3: contrast the focus indicator users who navigate by keyboard (or
other specialised input methods), rely on focus styles to see where they are on the page.
... links vs buttons to keep your interface in line with user expectations, use links for interactions that go somewhere (on the current page or an
other page) and buttons for interactions that do something (like submit a form or open an overlay).
Links and Resources
wave 3.0 (web accessibility versatile evaluator) from webaim and sponsored by temple university institute on disabilities wave 3.0 is an
other powerful, mature, free online webpage accessibility validation service that identifies accessibility errors and reports accessibility warnings about webpage related to section 508 standards and/or the wcag guidelines.
...
other resources trace center - trace center of the university of wisconsin (research on technology for persons with disabilities).
... dive into accessibility - an
other great, easy-to-understand resource on accessible website authoring.
Application cache implementation overview
we search an
other, if available, potentially even in a different offline cache group.
...
otherwise, this is “first download”.
...
otherwise, the update invokes onerror and 'finishes'.
Browser chrome tests
the test file can contain
other functions, they will be ignored unless invoked by test().
...you should attempt to reduce the side effects of the testing code and "clean up" after yourself, to avoid influencing
other tests.
...for instance, if you change a preference you want to make sure that the preference is always reset so that it doesn't impact
other tests after yours.
Bugzilla
bugzilla.mozilla.org (often abbreviated b.m.o) is mozilla.org's bug-tracking system, a database for recording bugs and enhancement requests for firefox, thunderbird, seamonkey, camino, and
other mozilla.org projects.
...
other materials an introduction to bugzilla bugzilla for humans bugzilla quicksearch help page.
... testopia - test case management extension bugzilla.org - the project site wikipedia:bugzilla - general description of bugzilla (not specific to mozilla projects) bmo on wiki.mozilla.org - information about mozilla's customized bugzilla installation, including how to contribute to it tools bugzilla todos lists review and flag requests, patches to check in, unfulfilled requests you made of
other people, and assigned bugs.
Chrome registration
each line is parsed individually; if the line is parsable the chrome registry takes the action identified by that line,
otherwise the chrome registry ignores that line (and prints a warning message in the runtime error console).
... component component {00000000-0000-0000-0000-000000000000} components/mycomponent.js [flags] informs mozilla about a component cid implemented by an xpcom component implemented in javascript (or an
other scripting language, if applicable).
... contentaccessible chrome resources can no longer be referenced from within <img>, <script>, or
other elements contained in, or added to, content that was loaded from an untrusted source.
Creating a Language Pack
all
other files will be taken from x-testing directly.
...there is a target to get those, too, an
other way to test it to repack the en-us binary.
...all
other files will be taken from en-us directly.
Debugging Table Reflow
block reflow an
other way to debug the reflow process is implemented inside nsblockframe.cpp.
...ol spans #define fix_adj 5 // fixed width + padding due to col spans #define pct 6 // percent width of cell or col #define pct_adj 7 // percent width of cell or col from percent colspan #define min_pro 8 // desired width due to proportional <col>s or cols attribute #define final 9 // width after the table has been balanced, considering all of the
others in the last log snippet none of these width's has been set.
... debug_table_reflow_timing needs to be written original document information author(s): bernd mielke
other contributors: bernd mielke, josh soref last updated date: november 20, 2005 ...
Old Thunderbird build
you can pick any
other location, such as a new directory c:/thunderbird-src (where "c:/", with a forward slash, is intentional to clarify you are in the mozillabuild command prompt per windows build prerequisite).
...
other build configuration options can be added to this file, although it's strongly recommended that you only use options that you fully understand.
... for all
other changes run the full rebuild: ./mozilla/mach build problems building?
Simple Thunderbird build
you can pick any
other location, such as a new directory c:/thunderbird-src (where "c:/", with a forward slash, is intentional to clarify you are in the mozillabuild command prompt per windows build prerequisite).
...
other build configuration options can be added to this file, although it's strongly recommended that you only use options that you fully understand.
...for example, to just rebuild the lightning calendar extension: ./mach build comm/calendar/lightning for all
other changes run the full rebuild: ./mach build problems building?
Commenting IDL for better documentation
if you use any
other format for your comments, our tools will ignore them.
...
other tips some
other helpful writing style tips that will help you make your comments cleaner and easier to read and understand: you don't need to include what a method returns in the description.
... */ const integer cookie_flavor_
other = 0; // yumminess constants /** * the cookie is disgusting.
Developer guide
build instructions how to build firefox, thunderbird, seamonkey, or
other mozilla applications.
... performance performance guides and utilities to help you make your code perform well (and to play nicely with
others).
... searchfox an
other option for mozilla code searching.
Frame script environment
this means you don't have to worry about global variables you define conflicting with global variables defined by an
other frame script.
...if you want
other principals, you can use a sandbox.
... an
other use is to interact with the content very early in the page load process, long before domcontentloaded event is fired.
Communicating with frame scripts
all messages share the same namespace, so to avoid conflicts with
other code, you'll need to ensure that the names you use are unique.
...all messages share the same namespace, so to avoid conflicts with
other code, you'll need to ensure that the names you use are unique.
...age.data.details; // "some more details" } addmessagelistener("my-addon@me.org:message-from-chrome", handlemessagefromchrome); message-manager-disconnect if you're using a message manager to communicate with a script that may be running in a different process, you can listen for the message-manager-disconnect observer notification to know when the message manager has disconnected from the
other end of the conversation, so you can stop sending it messages or expecting to receive messages.
Frame script environment
this means you don't have to worry about global variables you define conflicting with global variables defined by an
other frame script.
...if you want
other principals or when interacting with untrusted page scripts, you should use a sandbox.
... an
other use is to interact with the content very early in the page load process, long before domcontentloaded event is fired.
Performance
n = new myaddonservice(); main.onchange(statechange); function statechange() { services.mm.broadcastasyncmessage("my-addon:update-configuration", {newconfig: main.serialize()}) } // framescript.js var maincopy; function onupdate(message) { maincopy = myaddonservice.deserialize(message.data.newconfig); } addmessagelistener("my-addon:update-configuration", onupdate) // maincopy used by
other functions the main issue here is that a separate object is kept for each tab.
...", {newconfig: main.serialize()}) } // processmodule.jsm const exported_symbols = ['getmaincopy']; var maincopy; services.cpmm.addmessagelistener("my-addon:update-configuration", function(message) { maincopy = message.data.newconfig; }) funtion getmaincopy() { return maincopy; } // framescript.js components.utils.import("resource://my-addon/processmodule.jsm") // getmaincopy() used by
other functions don't register observers (and
other callbacks to global services) in a frame script bad: //framescript.js services.obs.addobserver("document-element-inserted", { observe: function(doc, topic, data) { if(doc.ownerglobal.top != content) return; // bail out if this is for an
other tab decoratedocument(doc); } }) observer notifications get fired for events that ...
... better: content-document-global-created notifications can be substituted with domwindowcreated events
other observers and services should be registered in a process script or jsm instead load frame scripts on demand bad: // addon.js services.mm.loadframescript("framescript.js", /*delayed:*/ true) // stuff communicating with the framescript // framescript.js function onlyonceinabluemoon() { // we only need this during a total solar eclipse while goat blood rains from the sky sendasyncmes...
Embedding the editor
it is likely that we'd use xbl to implement this type of widget, as is the plan for
other form controls.
...current problems the current composer architecture was created while
other parts of mozilla were still under development, and as a result it suffers from a number of shortcomings, and anachronisms.
...the <editor> tag is simply a <iframe> on which an editor is created; in all
other respects, it behaves like a xul <iframe>.
Gecko Keypress Event
otherwise, gecko can replace the charcode with an ascii character.
...of course, this is not much help to users with
other keyboard layouts.
...there should be no chrome access keys with punctuation characters or
other characters that would normally require depressing the shift key.) during accel key handling, if the event includes the shift modifier, but an alternative charcode is not a bicameral letter (i.e., it does not have upper and lower case forms), then the shift modifier state should be ignored if there is no exactly matching handler (requiring shift to be down).
How to Report a Hung Firefox
the tool also has command-line options to kill processes with
other names or by process id.
... an
other way to trigger a crash in a hung tab is to run the following script in the browser console (opened after selecting the hung tab): let wm = cc["@mozilla.org/appshell/window-mediator;1"].
... components.classes["@mozilla.org/xre/app-info;1"];if (appinfo && appinfo.getservice(components.interfaces.nsixulruntime).processtype != components.interfaces.nsixulruntime.process_type_default) {components.utils.import("resource://gre/modules/ctypes.jsm");var zero = new ctypes.intptr_t(8);var badptr = ctypes.cast(zero, ctypes.pointertype(ctypes.int32_t));var crash = badptr.contents;}', true); }
other techniques on os x if you use a nightly build (>= firefox 16), you can use activity monitor's "sample process" feature to generate a sample.
Integrated Authentication
this entails support for the the simple and protected gss-api negotiation mechanism (spnego) internet standard (rfc 2478) to negotiate either kerberos, ntlm, or
other authentication protocols supported by the operating system.
...instead, it leverages system libraries that provide spnego; sspi on microsoft windows, and gss-api on linux, mac osx, and
other unix-like systems.
... the preferences are: pref("network.negotiate-auth.trusted-uris", site-list); pref("network.negotiate-auth.delegation-uris", site-list); pref("network.automatic-ntlm-auth.trusted-uris", site-list); where, site-list is a comma-separated list of url prefixes or domains of the form: site-list = "mydomain.com, https://my
otherdomain.com" network.negotiate-auth.trusted-uris lists the sites that are permitted to engage in spnego authentication with the browser, and network.negotiate-auth.delegation-uris lists the sites for which the browser may delegate user authorization to the server.
Widget Wrappers
properties all of a wrapper's properties are read-only unless
otherwise indicated.
...table, 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.
...this will point to the overflow chevron on overflowable toolbars if and only if your widget node is overflowed, to the anchor for the panel menu if your widget is inside the panel menu, and to the node itself in all
other cases overflowed boolean indicating whether the node is currently in the overflow panel of the toolbar isgroup false, will be true for the group widget label for api-provided widgets, convenience getter for the label attribute of the dom node tooltiptext for api-provided widgets, convenience getter for the tooltiptext attribute of the dom node ...
Download
onchange function this can be set to a function that is called after
other properties change.
... note: this method should be used in place of the cancel() and removepartialdata() methods while shutting down or disposing of the download object, to prevent
other callers from interfering with the operation.
... this is required because cancellation and
other operations are asynchronous.
FileUtils.jsm
followlinks optional true if links should be followed, false
otherwise.
... shouldcreate optional true if the directory hierarchy specified in patharray should be created if it does not exist, false
otherwise.
... followlinks optional true if links should be followed, false
otherwise location specified.
OS.File.Error
becauseexists true if the operation failed because a file or directory exists, false
otherwise.
... becausenosuchfile true if the operation failed because a file or directory does not exist, false
otherwise.
... becauseclosed true if the operation failed because a file or directory is closed, false
otherwise.
OS.File.Info
e.info| if (info.isdir) { // |somepath| represents a directory } else if (info.issymlink) { // |somepath| represents a symbolic link } else { // |somepath| represents a regular file } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // |somepath| does not represent anything } else { // some
other error } } ) example: determining the owner of a file let promise = os.file.stat() promise.then( function onsuccess(info) { if ("unixowner" in info) { // info.unixowner holds the owner of the file } else { // information is not available on this platform } } ); evolution of this example bug 802534 will introduce the ability to check whether field unixo...
... instances of os.file.info cross-platform attributes isdir true if the file is a directory, false
otherwise.
... issymlink true if the false is a symbolic link, false
otherwise.
PerfMeasurement.jsm
note: at present, perfmeasurement.jsm is only functional on linux, but it is planned to add support for windows (bug 583322) and osx (bug 583323) as well, and we welcome patches for
other operating systems.
... cpu_migrations uint64 the number of times the profiled thread migrated from one cpu core to an
other.
...
otherwise, it returns false.
Deferred
if the associated promise has already been resolved, either to a value, a rejection, or an
other promise, this method does nothing.
... note: calling this method with a pending promise as the avalue argument, and then calling it again with an
other value before the promise is resolved or rejected, will have no effect the second time, as the associated promise is already resolved to the pending promise value as its resolution.
...if the promise has already been resolved, either to a value, a rejection, or an
other promise, this method does nothing.
Deferred
if the associated promise has already been resolved, either to a value, a rejection, or an
other promise, this method does nothing.
... note: calling this method with a pending promise as the avalue argument, and then calling it again with an
other value before the promise is resolved or rejected, will have no effect the second time, as the associated promise is already resolved to the pending promise value as its resolution.
...if the promise has already been resolved, either to a value, a rejection, or an
other promise, this method does nothing.
Task.jsm
you can use the yield operator inside the generator function to wait on a promise, spawn an
other task, or propagate a value: let resolutionvalue = yield (promise/generator/iterator/value); if you specify a promise, the yield operator returns its resolution value as soon as the promise is resolved.
...this reduces the syntax overhead of calling task.spawn() explicitly when you want to recurse into
other task functions.
... any
other unhandled exception that is thrown inside the task is reported by components.utils.reporterror.
Index
found 42 pages: # page tags and summary 1 localization at mozilla landing, localization, mozilla, translation, l10n localization (l10n) is the process of translating software user interfaces from one language to an
other and adapting it to suit a foreign culture.
... 21 localizing extension descriptions add-ons, extensions, guide, internationalization, localization this article provides details on how to go about localizing the descriptions of mozilla add-ons, as well as for
other metadata about your add-on.
...ith regards to the choice of technology used for localization logic: 39 setting up the infrastructure apache, infrastructure, localization, php, svn, unix first, make your project's file type decision (see localization formats for details): 40 what every mozilla translator should know internationalization, localization l10n stands for localization = l + an
other 10 letters + n 41 writing localizable code internationalization, localization this page tells you about best practices and guidelines when dealing with ui code with respect to localization.
Localization prerequisites
other varieties of "make" will not work.
...let’s try our entry points: $ hg --version mercurial distributed scm (version 1.3.1) copyright (c) 2005-2009 matt mackall <mpm@selenic.com> and
others this is free software; see the source for copying conditions.
...don’t b
other the version string here, as long as you’re 3.79.1 or better.
Initial setup
compare-locales compare-locales is a python script that helps you check your work without needing to run firefox or an
other application.
... l10n checks l10n checks is an
other python script that helps you check your work without running an application.
...unfortunately,
other varieties of make won't do.
QA phase
in order to see your work on firefox (or an
other mozilla application), you'll need to have a built language pack to install on your local instance.
...after you test your localization, you should send it to a remote repository, which will serve as a backup for your work and will let
others follow your progress.
... if you're using koala, this should be located at /path/to/your/koala.project/locale/3.6/x-testing,
otherwise, it should be located at /path/to/your/working_dir/l10n_base/x-testing.
Creating localizable web applications
localize the date format localizing the date format is as easy as localizing any
other string.
...
otherwise, php will treat $s as a regular variable, instead of parsing the whole %1$s formatting symbol.
...that's because some languages might require changing the word order, and
others might require putting the word firefox in the correct grammatical case.
What every Mozilla translator should know
l10n stands for localization = l + an
other 10 letters + n mailing lists and
other resources there are several mailing lists to keep the track of what's going on, which are available as newsgroups, as well, both on news.mozilla.org and google groups: the main l10n list also available as mozilla.dev.l10n, .l10n in short.
... to keep the track of what's going on, it's also a good idea to read the planet mozilla l10n when you have a problem use the above mailing lists the person in charge of the mozilla l10n is axel hecht (l10n at mozilla.com), pike on irc an
other interesting way of getting help is the irc channel #l10n at irc.mozilla.org useful tools the l10n dashboard pontoon narro translate toolkit koala 0.1 mozillatranslator mercurial the hg is organized into several repositories, sometimes called branches.
...here we can easily have a look into
other languages translations.
Using the viewport meta tag to control layout on mobile browsers
many
other mobile browsers now support this tag, although it is not part of any web standard.
...
otherwise, the relationship between css pixels and device pixels depends on the current zoom level.
...when the screen is more than 500 pixels wide, the browser will expand the viewport (rather than zoom in) to fit the screen: <meta name="viewport" content="width=500, initial-scale=1">
other attributes that are available are minimum-scale, maximum-scale, and user-scalable.
Mozilla Style System Documentation
(the "non-element" style contexts are defined never to match any rules.) these interfaces nsistylesheet and nsistylerule correspond to the css concepts of style sheets and style rules, except they are more general, and are used by
other code that needs to add style information to the document.
...the output of css selector matching as defined by the css specification is an ordered list of rules, where the order determines which declarations override
other declarations.
...
other nsistylesheet implementations problems: some of the html style information is implemented in the content node classes.
JS::PerfMeasurement
note: at present, js::perfmeasurement is only functional on linux, but it is planned to add support for windows (bug 583322) and osx (bug 583323) as well, and we welcome patches for
other operating systems.
... ::page_faults .page_faults total page-fault exceptions fielded by the os ::major_page_faults .major_page_faults page faults that required disk access ::context_switches .context_switches context switches involving the profiled thread ::cpu_migrations .cpu_migrations migrations of the profiled thread from one cpu core to an
other these events map directly to "generic events" in the linux 2.6.31+ <linux/perf_event.h> interface, and so unfortunately are a little vague in their specification; for instance, we can't tell you exactly which level of cache you get misses for if you measure cache_misses.
... (at time of writing, linux allows all the above events to be measured, and we don't have back ends for any
other operating system.
Scroll-linked effects
as this animation is driven by javascript on the browser's main thread, it can be interrupted by
other javascript running in
other tabs or
other windows.
...
other effects in many cases, scroll-linked effects can be reimplemented using css and made to run on the compositor thread.
... any
other related issues or ideas.
powermetrics
other things to note.
...
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.
... total w = _pkg_ (cores + _gpu_ +
other) + _ram_ w #01 17.14 w = 14.98 ( 5.50 + 1.19 + 8.29) + 2.16 w 1 sample taken over a period of 30.000 seconds name id cpu ms/s user% deadlines (<2 ms, 2-5 ms) wakeups (intr, pkg idle) gpu ms/s com.google.chrome 500 439.64 585.35 218.62 19.17 google chrome helper 67319 284.
MailNews automated testing
these tests can go beyond the limitations of xpcshell-tests (for example, access c++ code) and
other testing options that don't test at the right level.
... message manipulation: mark messages as read, tag them, untag them, move them to
other folders, trash them, etc.
... enhanced logging: supports generating rich json streams to disk or over the network for consumption by logsploder or
other tools.
NSPR Error Handling
pr_pending_interrupt_error the operation terminated because an
other thread has interrupted it with pr_interrupt.
... pr_io_pending_error an i/o operation has been attempted on a file descriptor that is currently busy with an
other operation.
... pr_not_same_device_error request to rename a file to a file system on an
other device.
PR_CEnterMonitor
if a match is found, then either the calling thread is already in the monitor (and this is a reentrant call) or an
other thread is holding the monitor's mutex.
...in the latter case, the calling thread is likely to find the monitor locked by an
other thread and waits for that thread to exit before continuing.
... note: pr_centermonitor and pr_cexitmonitor must be paired--that is, there must be an exit for every entry--or the object will never become available for any
other thread.
PR_Wait
pr_failure means pr_wait encountered a system error (such as an invalid monitor reference) or the thread was interrupted by an
other thread.
...this has the effect of making the monitor available to
other threads.
...the most obvious is that it was notified by an
other thread.
Building NSS
you can also build nss on the windows subsystem for linux, but the resulting binaries aren't usable by
other windows applications.
... get the source nss and nspr use mercurial for source control like
other mozilla projects.
...
other subdirectories of nss/tests contain scripts that run a subset of the full suite.
JSS FAQ
the only
other documentation is the javadoc.
...lla/jss/tests/testkeygen.java org/mozilla/jss/tests/sslclientauth.java org/mozilla/jss/tests/listcacerts.java org/mozilla/jss/tests/keystoretest.java org/mozilla/jss/tests/verifycert.java ssl examples: org/mozilla/jss/tests/sslclientauth.java org/mozilla/jss/ssl/sslclient.java org/mozilla/jss/ssl/sslserver.java org/mozilla/jss/ssl/ssltest.java
other test code that may prove useful: org/mozilla/jss/asn1/integer.java org/mozilla/jss/asn1/sequence.java org/mozilla/jss/asn1/set.java org/mozilla/jss/pkcs10/certificationrequest.java org/mozilla/jss/pkcs12/pfx.java org/mozilla/jss/pkix/cert/certificate.java org/mozilla/jss/pkix/cmmf/certrepcontent.java org/mozilla/jss/pkix/crmf/certreqmsg.java org...
...many netscape products, including nss, have nt and windows builds that are essentially the same except one difference: one is linked with the nt version of nspr and the
other is linked with the windows version of nspr.
NSS 3.55 release notes
nss 3.55 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_55_rtm/src/
other releases are available in nss releases.
...with this function, a given slot can be queried with a der-encoded certificate, providing performance and usability improvements over
other mechanisms.
...an
other potential workaround is to use the gyp-based build.sh script.
Utilities for nss samples
these utility functions are adapted from those found in the sectool library used by the nss security tools and
other nss test applications.
...*/ #ifndef _util_h #define _util_h #include <prlog.h> #include <termios.h> #include <base64.h> #include <unistd.h> #include <sys/stat.h> #include "util.h" #include <prprf.h> #include <prerror.h> #include <nss.h> #include <pk11func.h> /* * these utility functions are adapted from those found in * the sectool library used by the nss security tools and *
other nss test applications.
...*/ #include "util.h" /* * these utility functions are adapted from those found in * the sectool library used by the nss security tools and *
other nss test applications.
NSS sources building testing
hg clone https://hg.mozilla.org/projects/nspr hg clone https://hg.mozilla.org/projects/nss after the above commands complete, you should have two local directories, named nspr and nss, next to each
other.
...
other tools are only used for testing purposes.
...in
other environments (for example in home networks), you could set the host and domsuf (for domain suffix) environment variables to tell the nss suite which hostname to use.
PKCS11 Implement
if a token has been removed and then the same or an
other token is inserted, c_getsessioninfo should return ckr_session_handle_invalid.
... table 1.2 summarizes the pkcs #11 functions (in addition to the
other functions described in this document) that nss expects each type of token to support.
...(you can still use your token for
other default functions.) nss does not support replacement of default functions.
NSS_Initialize
this is necessary if an
other piece of code is using the same pkcs#11 modules that nss is accessing without going through nss, for example, the java sunpkcs11 provider.
...this is necessary if an
other piece of code is using the same pkcs#11 modules that nss is accessing without going through nss, for example, java sunpkcs11 provider.
...this may be necessary in order to ensure continuous operation and proper shutdown sequence if an
other piece of code is using the same pkcs#11 modules that nss is accessing without going through nss, for example, java sunpkcs11 provider.
NSS functions
other sources of information: the nss_reference documents the functions most commonly used by applications to support ssl.
...later seckey_destroysubjectpublickeyinfo mxr 3.2 and later seckey_getpublickeytype mxr 3.3 and later seckey_publickeystrengthinbits mxr 3.8 and later seckey_signaturelen mxr 3.11.2 and later utility functions the public functions listed here perform initialization tasks and
other services.
..._pkcs7setcontent mxr 3.4 and later sec_pkcs7verifydetachedsignature mxr 3.4 and later sec_pkcs7verifysignature mxr 3.2 and later secmime_decryptionallowed mxr 3.4 and later pkcs #12 functions the public functions listed here perform pkcs #12 operations required by some of the nss tools and
other applications.
NSS tools : pk12util
-n | --cert-key-len certkeylength specify the desired length of the symmetric key to be used to encrypt the certificates and
other meta-data.
...this allows the certificates to be fed to an
other application that supports .p12 files.
... o https://wiki.mozilla.org/nss_shared_db_howto o https://wiki.mozilla.org/nss_shared_db additional resources for information about nss and
other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
NSS tools : ssltab
-p port change the default rendezvous port (1924) to an
other port.
...although you can run the tool at its most basic by issuing the ssltap command with no options
other than hostname:port, the information you get in this way is not very useful.
...if you run the tool on a machine
other than the ssl server to which you are trying to connect, the browser will complain that the host name you are trying to connect to is different from the certificate.
NSS tools : ssltap
-p port change the default rendezvous port (1924) to an
other port.
...although you can run the tool at its most basic by issuing the ssltap command with no options
other than hostname:port, the information you get in this way is not very useful.
...if you run the tool on a machine
other than the ssl server to which you are trying to connect, the browser will complain that the host name you are trying to connect to is different from the certificate.
ssltyp.html
syntax #include <pk11expt.h> typedef struct pk11slotinfostr pk11slotinfo; secitem a structure that points to
other structures.
...
otherwise, free both the structure pointed to and the secitem structure itself.
...
otherwise, free both the structure pointed to and the secitem structure itself.
NSS_3.12.3_release_notes.html
new in nss 3.12.3 changes in behavior: in the development of nss 3.12.3, it became necessary to change some old library behaviors due to the discovery of certain vulnerabilities in the old behaviors, and to correct some errors that had limited nss's ability to interoperate with cryptographic hardware and software from
other sources.
... nss_strict_nofork string ("1", "disabled", or any
other non-empty value) it is an error to try to use a pkcs#11 crypto module in a process before it has been initialized in that process, even if the module was initialized in the parent process.
... if set to any
other non-empty value, softoken will report an error in both debug and non-debug builds.
NSS Tools certutil
unless specified
otherwise the default token is an internal slot (specifically, internal slot 2).
... category position use zero or more of the following attribute codes: p prohibited (explicitly distrusted) p trusted peer c valid ca t trusted ca to issue client certificates (implies c) c trusted ca to issue server certificates (ssl only) (implies c) u certificate can be used for authentication or signing w send warning (use with
other attributes to include a warning when the certificate is used in that context) the attribute codes for the categories are separated by commas, and the entire set of attributes enclosed by quotation marks.
...ficate: modifying a certificate's trust attribute: displaying a list of the options and arguments used by the certificate database tool: examples creating a new certificate database this example creates a new certificate database (cert8.db file) in the specified directory: certutil -n -d certdir you must generate the associated key3.db and secmod.db files by using the key database tool or
other tools.
NSS tools : pk12util
-n | --cert-key-len certkeylength specify the desired length of the symmetric key to be used to encrypt the certificates and
other meta-data.
...this allows the certificates to be fed to an
other application that supports .p12 files.
... o https://wiki.mozilla.org/nss_shared_db_howto o https://wiki.mozilla.org/nss_shared_db additional resources for information about nss and
other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
NSS tools : ssltap
-p port change the default rendezvous port (1924) to an
other port.
...although you can run the tool at its most basic by issuing the ssltap command with no options
other than hostname:port, the information you get in this way is not very useful.
... if you run the tool on a machine
other than the ssl server to which you are trying to connect, the browser will complain that the host name you are trying to connect to is different from the certificate.
SpiderMonkey compartments
an object in one compartment cannot touch an object in an
other compartment, except through a cross-compartment wrapper.
...in the old model, javascript objects could be co-located with arbitrary
other javascript objects from
other origins.
...in the new model most objects touched by a website are tightly packed next to each
other in memory, with no cross-origin objects in between.
Exact Stack Rooting
}; rootedobject obj(cx, newobject(cx, &fooclass, nullptr(), nullptr(), &obj)); rootedvalue v(cx, object_to_value(
othergcthing)); jsobject::setreservedslot(obj, 0, v); storing a gcpointer on the cheap todo: tracing and heapptr storing a gcpointer on the cstack gcpointers stored on the cstack are special.
... unlike
other gcpointers, they are not traced as part of the gc.
... void
otherfunction(jscontext *cx) { ...
Statistics API
when logging to a file is used in combination with multi-process firefox (e10s) it is necessary to set security.sandbox.content.level = 0,
otherwise the content process will crash.
... additionally, an incremental gc is divided into a series of slices (the division into slices is completely separate from the division into phases; neither one is a refinment of the
other).
...in between slices,
other browser code is allowed to run.
Self-hosted builtins in SpiderMonkey
in contrast to function.prototype.call, this syntax makes it impossible for
other code to interfere and gets compiled to bytecode that doesn't have any overhead compared to a normal function invocation.
...this restriction was added because
otherwise it's extremely easy to accidentally call methods that have been changed by content, changing the behavior from what was expected.
... all self-hosted functions have direct access to each
other and can rely on references being stable, i.e.
JIT Optimization Outcomes
this can occur if one of the expected types of objects to be used in this operation has unknown properties, or if different instances of the object store the property at different locations (for example, some instances have the property assigned in a different order than
others).
...this can occur if the operation is polymorphic on different object types and one or more of the object types contain the property at a different slot than the
others.
... arraydoubleconversion the type-system indicates that some arrays at this site should be converted to packed arrays of doubles while
others should not.
JSAPI Cookbook
note: the foss wiki page contains a few links to
other libraries and programs that can make life easier when using spidermonkey and jsapi.
... *
otherwise, convert the number to floating point (see the next example).
... // javascript throw new error("failed to grow " + varietal + ": too many greenflies."); /* jsapi */ js_reporterror(cx, "failed to grow %s: too many greenflies.", varietal); return false; to internationalize your error messages, and to throw
other error types, such as syntaxerror or typeerror, use js_reporterrornumber instead.
JS::CompileOptions
otherwise, this returns null.
...the code declaring the instance guarantees that such option values will outlive the compileoptions itself: objects are
otherwise rooted; principals have had their reference counts bumped; strings will not be freed until the compileoptions goes out of scope.
... in this situation, compileoptions only refers to things
others own, so it can be lightweight.
JS::Handle
operator const t&() const t operator->() const bool operator!=(const t &
other) const compares ptr and
other.
... bool operator==(const t &
other) const description js::handle<t> is a const reference to a js::rooted<t>.
...first, when several such functions call each
other then redundant rooting of multiple copies of the gc thing can be avoided.
JSAutoByteString
you should call this before calling encode* methods or initbytes method if a string is already owned,
otherwise the string will never be freed.
...you can call some methods to take ownership of
other string.
...*/ } take ownership of
other buffer { char *buff = cx->pod_malloc<char>(length + 1); if (!buff) return false; memcpy(buff,
other_buff, length + 1) jsautobytestring bytes; bytes.initbytes(buff); /* ...do something with bytes...
JSConvertOp
other types may be passed as hints, but such behavior is deprecated.
...if you do not use the js_convertvalue method, you may omit support for
other types.
... (support for the
other types may eventually be removed.) the callback returns true to indicate success or false to indicate failure.
JSVAL_TO_GCTHING
otherwise the resulting pointer is undefined.
...this macro is exposed in jsapi.h because
other jsapi macros make use of it.
...an
other possible alternative is to avoid casting altogether by using an api that operates on jsvals rather than raw pointers (for example, js_call_value_tracer rather than js_call_tracer).
JS_CheckAccess
otherwise, if obj's class has a non-null jsclass.checkaccess callback, then it is called to perform the check.
...
otherwise, if a runtime-wide check-object-access callback has been installed by calling js_setcheckobjectaccesscallback, then that is called to perform the check.
...
otherwise, access is granted.
JS_ConvertValue
otherwise js_convertvalue reports an error.
... js_convertvalue calls
other, type-specific conversion routines based on the type argument.
... converting to jstype_object works exactly like js::toobject if v.isnullorundefined() is false,
otherwise the result is nullptr.
JS_DefineObject
create an object that is a property of an
other object.
... this function combines two operations: creating an object and storing it in a property of an
other object.
... use js_constructobject, js_constructobjectwitharguments, or js_newobject to create a new object without storing it in a property of an
other object.
JS_DeleteProperty
otherwise obj has a non-permanent own property with the given name or id.
...
otherwise, if obj is not configurable, an error is raised.
...
otherwise, the property is removed.
JS_ExecuteRegExp
if test is false, js_executeregexp and js_newregexpobjectnostatics store the match result array to *rval if matches,
otherwise stores null to *rval.
... if test is true, js_executeregexp and js_newregexpobjectnostatics store the boolean value true to *rval if matches,
otherwise stores null to *rval.
... if successful, js_executeregexp and js_newregexpobjectnostatics returns true and stores the result to *rval,
otherwise returns false and the value of *rval is undefined see also mxr id search for js_executeregexp mxr id search for js_executeregexpnostatics regexp bug 571355 - added js_executeregexpnostatics function ...
JS_ExecuteScript
otherwise obj is used.
...it needs to contain the
other objects that should end up on the scripts's scope chain.
...
otherwise it returns false, and the value left in rval is unspecified.
JS_InternString
get an interned string - a jsstring that is protected from gc and automatically shared with
other code that needs a jsstring with the same value.
...
otherwise a new string is created and added to the table.
...
otherwise they report an error and return null.
JS_LeaveLocalRootScopeWithResult
otherwise, the value is stored in an internal per-jscontext slot.
... this slot is rooted, but the value will eventually be overwritten by some
other operation, and it is very difficult to figure out exactly when this will happen—or more to the point, guarantee that it won't happen in the time it takes some specific chunk of code to run.
... in any case, all
other newborn values protected by the local root scope, aside from rval, become subject to garbage collection.
JS_NewGlobalObject
otherwise it returns null.
...
otherwise, callers should pass dontfireonnewglobalhook, which means that they are responsible for invoking js_fireonnewglobalobject upon successfully creating the global.
...but
otherwise, callers must take care to fire the hook exactly once before compiling any script in the global's scope (we have assertions in place to enforce this).
JS_ValueToId
otherwise, if e4x support is enabled and v is an object, *idp receives an object jsid.
...
otherwise, *idp receives an interned string jsid based on the value of v.
...
otherwise it returns false.
JS_ValueToNumber
otherwise v is an object.
...
otherwise, the resulting object's tostring method, if any, is called.
...
otherwise conversion fails with a typeerror.
SpiderMonkey 38
on some
other platforms (sparc, mips), the jit is provided but not supported.
... on all
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
... these and
other changes are explained in detail below.
Running Automated JavaScript Tests
all
other flags will be passed along to the harness.
... an
other common use case is to run just one test, or all the tests in just one directory: jstests.py path_to_js_shell test_path_substring [ test_path_substring_2 ...
...for a smoke test or if you are not changing language-level functionality, you may wish to use jstests.py path_to_js_shell --exclude=test262
other options allow you to show the test command lines being run, command output and return codes, run tests named in a given file, exclude tests named in a given file, hide the progress bar, change the timeout, run skipped tests, print output in tinderbox format, run a test in the debugger, or run tests in valgrind.
WebReplayRoadmap
these messages will show up on the timeline and can be seeked to in the same way as
other console messages.
... some of these will be easier to support than
others.
... still, porting it to
other posix systems (linux, android) will be easier than windows, due to the overlap with macos.
Secure Development Guidelines
elated registers (esp, ebp) mark top and bottom of current stack frame status register (eflags) contains various state information instruction pointer (eip) points to register being executed; can’t be modified directly introduction: gaining control (2) eip is modified using call or jump instructions attacks usually rely on obtaining control over the eip
otherwise the attacker can try to control memory pointed to by an existing function pointer a vulnerability is required to modify the eip or sensitive memory saved return addr or function pointer get altered introduction: gaining control (3) common issues used to gain control buffer overflows format string bugs integer overflows/underflows writing secure code: input validation...
...d save you without knowing it examples: if it doesn’t have to be negative, store it in an unsigned int if the input doesn’t have to be > 512, cut it off there if the input should only be [a-za-z0-9], enforce it cross site scripting (xss) xss is a type of code injection attack typically occurs in web applications injection of arbitrary data into an html document from an
other site victim’s browser executes those html instructions could be used to steal user credentials think: webmail, online auction, cms, online banking...
... could overflow fd_set file i/o: file descriptors and handles good solution: dynamically allocate fd_set structs int main(void) { int i, fd; fd_set fdset; for( i = 0; i < 2000; i++) { fd = open("/dev/null", o_rdwr); } fd_set(fd, &fdset); } file i/o: race conditions operating on files can often lead to race conditions since the file system is shared with
other processes you check the state of a file at one point in time and immediately after the state might have changed most file name operations suffer from these race conditions, but not when performed on file descriptors file i/o: race conditions consider the following example int main(int argc, char **argv) { char *file = argv[1]; int fd; struct stat statbuf; stat(file, &statb...
Setting up an update server
these are the files that must be changed: toolkit/components/maintenanceservice/moz.build toolkit/mozapps/update/tests/moz.build firefox should
otherwise be built normally.
...backup that file to an
other location and replace it with <obj dir>/dist/bin/maintenanceservice.exe.
...r mar that contains that information (for instance, for the mar file at https://archive.mozilla.org/pub/firefox/nightly/2019/09/2019-09-17-09-36-29-mozilla-central/firefox-71.0a1.en-us.win64.complete.mar, the file https://archive.mozilla.org/pub/firefox/nightly/2019/09/2019-09-17-09-36-29-mozilla-central/firefox-71.0a1.en-us.win64.checksums contains the sha512 for that file as well as for all the
other win64 files that are part of that nightly release).
Mork
other serializations of mork have also never been used, so the zany mork version 1.4 format has become the only official mork format.
...however, since the meta-row of a row never appears to be used, i will generally use 'meta-row' to refer to the meta-row of a table, unless
otherwise qualified.
...if the scope is not specified, then it is the default scope of the table (if it has one) or 'r'
otherwise.
The Places database
it contains the date, referrer, and
other information specific to that visit.
... it contains a reference to the moz_places table which contains the url and
other global statistics.
... delete favicons for those expiring history entries that are not referenced by any
other history entry.
Using the Places annotation service
most methods in the service are duplicated with one method labeled as a 'page annotation' taking an nsiuri and the
others labeled as an 'item annotation' and taking the id of an item in the places database.
...d, aname); the returned type will be one of the value_type constants in mozistoragevaluearray.idl: after bug 377066 the value_type_* type handling was changed to this: type_int32 = 1 type_double = 2 type_string = 3 type_binary = 4 type_int64 = 5 try { var value = annotationservice.getpageannotation(uri, "my_extension/some_annotation"); } catch(e) { // annotation does not exist }
other functions getpageswithannotation(aname, resultcount, results); getitemswithannotation(aname, resultcount, results); retrieves a list of all pages/items with the given annotation.
... copypageannotations(asourceuri, adesturi, aoverwritedest); copyitemannotations(asourceitemid, adestitemid, aoverwritedest); copies all the annotations from one page/item to an
other.
XPCOM glue
this is because it forces a dependency on the nspr library, which can
otherwise be avoided.
...components using internal linkage will have shared-library dependencies against non-frozen symbols in the xpcom libraries, and will not work with any
other versions of xpcom
other than the one it was compiled against.
... linux and mac: write the linker options exactly as stated (just replacing the /path/to/sdk/),
otherwise you get an undefined symbol: ...ns_tabledrivenqi...qitableentry...
Interfacing with the XPCOM cycle collector
if the collector finds a group of objects that all refer back to one an
other, and establishes that the objects' reference counts are all accounted for by internal pointers within the group, it considers that group cyclical garbage, which it then attempts to free.
...if it encounters an unknown edge during its traversal, it gives up on that edge; this means that every edge involved in a cycle must be participating,
otherwise the cycle will not be found.
...if your class has tearoffs or is being aggregated by
other classes it is important to make the tearoff classes or the outer classes participate in cycle collection too, not doing so could lead to the cycle collector trying to collect the objects too soon.
Components.utils.evalInWindow
syntax var result = components.utils.evalinwindow(script, window); parameters script : string the script to evaluate in the
other window.
...if this is just native (for example, a dom node), then the function relies on xraywrappers to wrap the returned content,
otherwise the result is structured-cloned.
...example suppose a page script defines a variable: // page-script.js var somelocalvariable = { name: "selection1", node: document.documentelement }; an add-on script or
other privileged script can access the variable using evalinwindow(): // add-on-script.js var result = components.utils.evalinwindow("somelocalvariable", contentwindow); console.log(result); // {"name":"selection1","node":{}} the add-on code can modify the variable as well, of course: // add-on-script.js components.utils.evalinwindow("somelocalvariable.newprop = 42", contentwindow); // page-script.js console.log(window.somelocalvariable.newpr...
Language bindings
an xpcom language binding is a bridge between a particular language and xpcom to provide access to xpcom objects from that language, and to let modules written in that language be used as xpcom objects by all
other languages for which there are xpcom bindings.
... exposes modules written in the bound language as xpcom objects, thereby enabling all
other languages for which xpcom bindings exist to access these modules.
...in order to allow any
other language to use the xpcom api, a bridging layer is required.
nsAString (External)
onst char*, prbool, prbool) - source parameters char* aset prbool aleading prbool atrailing defaultcomparator print32 defaultcomparator(const prunichar*, const prunichar*, pruint32) - source parameters prunichar* a prunichar* b pruint32 length compare print32 compare(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(prunichar*, prunichar*, pruint32) c print32 compare(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c equals prbool equals(const prunichar*, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters prunichar*
other print32 (*)(pr...
...unichar*, prunichar*, pruint32) c prbool equals(const nsastring&, print32 (*)(const prunichar*, const prunichar*, pruint32)) const - source parameters nsastring&
other print32 (*)(prunichar*, prunichar*, pruint32) c operator< prbool operator<(const nsastring&) const - source parameters nsastring&
other prbool operator<(const prunichar*) const - source parameters prunichar*
other operator<= prbool operator<=(const nsastring&) const - source parameters nsastring&
other prbool operator<=(const prunichar*) const - source parameters prunichar*
other operator== prbool operator==(const nsastring&) const - source parameters nsastring&
other prbool operator==(const prunichar*) const - source parameters prunichar*
other operator>= prbool operator>=(const nsas...
...tring&) const - source parameters nsastring&
other prbool operator>=(const prunichar*) const - source parameters prunichar*
other operator> prbool operator>(const nsastring&) const - source parameters nsastring&
other prbool operator>(const prunichar*) const - source parameters prunichar*
other operator!= prbool operator!=(const nsastring&) const - source parameters nsastring&
other prbool operator!=(const prunichar*) const - source parameters prunichar*
other equalsliteral prbool equalsliteral(const char*) const - source parameters char* aasciistring lowercaseequalsliteral prbool lowercaseequalsliteral(const char*) const - source case-insensitive match this string to a lowercase ascii string.
IAccessible2
other-licenses/ia2/accessible2.idlnot scriptable please add a summary to this article.
...the at could cache the uniqueids in addition to
other data being cached.
...an
other use of this value by an at is to identify when a grouping object has changed, for example when moving from a radio button in one group to a radio button in a different group.
IAccessibleHyperlink
other-licenses/ia2/accessiblehyperlink.idlnot scriptable this interface represents hyperlinks.
...this interface could also be applied to
other kinds of objects with multiple actions such as "smart tags" which are objects, typically strings, which have multiple actions such as "activate uri", "bookmark uri", end so on.
...[propget] hresult valid( [out] boolean valid ); parameters valid true if the referenced target is still valid and false
otherwise.
inIDOMUtils
if you have requested anonymous content, then if the element has an xbl binding then this will be the binding's anonymous nodes,
otherwise if the element is itself an anonymous node containing an insertion point then this will be a list combining the element's explicit children from its binding parent's anonymous nodes and any children inserted as a result of the insertion point.
... return value true if the property is inherited,
otherwise false.
... return value true if lock exists, false
otherwise clearpseudoclasslocks() removes any pseudo-class locks from the element.
jsdIStackFrame
private data for this context, if it is an nsisupports, |null|
otherwise.
...|true| if this context should be allowed to run scripts, |false|
otherwise.
...setting or getting this attribute on any
other context will throw a ns_error_no_interface exception.
mozIThirdPartyUtil
otherwise, find the uri of the channel, determine whether it is foreign with respect to auri, and return.
...(we have already checked that auri is not foreign with respect to the channel uri.)
otherwise, return the result of isthirdpartywindow() with arguments of the channel's bottommost window and the channel uri, respectively.
...isthirdpartyuri() determine whether two uris are third party with respect to each
other.
nsIAccessNode
accessible/public/nsiaccessnode.idlscriptable an interface used by in-process accessibility clients to get style, window, markup and
other information about a dom node.
... note: the meanings of width, height and
other size measurements depend on the version of css being used.
... note: the meanings of width, height and
other size measurements depend on the version of css being used.
nsIAccessibleRelation
it is also possible that each member has multiple additional targets, for example one for every
other member in the group.
... relation_flows_to 0x07 content flows from this object to a target object, that is has content that flows logically to an
other object in a sequential way, for example text flow.
... relation_flows_from 0x08 content flows to this object from a target object, that is has content that flows logically from an
other object in a sequential way, for example text flow.
nsICache
if a cache entry is waiting to be validated by an
other cache descriptor (so no new cache descriptors for that key can be created), opencacheentry() will return ns_error_cache_wait_for_validation in non-blocking mode.
...once the cache entry has been "validated",
other descriptors with read access may be opened to the cache entry.
...if you make a request for only write access to a cache entry and an
other descriptor with write access is currently open, then the existing cache entry will be 'doomed', and you will be given a descriptor (with write access only) to a new cache entry.
nsIClipboard
otherwise it returns false.
...
otherwise it returns false.
...
otherwise it returns false.
nsIComponentRegistrar
other loaders may have different semantics.
... return value true if a factory is registered for the classid, false
otherwise.
... return value true if a factory is registered for the contractid, false
otherwise.
nsIContentPrefService
by default, this is the "hostname grouper," which groups uris by full hostname (in
otherwords, by site).
... return value the preference's value is returned; this value may be a string, integer, boolean, or any
other value.
... return value true if the preference exists;
otherwise false.
nsIContentPrefService2
pass an nsiloadcontext to use storage appropriate to the context's useprivatebrowsing attribute: if useprivatebrowsing is true, temporary private-browsing storage is used, and
otherwise permanent storage is used.
... removealldomains() removes all non-global preferences -- in
other words, all preferences that have a domain.
... removeallglobals() removes all global preferences -- in
other words, all preferences that have no domain.
nsIDOMEventGroup
inherits from: nsisupports last changed in gecko 1.7 method overview boolean issameeventgroup(in nsidomeventgroup
other); methods issameeventgroup() reports whether or not an
other event group is the same as this one.
... boolean issameeventgroup( in nsidomeventgroup
other ); parameters
other instance of nsidomeventgroup object to compare against.
... return value returns true if the two objects are the same,
otherwise false.
nsIDOMXULElement
allowevents boolean true if the element's allowevents attribute is the string "true",
otherwise false.
... collapsed boolean true if the element's collapsed attribute is the string "true",
otherwise false.
... hidden boolean true if the element's hidden attribute is the string "true",
otherwise false.
nsIDragService
void enddragsession( in prbool adonedrag ); parameters adonedrag if adonedrag is true, the drag has finished,
otherwise the drag has just left the window.
...if the element is in a document, it will be rendered at its displayed size,
otherwise, it will be rendered at its real size.
... for
other types of elements, the element is rendered into an offscreen buffer in the same manner as it is currently displayed.
nsIEventTarget
implement this interface in order to support receiving events from
other threads.
... note: passing this flag to dispatch may have the side-effect of causing
other events on the current thread to be processed while waiting for the given event to be processed.
...if events dispatched to this target will be processed on an
other thread, returns false.
nsIExternalProtocolService
return value true if we have a handler and false
otherwise.
... return value the handler, if any;
otherwise a default handler.
... return value true if the protocol is exposed, false
otherwise.
nsIFrameScriptLoader
otherwise it will only be loaded into frames that exist at the time of the call.
... by default, frame scripts each have their own scope, so they can declare global variables without causing conflicts with any
other frame scripts.
... if present and set to true, this flag switches off that behavior, meaning that the script's scope is shared with any
other frame scripts in the same frame that have also set the flag.
nsIHttpChannel
gin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipelining boolean this attribute is a hint to the channel to indicate whether or not the underlying http transaction should be allowed to be pipelined with
other transactions.
... this attribute is true by default, though
other factors may prevent pipelining.
... return value returns true if the server sent the equivalent of a "cache-control: no-cache" response header,
otherwise false.
nsIHttpServer
* * @param path * the path on the server (beginning with a "/") which is to be handled by * handler; this path must not include a query string or hash component; it * also should usually be canonicalized, since most browsers will do so * before sending
otherwise-matching requests * @param handler * an object which will handle any requests for the given path, or null to * remove any existing handler; if while the server is running the handler * throws an exception while responding to a request, an http 500 response * will be returned * @throws ns_error_invalid_arg * if path does not begin with a "/" */ void register...
... if the handler throws an * exception during server operation, fallback is to the genericized error * handler (the x00 version), then to 500, using a user-defined error * handler if one exists or the server default handler
otherwise.
... * * @param path * the absolute path on the server against which requests will be served * from dir (e.g., "/", "/foo/", etc.); must begin and end with a forward * slash * @param dir * the directory to be used to serve all requests for paths underneath path * (except those further overridden by an
other, deeper path registered with * an
other directory); if null, any current mapping for the given path is * removed * @throws ns_error_invalid_arg * if dir is non-null and does not exist or is not a directory, or if path * does not begin with and end with a forward slash */ void registerdirectory(in string path, in nsifile dir); /** * associates files with the given ...
nsILocalFile
exceptions thrown ns_error_file_unrecognized_path indicates that relativefilepath incorrectly begins with a path separator character or
otherwise contains invalid characters.
... exceptions thrown ns_error_file_unrecognized_path indicates that relativefilepath incorrectly begins with a path separator character or
otherwise contains invalid characters.
... initwithfile() initializes this object with an
other file.
nsILoginManager
it should not be used for any
other purpose.
... return value true if the form was successfully filled out;
otherwise false.
... return value true if login saving is enabled for the host,
otherwise false.
nsIMacDockSupport
method summary void activateapplication(in boolean aignore
otherapplications); attributes attribute type description badgetext astring text to display in a badge on the application's dock icon.
...void activateapplication( in boolean aignore
otherapplications ); parameters aignore
otherapplications if true, the application is activated regardless of the state of
other applications.
... if false, the application is only activated if
other applications are not currently active.
nsIMemory
otherwise, it returns a pointer to the newly allocated memory segment.
...
otherwise false.
...
otherwise, it returns a pointer to the newly allocated memory segment.
nsIMicrosummaryGenerator
1.0 66 introduced gecko 1.8 obsolete gecko 6.0 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview long calculateupdateinterval(in nsidomnode apagecontent); boolean equals(in nsimicrosummarygenerator a
other); astring generatemicrosummary(in nsidomnode apagecontent); attributes attribute type description loaded boolean has the generator itself (which may be a remote resource) been loaded.
...for generators installed via some
other mechanism (for example an extension that dynamically creates generators), this uri is a urn in a form of the extension's own choosing, with the only restriction being that the uri be globally unique.
...boolean equals( in nsimicrosummarygenerator a
other ); parameters a
other the generator to compare against.
nsIMsgFolder
llofflinestores(in nsimsgwindow amsgwindow,in nsisupportsarray aofflinefolderarray); void emptytrash(in nsimsgwindow amsgwindow, in nsiurllistener alistener); void rename(in astring name, in nsimsgwindow msgwindow); void renamesubfolders( in nsimsgwindow msgwindow, in nsimsgfolder oldfolder); astring generateuniquesubfoldername(in astring prefix,in nsimsgfolder
otherfolder); void updatesummarytotals(in boolean force); void summarychanged(); long getnumunread(in boolean deep); long gettotalmessages(in boolean deep); void clearnewmessages(); void clearrequirescleanup(); void setflag(in unsigned long flag); void clearflag(in unsigned long flag); boolean getflag(in unsigned long flag...
...e.g., you might want to associate an identity with a particular newsgroup, or for imap shared folders in the
other users namespace, you might want to create a delegated identity.
...listener alistener); rename() change the name of the folder void rename(in astring name, in nsimsgwindow msgwindow); renamesubfolders() void renamesubfolders(in nsimsgwindow msgwindow, in nsimsgfolder oldfolder); generateuniquesubfoldername() astring generateuniquesubfoldername(in astring prefix, in nsimsgfolder
otherfolder); updatesummarytotals() void updatesummarytotals(in boolean force); summarychanged() void summarychanged(); getnumunread() get the total number of unread messages in this folder, or in all subfolders.
nsINavBookmarkObserver
other notifications will be sent during the batch change, but the observer is guaranteed that onendupdatebatch() will be called at the completion of changes.
... auri the uri of the item that was added when aitemtype is type_bookmark, null
otherwise.
... auri the uri of the added item if it was type_bookmark, null
otherwise.
nsIObserver
adata an optional parameter or
other auxiliary data further describing the change or action.
...with this implementation, it's safe (and common practice) for an implementation of nsiobserver to remove itself as an observer during the observe callback, or to add or remove
other observers.
... be careful, though, because
other uses of nsiobserver may not support these operations correctly within observe.
nsIParserUtils
note: if -moz-binding is absent, properties that might be xss risks in
other web engines are preserved!
...in that case, <a> links (and similar) to
other content are preserved, so an explicit user action (following a link) after the content has been loaded can still leak information.
...to preserve <style> elements and style attributes on
other elements, use sanitizerallowstyle.
nsISHEntry
id unsigned long an id to help identify this entry from
others during subframe navigation.
... pageidentifier unsigned long an integer that should be the same for two entries attached to the same docshell only if the two entries are entries for the same page in the sense that one could go from the state represented by one to the state represented by the
other simply by scrolling (so the entries are separated by an anchor traversal or a subframe navigation in some
other frame).
...void settitle( in astring atitle ); parameters atitle setuniquedocidentifier() changes this entry's doc identifier to a new value which is unique among those of all
other entries.
nsISessionStore
browser/components/sessionstore/nsisessionstore.idlscriptable provides a means for extensions and
other code to store data in association with browser sessions, tabs, and windows.
... for javascript running in windows
other than the one you want to use in nsisessionstore, you need a nsidomwindow object containing browser.xul.
...this kind of domwindow object can be obtained from
other nsidomwindow objects (like the sidebar window object) by applying the 'mainwindow' statement from working_with_windows_in_chrome_code.
nsISocketTransport
this object supports nsibadcertlistener2 and nsisslerrorlistener for ssl connections, and possibly
other interfaces.
...this object supports nsisslsocketcontrol, nsitransportsecurityinfo, and possibly
other interfaces.
...
otherwise false.
nsIStreamConverter
netwerk/streamconv/public/nsistreamconverter.idlscriptable provides an interface to implement when you have code that converts data from one type to an
other.
...d asyncconvertdata(in string afromtype, in string atotype, in nsistreamlistener alistener, in nsisupports actxt); nsiinputstream convert(in nsiinputstream afromstream, in string afromtype, in string atotype, in nsisupports actxt); methods asyncconvertdata() asynchronous version: converts data arriving via the converter's nsistreamlistener.ondataavailable() method from one type to an
other, pushing the converted data out to the caller via alistener::ondataavailable().
... convert() synchronous version: converts a stream of one type, to a stream of an
other type.
nsISyncMessageSender
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "senders" have a single "
other side" to which messages are sent.
...send messagename and obj to the "
other side" of this message manager.
... for example, we will throw ns_error_not_initialized if we try to send a message to a cross-process frame but the
other process has not yet been set up.
nsIWebNavigationInfo
other 1 << 15 note:
other return types may be added here in the future as they become relevant.
... returned by istypesupported() to indicate that a type is supported via some
other means.
...you may specify null to check for compatibility with nsiwebnavigation objects that are in their default state;
otherwise, the result is determined based on the configuration of the specified object (that is, how it is configured by using nsiwebbrowsersetup).
nsIXPConnect
return value missing description exceptions thrown missing exception missing description native code only!evalinsandboxobject evaluate script in a sandbox, completely isolated from all
other running scripts.
...if this parameter is given then afilenameflags will not be calculated and will be assumed to be 0 unless an
other value is given.
...it is a good idea to transfer the jsobject to some equally protected place before releasing the holder (i.e., use js_setproperty to make this object a property of some
other jsobject).
nsIXULTemplateBuilder
other query processors may use
other types for the datasource.
...void removeresult( in nsixultemplateresult aresult ); parameters aresult the result to remove errors throws ns_error_null_pointer if aresult is null replaceresult() inform the template builder that one result should be replaced with an
other.
... return value returns true if the node has content generated for it;
otherwise returns false.
nsIZipReaderCache
readercache); method overview nsizipreader getinnerzip(in nsifile zipfile, in autf8string zipentry); nsizipreader getinnerzip(in nsifile zipfile, in string zipentry); obsolete since gecko 10 nsizipreader getzip(in nsifile zipfile); void init(in unsigned long cachesize); methods getinnerzip() returns a (possibly shared) cached nsizipreader for a zip inside an
other zip.
...
otherwise the previously created nsizipreader is returned.
...the number of outstanding entries can be much greater than this number, this is the count for those
otherwise unused entries.
Performance
isolation: multiple transactions do not affect each
other.
...for each commit, sqlite does two disk syncs among many
other file operations (see the "atomic commit" section of http://www.sqlite.org/php2004/slides-all.html for more information on how this works).
...some operations will benefit, while
others will be hurt.
Storage
otherwise, it's strongly recommended that you use asynchronous execution, for performance reasons.
... in c++, the code would look something like this: bool hasmoredata; while (ns_succeeded(statement->executestep(&hasmoredata)) && hasmoredata) { print32 value; rv = statement->getint32(0, &value); ns_ensure_success(rv, rv); } you can obtain
other types of data by using the various methods available on mozistoragevaluearray.
...however, no
other interface or method is, so do not use them on different threads at the same time!
Address Book examples
this is currently true in the case of ldap, but may be true in
other cases as well.
...however, outlook directories are the only
other built-in write capable directories.
... 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.
customDBHeaders Preference
in addition to the preference outlined in setting up extension development environment, you'll want to add the following preferences: // this allows you to add extra headers while composing messages user_pref("mail.compose.
other.header", "x-superfluous,x-
other,x-whatever"); // this enables the preservation of custom headers as incoming mail is processed user_pref( "mailnews.customdbheaders", "x-superfluous,x-
other"); important: please pay careful attention to the case of the mailnews.customdbheaders preference.
...user_pref( "mailnews.customdbheaders", "x-superfluous x-
other"); adding a column the reply-to column tutorial does a good job of explaining how to add a column with an overlay, so i'll just show you my overlay file: <?xml version="1.0" ?> <overlay id="colsuperfluousoverlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type='application/javascript' src='chrome://superfluous/content/superfluous.js'/> <tree id="thread...
... javascript code once again,
other tutorials have demonstrated the general javascript code used to populated columns with data from a message header, so i'm just including my file for reference.
Toolkit version format
this format is used by the extension manager, software update, and
other parts of the platform.
... if at some point a version part of one version string is greater than the corresponding version part of an
other version string, then the first version string is greater than the
other one.
...
otherwise, the version strings are equal.
Using js-ctypes
otherwise, the system looks for the library in its standard locations.
...it uses the default abi, returns a 16-bit integer (which is a carbon oserr value), and accepts an integer (the alert type), two strings, a pointer to a parameter block, which we aren't using, and an
other integer, which is used to return the hit item.
... /* import js-ctypes */ var {cu} = require("chrome"); var {ctypes} = cu.import("resource://gre/modules/ctypes.jsm", null); /* open the library */ try { /* linux */ var libc = ctypes.open("libc.so.6"); } catch (e) { /* most
other unixes */ libc = ctypes.open("libc.so"); } /* import a function */ var puts = libc.declare("puts", /* function name */ ctypes.default_abi, /* call abi */ ctypes.int, /* return type */ ctypes.char.ptr); /* argument type */ var ret = puts("hello world from js-ctypes!"); libc.close(); ...
CData
in theory, in
other words, the following javascript expression should return a copy of the original cdata object: eval(dataobject.tosource()); tostring() returns a string identifying the data.
... here is a method to read "malformed", it attempts to do readstring on it, if it errors then it tries to read it in an
other way, so this is an alternative to readstringreplacemalformed, it is an attempt at readingmalformed function readaschar8thenaschar16(stringptr, known_len, jschar) { // when reading as jschar it assumes max length of 500 // stringptr is either char or jschar, if you know its jschar for sure, pass 2nd arg as true // if known_len is passed, then assumption is not made, at the known_len ...
...known_len : 500; var ptrasarr = ctypes.cast(stringptr, ctypes.unsigned_char.array(assumption_max_len).ptr).contents; // must cast to unsigned char (not ctypes.jschar, or ctypes.char) as
otherwise i dont get foreign characters, as they are got as negative values, and i should read till i find a 0 which is null terminator which will have unsigned_char code of 0 // can test this by reading a string like this: "_scratchpad/entehandle.js at master · noitidart/_scratchpad mdnfirefox" at js array position 36 (so 37 if count from 1), we see 183, and at 77 we see char code of 0 if casted to u...
PKCS #11 Netscape Trust Objects - Network Security Services
trusted delegator: the certificate is trusted as a certificate authority trust root, and confers its trust to
other certificates.
... there are two ways to refer to a certificate depending on whether that certificate is self-signed (like a certificate authority) or signed by an
other trusted certificate.
... ckt_trusted_delegator trusts the certificate as a certificate authority, and delegates trust (for the purpose) to
other signed certificates.
Blocking By Domain - Plugins
third-party plugin block list sites on this list may not use plugins when they are loaded into a third-party iframe in an
other site.
... criteria in order to improve firefox security and performance, there are two major categories of sites mozilla may choose to add to plugin domain blocking: sites commonly embedded in a 3rd-party context web sites which are commonly embedded into
other sites using iframes can have a large impact on browser security and also cause many sites to show plugin activation prompts.
... sites in this category may include advertisers, social media sites, and
other utilities.
Flash Activation: Browser Comparison - Plugins
fault when flash is inactive yes no no 'application/x-shockwave-flash' in navigator.mimetypes when user enables flash yes yes yes <object> with fallback content triggers ui yes, with exceptions no yes small/hidden flash triggers additional ui yes no no enabling flash automatically reloads the page no yes yes
other features related to flash domain blocking plugin power saver peripheral content pause each of the browser vendors has a roadmap about the future of flash and changes to the user experience.
... the firefox flash roadmap includes links to roadmaps and posts from
other vendors.
...the user can click the flash object to show activation options: users have the choice to allow flash just for the current session, or to remember their choice: site authoring tips if a flash element is very small, hidden, or covered by
other content, users will probably not notice that flash is required and will become confused.
Drawing and Event Handling - Plugins
the browser sets the port's clip region to the region of the plug-in currently visible (not scrolled off the page, obscured by floating palettes, or
otherwise hidden).
... however, for the plug-in to draw at any
other time, for example, to highlight on a mouse-down event or draw animation at idle time, it must save the current setting of the port, set up its drawing environment as appropriate, draw, and then restore the port to the previous settings.
... windowless plug-ins provide the plug-in writer with some significant design possibilities: you can place a windowless plug-in within a section;
other sections can exist both above and below it.
Streams - Plugins
npres_network_err: the stream failed because of problems with the network, disk i/o error, lack of memory, or some
other problem.
...this mode consumes more resources than the
others.
...*/ err = npn_destroystream(instance, stream, npres_done); your plug-in can create an
other instance of itself by specifying its own mime type and a new target name in a call to npn_newstream.
Version, UI, and Status Information - Plugins
the user might appreciate seeing the percentage completed of the current operation or the url of a button or
other link object when the cursor is over it, all of which the browser shows.
...for this reason, your message is always displayed, but you have no control over how long it stays in the status line before an
other message replaces it.
...*/ return false; } else /* plug-in is running in a navigator version */ /* that has windowless support */ return true; } detecting windowless support on
other platforms browser implementations on
other platforms did not have windowless plug-in support at the time it was added to ms windows and mac os x, so a different method must be used to detect whether the browser provides support.
Plugin Roadmap for Firefox - Plugins
to support the transition away from flash, firefox is working with
other browsers to progressively and carefully make flash usage less common.
... schedule june 2016 starting with firefox 47 in june 2016, all plugins
other than adobe flash are click-to-activate.
... march 2017 starting with firefox 52 in march 2017, plugins
other than adobe flash are no longer supported in firefox.
Debugging service workers - Firefox Developer Tools
debugging your service worker in any case, when the service worker is successfully registered, you'll see information about it displayed in the application > service workers view (along with any
other service workers registered on the same domain): this gives you a variety of information about your service worker: the url that the service worker is registered on.
... there are a couple of
other useful controls on this view, too.
... finding registered service workers on
other domains as mentioned above, the service worker view of the application panel shows all the service workers registered on the current domain.
Dominators view - Firefox Developer Tools
otherwise, you might want to review the article on dominators concepts.
... any
other node that's referenced from two different roots (since in this case, neither root dominates it).
...if one were removed, then the documentprototype would still not be garbage-collected, because it's still retained by the
other two path.
Tree map view - Firefox Developer Tools
strings
other: this includes internal spidermonkey objects.
...
other is further subdivided by the object's type.
...you can see that most of the heap is occupied by the strings used for the monsters' names, and the objects used to contain the monsters'
other attributes.
Network monitor toolbar - Firefox Developer Tools
the network monitor provides two toolbar areas, one above the main section, and an
other below.
... a set of tool icons: pause (or resume) recording network log search the log request blocking an array of buttons to filter the network request list by type: by the content type of the response xhr requests websocket upgrades and messages (labeled ws)
other requests a checkbox that allows you to disable caching.
... throttling menu, to simulate various connection types a menu of
other actions: persist logs: by default, the network monitor is cleared each time you navigate to a new page or reload the current page.
Network request list - Firefox Developer Tools
each timeline is given a horizontal position in its row relative to the
other network requests, so you can see the total time taken to load the page.
...
other actions you can take with request blocking: to turn all request blocking off or on: toggle the checkbox next to enable request blocking.
...
other ways to use the search panel: to clear the search string: click the x icon in the search field.
Paint Flashing Tool - Firefox Developer Tools
the browser also splits its model of the page into layers that it expects will be updated independently of each
other.
... layers are painted independently and then composited, so a change in the appearance of one layer does not trigger a repaint in any
other layers, and when only the relation of two layers changes (in an animation, for example) no repaints are required at all.
...so when the element is moved, all that's changed is the relation of the two layers to each
other, which is handled in composition: neither layer needs a repaint.
Frame rate - Firefox Developer Tools
it gives you a quick indication of where your site might be having problems, enabling you to use the
other tools for a more in-depth analysis.
...frame rate is most obviously applicable to animations: if the frame rate is too low, an animation will have a jerky appearance, while a faster frame rate will be smo
other.
... using the frame rate graph the great value of the frame rate graph is that, like the web console, it gives you a quick indication of where your site might be having problems, enabling you to use the
other tools for more in-depth analysis.
Animating CSS properties - Firefox Developer Tools
the performance cost of animating a css property can vary from one property to an
other, and animating expensive css properties can result in jank as the browser struggles to hit a smooth frame rate.
... however, the performance cost of modifying a css property can vary from one property to an
other.
... css property cost in the context of the rendering waterfall, some properties are more expensive than
others: property type cost examples properties that affect an element's geometry or position trigger a style recalculation, a layout and a repaint.
Web Console remoting - Firefox Developer Tools
this architecture allows you to connect a web console client instance to a server running on b2g, fennec or some
other firefox instance.
...when you attach to the global consoleactor you receive all of the network requests, page errors, and the
other events from all of the tabs and windows, including chrome errors and network events.
... the getrequestheaders and
other packets to get more details about a network event you can use the following packet requests (and replies).
AudioBuffer.copyToChannel() - Web APIs
example var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); var an
otherarray = new float32array; // copy channel data from second channel of myarraybuffer.
... myarraybuffer.copyfromchannel(an
otherarray,1,0); // copy data from an
otherarray to first channel of myarraybuffer.
...myarraybuffer.copytochannel (an
otherarray,0,0); specification specification status comment web audio apithe definition of 'copytochannel' in that specification.
AuthenticatorAssertionResponse.authenticatorData - Web APIs
the server will ensure that this hash matches a hash of its own origin in order to prevent phishing or
other man-in-the-middle attacks.
... bit 2, user verification (uv) - if set, authenticator verified the actual user, through a biometric, pin, or
other authentication method.
... examples var options = { challenge: new uint8array(26), // will be an
other value, provided by the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var authenticatordata = assertionpkcred.response.authenticatordata; // maybe try to convert the authenticatordata to see what's inside // send response and client extensions to the server so that it can // go on with the authenti...
CSSStyleSheet - Web APIs
for example, one rule might be a cssstylerule object containing a style such as: h1, h2 { font-size: 16pt; } an
other rule might be an at-rule such as @import or @media, and so forth.
... ownerrule read only if this stylesheet is imported into the document using an @import rule, the ownerrule property returns the corresponding cssimportrule;
otherwise, this property's value is null.
... stylesheets list getting the owner element/rule given the style sheet object the interface for the owner object getting the cssstylesheet object from the owner <style> and <link> elements in the document yes .ownernode htmllinkelement, htmlstyleelement, or svgstyleelement .sheet css @import rule in
other style sheets applied to the document yes .ownerrule cssimportrule .stylesheet <?xml-stylesheet ?> processing instruction in the (non-html) document yes .ownernode processinginstruction .sheet http link header yes n/a n/a n/a user agent (default) style sheets no n/a n/a n/a specifications specification s...
A basic ray-caster - Web APIs
also, it leaves a lot to be desired in terms of trying to be any sort of game engine—there are no wall textures, no sprites, no doors, not even any teleporters to get to an
other level.
...i'll leave that for an
other article, probably from an
other person.
... so there you are, fire up safari 1.3+ or firefox 1.5+ or some
other browser that supports the <canvas> element and enjoy!
console.log() - Web APIs
an
other useful difference in chrome exists when sending dom elements to the console.
... there's more information in the chrome console api reference about this and
other functions.
...
otherwise, many browsers provide a live view that constantly updates as values change.
DOMMatrix - Web APIs
the identity matrix is one in which every value is 0 except those on the main diagonal from top-left to bottom-right corner (in
other words, where the offsets in each direction are equal).
...
otherwise, a typeerror exception is thrown.
...
otherwise, a typeerror exception is thrown.
DeprecationReportBody - Web APIs
sourcefile a string containing the path to the source file where the deprecated feature was used, if known, or null
otherwise.
... linenumber a number representing the line in the source file in which the deprecated feature was used, if known, or null
otherwise.
... columnnumber a number representing the column in the source file in which the deprecated feature was used, if known, or null
otherwise.
Document.execCommand() - Web APIs
most commands affect the document's selection (bold, italics, etc.), while
others insert new elements (adding a link), or affect an entire line (indenting).
...conditions of having this behavior enabled vary from one browser to an
other, and have evolved over time.
... enableobjectresizing enables or disables the resize handles on images, tables, and absolutely-positioned elements and
other resizable objects.
Document.title - Web APIs
otherwise, it contains the title specified in the markup (see the notes below).
... example <!doctype html> <html> <head> <title>hello world!</title> </head> <body> <script> alert(document.title); // displays "hello world!" document.title = "goodbye world!"; alert(document.title); // displays "goodbye world!" </script> </body> </html> notes this property applies to html, svg, xul, and
other documents in gecko.
...for xul it's the value of the title attribute of the <xul:window> or
other top-level xul element.
DocumentOrShadowRoot.elementFromPoint() - Web APIs
if the element at the specified point belongs to an
other document (for example, the document of an <iframe>), that document's parent element is returned (the <iframe> itself).
... if the method is run on an
other document (like an <iframe>'s subdocument), the coordinates are relative to the document where the method is being called.
... html <p id="para1">some text here</p> <button onclick="changecolor('blue');">blue</button> <button onclick="changecolor('red');">red</button> the html provides the paragraph whose color will be affected, as well as two buttons: one to change the color to blue, and an
other to change the color to red.
EcdhKeyDeriveParams - Web APIs
they exchange public keys and use the combination of their private key and the
other entity's public key to derive a secret key that they — and noone else — share.
... the parameters for ecdh derivekey() therefore include the
other entity's public key, which is combined with this entity's private key to derive the shared secret.
... public a cryptokey object representing the public key of the
other entity.
Element.animate() - Web APIs
this is primarily of use when sequencing animations based on the end time of an
other animation.
... you can also include a composite operation or iteration composite operation in your options list: composite optional determines how values are combined between this animation and
other, separate animations that do not specify their own specific composite operation.
...a single keyframe), and the browser will infer the
other end of the animation if it is able to.
Element: click event - Web APIs
in
other words, detail will be 2 for a double-click, 3 for triple-click, and so forth.
... internet explorer internet explorer 8 & 9 suffer from a bug where elements with a computed background-color of transparent that are overlaid on top of
other element(s) won't receive click events.
... known workarounds for this bug: for ie9 only: set background-color: rgba(0,0,0,0) set opacity: 0 and an explicit background-color
other than transparent for ie8 and ie9: set filter: alpha(opacity=0); and an explicit background-color
other than transparent safari mobile safari mobile 7.0+ (and likely earlier versions too) suffers from a bug where click events aren't fired on elements that aren't typically interactive (e.g.
Element.getElementsByClassName() - Web APIs
otherwise, they're case sensitive.
... var matches = element.getelementsbyclassname('colorbox'); for (var i=0; i<matches.length; i++) { matches[i].classlist.remove('colorbox'); matches.item(i).classlist.add('hueframe'); } instead, use an
other method, such as: var matches = element.getelementsbyclassname('colorbox'); while (matches.length > 0) { matches.item(0).classlist.add('hueframe'); matches[0].classlist.remove('colorbox'); } this code finds descendant elements with the "colorbox" class, adds the class "hueframe", by calling item(0), then removes "colorbox" (using array notation).
... an
other element (if any are left) will then become item(0).
Event - Web APIs
there are many types of events, some of which use
other interfaces based on the main event interface.
...some
other browsers are starting to support it for web compatibility purposes.
... event.stopimmediatepropagation() for this particular event, prevent all
other listeners from being called.
Using the Gamepad API - Web APIs
the gamepad api is a way for developers and designers to access and use gamepads and
other game controllers.
...once one gamepad has been interacted with,
other gamepads that are connected will automatically be visible.
...doing so is often desirable for games or
other interactive web pages that need to know the state of a gamepad now vs.
Gamepad API - Web APIs
the gamepad api is a way for developers to access and respond to signals from gamepads and
other game controllers in a simple, consistent way.
... it contains three interfaces, two events and one specialist function, to respond to gamepads being connected and disconnected, and to access
other information about the gamepads themselves, and what buttons and
other controls are currently being pressed.
... extensions to
other interfaces navigator navigator.getgamepads() an extension to the navigator object that returns an array of gamepad objects, one for each connected gamepad.
msAudioCategory - Web APIs
yes communications for streaming communication audio such as the following: voip real time chat or
other type of phone calls should not be used in non-real-time or non-communication scenarios, such as audio and/or video playback, as playback startup latency is affected.
... yes foregroundonlymedia games or
other sounds designed only to work in the foreground, but will mute existing background media sounds.
... for the game experience (dancing games, music games) feature films (designed to pause when they go to the background) no gameeffects game sound effects designed to mix with existing audio characters talking all non-music sounds no gamemedia background music played by a game no soundeffects game or
other sound effects designed to mix with existing audio: characters talking beeps, dings, brief sounds no
other default audio type, and recommended for all audio media that does not need to continue playing in the background.
HTMLElement.hidden - Web APIs
the htmlelement property hidden is a boolean which is true if the element is hidden;
otherwise the value is false.
... appropriate use cases for hidden include: content that isn't yet relevant but may be needed later content that was previously needed but is not any longer content that is reused by
other parts of the page in a template-like fashion creating an offscreen canvas as a drawing buffer inappropriate use cases include: hiding panels in a tabbed dialog box hiding content in one presentation while intending it to be visible in
others elements that are not hidden must not link to elements which are.
... syntax ishidden = htmlelement.hidden; htmlelement.hidden = true | false; value a boolean which is true if the element is hidden from view;
otherwise, the value is false.
HTMLFormElement.requestSubmit() - Web APIs
requestsubmit(), on the
other hand, acts as if a submit button were clicked.
...
otherwise, the form is submitted with no submitter parameter, so it's submitted directly by the form itself.
... if, on the
other hand, requestsubmit() isn't available, this code falls back to calling the form's submit() method.
HTMLFormElement - Web APIs
you can also get the form's element by using its name attribute as a key of the form, but using elements is a better approach—it contains only the form's elements, and it cannot be mixed with
other attributes of the form.
...this will be the case with any
other form properties, such as <input name="action"> or <input name="post">.
... elements that are considered form controls the elements included by htmlformelement.elements and htmlformelement.length are the following: <button> <fieldset> <input> (with the exception that any whose type is "image" are omitted for historical reasons) <object> <output> <select> <textarea> no
other elements are included in the list returned by elements, which makes it an excellent way to get at the elements most important when processing forms.
HTMLImageElement.border - Web APIs
the border property or its longhand properties to not only set the thickness of the border but to potentially apply a wide variety of
other styling options to it.
... for compatibility (or perhaps
other) reasons, you can use the older properties instead (or in addition): border-top-width, border-right-width, border-bottom-width, and border-left-width.
... for example, if you have the following html: <img src="image.png" border="2"> the following will provide the same appearance using css instead of this obsolete property: <img src="image.png" style="border: 2px;"> you can further provide additional information to change the color and
other features of the border: <img src="image.png" style="border: dashed 2px #333388;"> specifications specification status comment html living standardthe definition of 'htmlimageelement.border' in that specification.
HTMLOrForeignElement.dataset - Web APIs
name conversion dash-style to camelcase conversion a custom data attribute name is transformed to a key for the domstringmap entry with the following rules the prefix data- is removed (including the dash); for any dash (u+002d) followed by an ascii lowercase letter a to z, the dash is removed, and the letter is transformed into its uppercase counterpart;
other characters (including
other dashes) are left unchanged.
... camelcase to dash-style conversion the opposite transformation, which maps a key to an attribute name, uses the following rules: restriction: before the transformation, a dash must not be immediately followed by an ascii lowercase letter a to z; the prefix data- is added; any ascii uppercase letter a to z is transformed into a dash, followed by its lowercase counterpart;
other characters are left unchanged.
... the restriction in the rules above ensures that the two transformations are the inverse one of the
other.
HTMLOutputElement - Web APIs
htmloutputelement.htmlforread only a domtokenlist reflecting the for html attribute, containing a list of ids of
other elements in the same document that contribute to (or
otherwise affect) the calculated value.
... when the problem is reported, the user agent may focus the element and change the scrolling position of the document or perform some
other action that brings the element to the user's attention.
...the value property
otherwise behaves like the textcontent property.
HTMLScriptElement - Web APIs
if the script is blocked, its element receives an error event;
otherwise, it receives a load event.
...for scripts from
other origins, this controls if error information will be exposed.
... htmlscriptelement.text is a domstring that joins and returns the contents of all text nodes inside the <script> element (ignoring
other nodes like comments) in tree order.
HTMLSelectElement - Web APIs
these elements also share all of the properties and methods of
other html elements via the htmlelement interface.
...when multiple is true, it returns "select-multiple";
otherwise, it returns "select-one".
...returns the value property of the first selected option element if there is one,
otherwise the empty string.
HTMLSlotElement - Web APIs
methods htmlslotelement.assignednodes() returns a sequence of the nodes assigned to this slot, and if the flatten option is set to true, the assigned nodes of any
other slots that are descendants of this slot.
... htmlslotelement.assignedelements() returns a sequence of the elements assigned to this slot (and no
other nodes).
... if the flatten option is set to true, it also returns the assigned elements of any
other slots that are descendants of this slot.
HTMLTableCellElement - Web APIs
this alternate label can be used in
other contexts, such as when describing the headers that apply to a data cell.
...permitted values for scope are: col the header cell applies to the following cells in the same column (or columns, if colspan is used as well), until either the end of the column or an
other <th> in the column establishes a new scope.
... row the header cell applies to the following cells in the same row (or rows, if rowspan is used as well), until either the end of the row or an
other <th> in the same row establishes a new scope.
Working with the History API - Web APIs
the new url must be of the same origin as the current url;
otherwise, pushstate() will throw an exception.
... in a sense, calling pushstate() is similar to setting window.location = "#foo", in that both will also create and activate an
other history entry associated with the current document.
... in
other documents, it creates an element with a null namespace uri.
Browser storage limits and eviction criteria - Web APIs
there are a number of web technologies that store data of one kind or an
other on the client-side (i.e., on your local disk).
...here's the actual mapping to directories under a user's firefox profile (
other browsers may differ slightly): <profile>/storage — the main top-level directory for storages maintained by the quota manager (see below) <profile>/storage/permanent — persistent data storage repository <profile>/storage/temporary — temporary data storage repository <profile>/storage/default — default data storage repository note: after introducing storage api, the "permanent" fo...
... there's also an
other limit called group limit — this is defined as 20% of the global limit, but it has a minimum of 10 mb and a maximum of 2 gb.
InterventionReportBody - Web APIs
sourcefile a string containing the path to the source file where the intervention occurred, if known, or null
otherwise.
... linenumber a number representing the line in the source file in which the intervention occurred, if known, or null
otherwise.
... columnnumber a number representing the column in the source file in which the intervention occurred, if known, or null
otherwise.
KeyboardEvent.code - Web APIs
in
other words, this property returns a value that isn't altered by keyboard layout or the state of the modifier keys.
...that would allow both smo
other and faster movement, but would also allow the player to be moving and steering at the same time.
... transitions or animations could be used to make the ship's movement smo
other, too.
KeyboardEvent.initKeyEvent() - Web APIs
this method is based on early drafts of document object model (dom) level 2 events specification and is implemented in gecko-based browsers;
other browsers implemented keyboardevent.initkeyboardevent based on early drafts of document object model (dom) level 3 events specification.
... keycodearg is a unsigned long representing the virtual key code value of the key which was depressed,
otherwise 0.
... charcodearg is a unsigned long representingthe unicode character associated with the depressed key
otherwise 0.
KeyboardEvent.location - Web APIs
the keyboardevent.location read-only property returns an unsigned long representing the location of the key on the keyboard or
other input device.
...
otherwise, when numlock is unlocked and the keyboard actually has a numeric keypad, gecko always returns dom_key_location_numpad too.
... on the
other hand, if the keyboard doesn't have a keypad, such as on a notebook computer, some keys become numpad only when numlock is locked.
KeyboardEvent - Web APIs
warning: this ignores the user's keyboard layout, so that if the user presses the key at the "y" position in a qwerty keyboard layout (near the middle of the row above the home row), this will always return "keyy", even if the user has a qwertz keyboard (which would mean the user expects a "z" and all the
other properties would indicate a "z") or a dvorak keyboard layout (where the user would expect an "f").
... keyboardevent.location read only returns a number representing the location of the key on the keyboard or
other input device.
...this led to the implementation of non-standard initialization methods, the early dom events level 2 version, keyboardevent.initkeyevent() by gecko browsers and the early dom events level 3 version, keyboardevent.initkeyboardevent() by
others.
LocalFileSystem - Web APIs
an
other api, the quota management api, lets you query an origin's current quota usage and allocation using window.webkitpersistentstorage.queryusageandquota().
...this means that your app cannot read, or write the files of an
other app's files.
... //taking care of the browser-specific prefix window.requestfilesystem = window.requestfilesystem || window.webkitrequestfilesystem; // the first parameter defines the type of storage: persistent or temporary // next, set the size of space needed (in bytes) // initfs is the success callback // and the last one is the error callback // for denial of access and
other errors.
MediaCapabilitiesInfo - Web APIs
otherwise, it is false.
... if supported is true, and playback will be smooth, smooth is true,
otherwise, is it false.
...if supported is true, and playback will be power efficient, powerefficient is true,
otherwise, is it false.
MediaStreamTrack - Web APIs
the mediastreamtrack interface represents a single media track within a stream; typically, these are audio or video tracks, but
other track types may exist as well.
... mediastreamtrack.readonly read only returns a boolean value with a value of true if the track is readonly (such a video file source or a camera that settings can't be modified), false
otherwise.
... mediastreamtrack.remote read only returns a boolean with a value of true if the track is sourced by a rtcpeerconnection, false
otherwise.
MediaTrackConstraints.latency - Web APIs
in most cases, low latency is desirable for performance and user experience purposes, but when power consumption is a concern, or delays are
otherwise acceptable, higher latency might be acceptable.
... if this property's value is a number, the user agent will attempt to obtain media whose latency tends to be as close as possible to this number given the capabilities of the hardware and the
other constraints specified.
...
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.
MediaTrackSettings - Web APIs
properties of audio tracks autogaincontrol a boolean which indicates the current value of the autogaincontrol property, which is true if automatic gain control is enabled and is false
otherwise.
... echocancellation a boolean indicating the current value of the echocancellation property, specifying true if echo cancellation is enabled,
otherwise false.
... noisesuppression a boolean which indicates the current value of the noisesupression property, which is true if noise suppression is enabled and is false
otherwise.
Using the Media Capabilities API - Web APIs
these parameters may include the codecs, resolutions, bit rates, frame rates, and
other such details.
... support for getting real-time feedback about the playback of media, so your code can make informed decisions about adapting the stream's quality or
other settings to manage the user's perceived media performance and quality.
... the mediacapabilities interface the mediacapabilities is available using the mediacapabilities property which is provided by both the navigator object and the workernavigator object; in
other words, the media capabilities api is available both on the main thread and from workers.
MessageChannel.port2 - Web APIs
the port2 read-only property of the messagechannel interface returns the second port of the message channel — the port attached to the context at the
other end of the channel, which the message is initially sent to.
... syntax channel.port2; value a messageport object representing the second port of the channel, the port attached to the context at the
other end of the channel.
... var channel = new messagechannel(); var para = document.queryselector('p'); var ifr = document.queryselector('iframe'); var
otherwindow = ifr.contentwindow; ifr.addeventlistener("load", iframeloaded, false); function iframeloaded() {
otherwindow.postmessage('hello from the main page!', '*', [channel.port2]); } channel.port1.onmessage = handlemessage; function handlemessage(e) { para.innerhtml = e.data; } for a full working example, see our channel messaging basic demo on github (run it live too).
Navigation Timing API - Web APIs
concepts and usage you can use the navigation timing api to gather performance data on the client side, which you can then transmit to a server using xmlhttprequest or
other techniques.
... the navigation timing api can be used to gather performance data on the client side to be sent to a server via xhr as well as measure data that was very difficult to measure by
other means such as time to unload a previous page, domain look up time, window.onload total time, etc.
... calculate page render time as an
other example of an interesting piece of data you can obtain using the navigation timing api that you can't
otherwise easily get, you can get the amount of time it took to render the page: const rendertime = perfdata.domcomplete - perfdata.domloading; this is obtained by starting with the time at which loading of the dom and its dependencies is complete (domcomplete) and subtracting from it the time ...
Node.textContent - Web APIs
syntax let text = somenode.textcontent some
othernode.textcontent = string value a string or null description the value of textcontent depends on the situation: if the node is a document or a doctype, textcontent returns null.
... for
other node types, textcontent returns the concatenation of the textcontent of every child node, excluding comments and processing instructions.
...it is impossible to insert the nodes again into any
other element or into the same element after doing so.
Node - Web APIs
the dom node interface is an abstract base class upon which many
other dom api objects are based, thus letting those object types to be used similarly and often interchangeably.
... node.comparedocumentposition() compares the position of the current node against an
other node in any
other document.
... node.getboxquads() returns a list of the node's css boxes relative to an
other node.
Notification.requestPermission() - Web APIs
// let's check if the browser supports notifications if (!("notification" in window)) { alert("this browser does not support desktop notification"); } // let's check whether notification permissions have already been granted else if (notification.permission === "granted") { // if it's okay let's create a notification var notification = new notification("hi there!"); } //
otherwise, we need to ask the user for permission else if (notification.permission !== "denied") { notification.requestpermission().then(function (permission) { // if the user accepts, let's create a notification if (permission === "granted") { var notification = new notification("hi there!"); } }); } // at last, if the user has denied notifications, and you /...
.../ want to be respectful there is no need to b
other them any more.
... } we no longer show a live sample on this page, as chrome and firefox no longer allow notification permissions to be requested from cross-origin <iframe>s, with
other browsers to follow.
Notification - Web APIs
// let's check if the browser supports notifications if (!("notification" in window)) { alert("this browser does not support desktop notification"); } // let's check whether notification permissions have already been granted else if (notification.permission === "granted") { // if it's okay let's create a notification var notification = new notification("hi there!"); } //
otherwise, we need to ask the user for permission else if (notification.permission !== "denied") { notification.requestpermission().then(function (permission) { // if the user accepts, let's create a notification if (permission === "granted") { var notification = new notification("hi there!"); } }); } // at last, if the user has denied notifications, and you /...
.../ want to be respectful there is no need to b
other them any more.
... } we no longer show a live sample on this page, as chrome and firefox no longer allow notification permissions to be requested from cross-origin <iframe>s, with
other browsers to follow.
Using the Notifications API - Web APIs
examples one of the most obvious use cases for web notifications is a web-based mail or irc application that needs to notify the user when a new message is received, even if the user is doing something else with an
other application.
...old versions of chrome didn't remove notifications automatically so you can do so after a settimeout() only for those legacy versions in order to not remove notifications from notification trays on
other browsers.
..." + i, {tag: 'somanynotification'}); if (i++ == 9) { window.clearinterval(interval); } }, 200); } //
otherwise, we can fallback to a regular modal alert else { alert("hi!"); } }); } // if the user refuses to get notified else { // we can fallback to a regular modal alert alert("hi!"); } }); }); see the live result below: specifications specification status comment notifications api living standard living ...
PaymentRequest.canMakePayment() - Web APIs
for instance, you might call canmakepayment() to determine if the browser will let the user pay using payment request api, and if it won't, you could fall back to an
other payment method, or offer a list of methods that aren't handled by payment request api (or even provide instructions for paying by mail or by phone).
... if (await supportsapplepay) { // show apple pay logo, for instance return; } //
otherwise...
... let's see if we can use basic card const supportsbasiccard = await new paymentrequest( [{ supportedmethods: "basic-card" }], details ).canmakepayment(); if (supportsbasiccard) { // show basic card support return; } //
otherwise, make payments using html form element } specifications specification status comment payment request apithe definition of 'canmakepayment()' in that specification.
performance.now() - Web APIs
the precision of the returned value is subject to change if/when the security concerns are alleviated through
other means.
... syntax t = performance.now(); example const t0 = performance.now(); dosomething(); const t1 = performance.now(); console.log(`call to dosomething took ${t1 - t0} milliseconds.`); unlike
other timing data available to javascript (for example date.now), the timestamps returned by performance.now() are not limited to one-millisecond resolution.
...
otherwise, performance.timing.navigationstart + performance.now() will be approximately equal to date.now().
Pinch zoom gestures - Web APIs
this example shows how to detect the pinch/zoom gesture, which uses pointer events to detect whether the user moves two pointers closer or farther apart from each
other.
...the pinch in (zoom out) gesture, which moves the two pointers toward each
other, changes the target element's background color to lightblue.
... the pinch out (zoom in) gesture, which moves the two pointers away from each
other, changes the target element's background color to pink.
ProgressEvent() - Web APIs
in
other words, it tells if the progress is measurable or not.
...when downloading a resource using http, this only represent the part of the content itself, not headers and
other overhead.
...when downloading a resource using http, this only represent the content itself, not headers and
other overhead.
ProgressEvent.initProgressEvent() - Web APIs
in
other words, it tells if the progress is measurable or not.
...when downloading a resource using http, this only represent the part of the content itself, not headers and
other overhead.
...when downloading a resource using http, this only represent the content itself, not headers and
other overhead.
ProgressEvent - Web APIs
in
other words, it tells if the progress is measurable or not.
...when downloading a resource using http, this only represent the part of the content itself, not headers and
other overhead.
...when downloading a resource using http, this only represent the content itself, not headers and
other overhead.
PublicKeyCredentialCreationOptions.extensions - Web APIs
also chrome doesn't plan to support any
other extension in future extension identifier type description authnsel array of buffersource authenticator selection.
...if no matching authenticator is available, the credential is still generated with an
other available authenticator.
...in
other words, this may be used server side to check if the current operation is based on the same biometric data that the previous authentication.
RTCConfiguration - Web APIs
a value of relay limits the candidates to those relayed through an
other server, such as a stun or turn server.
... note: in technical terms, a bundle lets all media flow between two peers flow across a single 5-tuple; that is, from a single ip and port on one peer to a single ip and port on the
other peer, using the same transport protocol.
...
otherwise, both the rtp and rtcp candidates are returned, separately.
RTCIceCandidate.address - Web APIs
address is null by default if not
otherwise specified.
... security notes it's important to note here that although webrtc does not require the two peers on an rtcpeerconnection to know one an
other's true ip addresses, the address property on rtcicecandidate can expose more information about the source of the remote peer than the user expects.
...cconfiguration, like this: var rtcconfig = { iceservers: [ { urls: "turn:myturn.server.ip", username: "username", credential: "password" } ], icetransportpolicy: "relay" } by setting rtcconfiguration.icetransportpolicy to "relay", any host candidates (candidates where the ip address is the peer's own ip address) are left out of the pool of candidates, as are any
other candidates which aren't relay candidates.
RTCIceCandidate - Web APIs
relatedaddress read only if the candidate is derived from an
other candidate, relatedaddress is a domstring containing that host candidate's ip address.
... relatedport read only for a candidate that is derived from an
other, such as a relay or reflexive candidate, the relatedport is a number indicating the port number of the candidate from which this candidate is derived.
...
otherwise, tcptype is null.
RTCPeerConnection.createAnswer() - Web APIs
return value a promise whose fulfillment handler is called with an object conforming to the rtcsessiondescriptioninit dictionary which contains the sdp answer to be delivered to the
other peer.
...this code comes from the handler for the message sent to carry an offer to an
other peer across the signaling channel.
...in this case, a websocket connection is used to send a json message with a type field with the value "video-answer" to the
other peer, carrying the answer to the device which sent the offer to connect.
RTCPeerConnection.setLocalDescription() - Web APIs
otherwise, setlocaldescription() creates an answer, which becomes the new local description.
... pc.addeventlistener("negotiationneeded", async (event) => { await pc.setlocaldescription(); signalremotepeer({ description: pc.localdescription }); });
other than error handling, that's about it!
...we can then send the newly-created offer along to the
other peer using the signaling server, which here is done by calling a function called signalremotepeer().
RTCPeerConnection.setRemoteDescription() - Web APIs
this is typically called after receiving an offer or answer from an
other peer over the signaling server.
... operationerror any errors that occur which don't match the
others specifeid here are reported as operationerror.
... on the
other hand, if we're in the middle of an ongoing negotiation and an offer is passed into setremotedescription(), the ice agent automatically begins an ice rollback in order to return the connection to a stable signaling state, then, once the rollback is completed, sets the remote description to the specified offer.
RTCRtpStreamStats.ssrc - Web APIs
you should not make any assumptions based on the value of ssrc
other than that any two objects with the same ssrc value refer to the same source.
...while not part of the standard, exactly, it is a good mechanism that may be used by some browsers;
others may use
other methods, such as random number generators.
... do not rely upon these values meaning anything
other than "these objects are associated with the same source." specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.ssrc' in that specification.
RTCSessionDescription() - Web APIs
this constructor has been deprecated because rtcpeerconnection.setlocaldescription() and
other methods which take sdp as input now directly accept an object conforming to the rtcsessiondescriptioninit dictionary, so you don't have to instantiate an rtcsessiondescription yourself.
...in
other words, this session description describes the agreed-upon configuration, and is being sent to finalize negotiation.
... this is no longer necessary, however; rtcpeerconnection.setlocaldescription() and
other methods which take sdp as input now directly accept an object conforming to the rtcsessiondescriptioninit dictionary, so you don't have to instantiate an rtcsessiondescription yourself.
RTCStatsReport - Web APIs
candidate pairs
other than the currently active pair for the transport are deleted when the rtcpeerconnection changes its rtcpeerconnection.icegatheringstate to new during an ice restart.
... the active candidate pair is deleted after the transport switches to an
other candidate pair; this change cannot be detected
otherwise.
...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
candidate pairs
other than the currently active pair for the transport are deleted when the rtcpeerconnection changes its rtcpeerconnection.icegatheringstate to new during an ice restart.
... the active candidate pair is deleted after the transport switches to an
other candidate pair; this change cannot be detected
otherwise.
...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.
ReadableStream.pipeThrough() - Web APIs
the pipethrough() method of the readablestream interface provides a chainable way of piping the current stream through a transform stream or any
other writable/readable pair.
... piping a stream will generally lock it for the duration of the pipe, preventing
other readers from locking it.
... syntax var transformedstream = readablestream.pipethrough(transformstream[, options]); parameters transformstream a transformstream (or an object with the structure {writable, readable}) consisting of a readable stream and a writable stream working together to transform some data from one form to an
other.
Request.cache - Web APIs
otherwise the resource will be downloaded from the server and the cache will be updated.
...
otherwise the resource will be downloaded from the server and the cache will be updated.
...new date(date).gettime() : 0 if (dt < (date.now() - 86400000)) { // if older than 24 hours controller.abort() controller = new abortcontroller(); return fetch("some.json", {cache: "reload", mode: "same-origin", signal: controller.signal}) } //
other possible conditions if (dt < (date.now() - 300000)) // if it's older than 5 minutes fetch("some.json", {cache: "no-cache", mode: "same-origin"}) // no cancellation or return value.
Request.mode - Web APIs
the associated mode, available values of which are: same-origin — if a request is made to an
other origin with this mode set, the result is simply an error.
... no-cors — prevents the method from being anything
other than head, get or post, and the headers from being anything
other than simple headers.
... however, for requests created
other than by the request.request constructor, no-cors is typically used as the mode; for example, for embedded resources where the request is initiated from markup, unless the crossorigin attribute is present, the request is in most cases made using the no-cors mode — that is, for the <link> or <script> elements (except when used with modules), or <img>, <audio>, <video>, <object>, <embed>, or <ifra...
Resize Observer API - Web APIs
concepts and usage there are a whole raft of use cases for responsive design techniques (and
others besides) that respond to changes in an element's size, but previously their implementations have often been hacky and/or brittle.
...the window resize event), then figure out what the new dimensions or
other features of the element after a resize using element.getboundingclientrect or window.getcomputedstyle, for example.
... usage is simple, and pretty much the same as
other observers, such as performance observer or intersection observer — you create a new resizeobserver object using the resizeobserver() constructor, then use resizeobserver.observe() to make it look for changes to a specific element's size.
Resource Timing API - Web APIs
the interface also includes
other properties that provide data about the size of the fetched resource as well as the type of resource that initiated the fetch.
... the properties which are returned as 0 by default when loading a resource from a domain
other than the one of the web page itself: redirectstart, redirectend, domainlookupstart, domainlookupend, connectstart, connectend, secureconnectionstart, requeststart, and responsestart.
...
other properties the nexthopprotocol property returns the network protocol used to fetch the resource.
Screen Capture API - Web APIs
this stream can then be recorded or shared with
others over the network.
... additions to existing dictionaries the screen capture api adds properties to the following dictionaries defined by
other specifications.
... feature policy validation user agents that support feature policy (either using http's feature-policy header or the <iframe> attribute allow) can specify a desire to use the screen capture api using the policy control directive display-capture: <iframe allow="display-capture" src="/some-
other-document.html"> the default allow list is self, which lets the any content within the document use screen capture.
Selection - Web APIs
however, browsers
other than gecko did not implement multiple ranges, and the specification also requires the selection to always have a single range.
... note: the selection api methods may only move focus to an editing host, not to
other focusable elements (e.g., <a>).
...t() selection.collapsetoend() selection.extend() selection.selectallchildren() selection.addrange() selection.setbaseandextent() and when the range is modified using the following methods: range.setstart() range.setend() range.setstartbefore() range.setstartafter() range.setendbefore() range.setendafter() range.collapse() range.selectnode() range.selectnodecontents() glossary
other key terms used in this section.
ServiceWorkerGlobalScope.skipWaiting() - Web APIs
use this method with clients.claim() to ensure that updates to the underlying service worker take effect immediately for both the current client and all
other active clients.
... example while self.skipwaiting() can be called at any point during the service worker's execution, it will only have an effect if there's a newly installed service worker that might
otherwise remain in the waiting state.
... self.skipwaiting(); // perform any
other actions required for your // service worker to install, potentially inside // of event.waituntil(); }); specifications specification status comment service workersthe definition of 'skipwaiting()' in that specification.
SubtleCrypto.encrypt() - Web APIs
the
other three encryption algorithms here are all symmetric algorithms, and they're all based on the same underlying cipher, aes (advanced encryption standard).
...gcm does provide built-in authentication, and for this reason it's often recommended over the
other two aes modes.
... one major difference between this mode and the
others is that gcm is an "authenticated" mode, which means that it includes checks that the ciphertext has not been modified by an attacker.
SubtleCrypto.unwrapKey() - Web APIs
as with subtlecrypto.importkey(), you specify the key's import format and
other attributes of the key to import details such as whether it is extractable, and which operations it can be used for.
... once we have the unwrapping key we pass it into unwrapkey() with the wrapped key and
other parameters.
... once we have the unwrapping key we pass it into unwrapkey() with the wrapped key and
other parameters.
TextRange - Web APIs
although it is well supported by ie, most
other browsers no longer support this property.
... textrange.setendpoint() sets the end point of the current range based on the bounds of
other textrange.
... however, in
other browsers, document does not have a so-called selection attribute - they operate on the selection through the standard selection api, that is, they get the selection object through the window.getselection() method, and use the standard range object to process the text fragment.
Touch events - Web APIs
other fingers may subsequently touch the surface and optionally move across the touch surface.
... note: the text below uses the term "finger" when describing the contact with the surface, but it could, of course, also be a stylus or
other contact method.
... handling canceled touches if the user's finger wanders into browser ui, or the touch
otherwise needs to be canceled, the touchcancel event is sent, and we call the handlecancel() function below.
WebGL2RenderingContext.copyBufferSubData() - Web APIs
the webgl2renderingcontext.copybuffersubdata() method of the webgl 2 api copies part of the data of a buffer to an
other buffer.
... gl.copy_read_buffer: buffer for copying from one buffer object to an
other (provided specifically for copy operations).
... gl.copy_write_buffer: buffer for copying from one buffer object to an
other (provided specifically for copy operations).
WebGLRenderingContext.bindBuffer() - Web APIs
when using a webgl 2 context, the following values are available additionally: gl.copy_read_buffer: buffer for copying from one buffer object to an
other.
... gl.copy_write_buffer: buffer for copying from one buffer object to an
other.
...an attempt to bind the buffer to an
other target will throw an invalid_operation error and the current buffer binding will remain the same.
WebGLRenderingContext.makeXRCompatible() - Web APIs
examples this example demonstrates code logic you might find in a game that starts up using webgl to display menus and
other ui, and uses webgl to render gameplay, but has a button on its main menu that offers an option to start the game in webxr mode.
...&& navigator.xr) { try { xrsession = await navigator.xr.requestsession("immersive-vr"); usingxr = true; } catch(err) { xrsession = null; usingxr = false; } } startgame(); } function startgame() { currentscene = "scene1"; loadsceneresources(currentscene); /* and so on */ } this works by having two buttons, one which starts the game normally and the
other which starts the game in vr mode.
... if the
other button was clicked, we ensure that xrsession is null and clear usingxr to false.
WebGL constants - Web APIs
returns true if it was, false
otherwise.
...eep 0x1e00 replace 0x1e01 incr 0x1e02 decr 0x1e03 invert 0x150a incr_wrap 0x8507 decr_wrap 0x8508 textures constants passed to webglrenderingcontext.texparameteri(), webglrenderingcontext.texparameterf(), webglrenderingcontext.bindtexture(), webglrenderingcontext.teximage2d(), and
others.
...x85b5 max_vertex_output_components 0x9122 max_fragment_input_components 0x9125 max_server_wait_timeout 0x9111 max_element_index 0x8d6b textures constants passed to webglrenderingcontext.texparameteri(), webglrenderingcontext.texparameterf(), webglrenderingcontext.bindtexture(), webglrenderingcontext.teximage2d(), and
others.
Matrix math for the web - Web APIs
using the identity matrix it should return a matrix identical to the original, since a matrix multiplied by the identity matrix is always equal to itself: // sets identityresult to [4,3,2,1] let identityresult = multiplymatrixandpoint(identitymatrix, [4, 3, 2, 1]); returning the same point is not very useful, but there are
other types of matrices that can perform helpful operations on points.
... an
other mind-bender is that matrix multiplication in webgl and css needs to happen in the reverse order that the operations intuitively happen.
...different coordinate spaces can be described with matrices, and some matrix multiplication will move one set of data from one coordinate space to an
other coordinate space.
Adding 2D content to a WebGL context - Web APIs
its job is to transform the input vertex from its original coordinate system into the clip space coordinate system used by webgl, in which each axis has a range from -1.0 to 1.0, regardless of aspect ratio, actual size, or any
other factors.
... the vertex shader must perform the needed transforms on the vertex's position, make any
other adjustments or calculations it needs to make on a per-vertex basis, then return the transformed vertex by saving it in a special variable provided by glsl, called gl_position.
...for more info on projection and
other matrixes you might find this article useful.
Using WebGL extensions - Web APIs
note: in webgl, unlike in
other gl apis, extensions are only available if explicitly requested.
... ext_: extensions that mirror
other opengl es or opengl api extensions.
...for example: var float_texture_ext = gl.getextension('oes_texture_float'); the return value is null if the extension is not supported, or an extension object
otherwise.
Improving compatibility using WebRTC adapter.js - Web APIs
there's no need to conditionally use prefixed apis or implement
other workarounds.
... what adapter.js does for each version of each browser that supports webrtc, adapter.js implements the needed polyfills, establishes the non-prefixed names of apis, and applies any
other changes needed to make the browser run code written to the webrtc specification.
...these are just a couple of examples; there are of course
other adjustments made for you by the shim.
WebRTC API - Web APIs
the set of standards that comprise webrtc makes it possible to share data and perform teleconferencing peer-to-peer, without requiring that the user installs plug-ins or any
other third-party software.
...adapter.js also handles prefixes and
other naming differences to make the entire webrtc development process easier, with more broadly compatible results.
...this event does not bubble (except where
otherwise stated) and is not cancelable (except where
otherwise stated).
Controlling multiple parameters with ConstantSourceNode - Web APIs
you simply need to create a constantsourcenode and connect it to all of the audioparams whose values should be linked to always match each
other.
...the
other oscillator has a fixed volume.
... finally, we connect all the gain nodes to the audiocontext's destination, so that any sound delivered to the gain nodes will reach the output, whether that output be speakers, headphones, a recording stream, or any
other destination type.
Visualizations with Web Audio API - Web APIs
one of the most interesting features of the web audio api is the ability to extract frequency, waveform, and
other data from your audio source, which can then be used to create visualizations.
...dow.webkitaudiocontext)(); var analyser = audioctx.createanalyser(); this node is then connected to your audio source at some point between your source and your destination, for example: source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(audioctx.destination); note: you don't need to connect the analyser's output to an
other node for it to work, as long as the input is connected to the source, either directly or via an
other node.
... the middle of the right hand side of the canvas, then draw the stroke we've defined: canvasctx.lineto(canvas.width, canvas.height/2); canvasctx.stroke(); }; at the end of this section of code, we invoke the draw() function to start off the whole process: draw(); this gives us a nice waveform display that updates several times a second: creating a frequency bar graph an
other nice little sound visualization to create is one of those winamp-style frequency bar graphs.
Web Locks API - Web APIs
while held, no
other script executing in the same origin can acquire the same lock, which allows a web app running in multiple tabs or workers to coordinate work and the use of resources.
...}); while a lock is held, requests for the same lock from this execution context, or from
other tabs/workers, will be queued.
...note that such deadlocks only affect the locks themselves and code depending on them; the browser,
other tabs, and
other script in the page is not affected.
Using the Web Speech API - Web APIs
this accepts as parameters the string we want to add, plus optionally a weight value that specifies the importance of this grammar in relation of
other grammars available in the list (can be from 0 to 1 inclusive.) the added grammar is available in the list as a speechgrammar object instance.
...we also set a few
other properties of the recognition instance before we move on: speechrecognition.continuous: controls whether continuous results are captured (true), or just a single result each time recognition is started (false).
...try ' + colorhtml + '.'; document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } receiving and handling results once the speech recognition is started, there are many event handlers that can be used to retrieve results, and
other pieces of surrounding information (see the speechrecognition event handlers list.) the most common one you'll probably use is speechrecognition.onresult, which is fired once a successful result is received: recognition.onresult = function(event) { var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; cons...
Using the Web Storage API - Web APIs
we have also provided an event output page — if you load this page in an
other tab, then make changes to your choices in the landing page, you'll see the updated storage information outputted as a storageevent is fired.
...this won't work on the same page that is making the changes — it is really a way for
other pages on the domain using the storage to sync any changes that are made.
... pages on
other domains can't access the same storage objects.
Web Workers API - Web APIs
worker()) that runs a named javascript file — this file contains the code that will run in the worker thread; workers run in an
other global context that is different from the current window.
... in addition to dedicated workers, there are
other types of worker: shared workers are workers that can be utilized by multiple scripts running in different windows, iframes, etc., as long as they are in the same domain as the worker.
...they are intended, among
other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
Privileged features - Web APIs
mozilla 1.2+ and netscape 7.1 will render the
other menu system commands (in ff 1.0 and in ns 7.0x, the command system menu is not identified with the firefox/ns 7.0x icon on the left end of the titlebar: that's probably a bug.
... alwaysraised if on, the new window will always be displayed on top of
other browser windows, regardless of whether it is active or not.
... alwaysontop if on, the new window will always be displayed on top of all
other windows (browser windows and
otherwise), regardless of whether it is active or not.
Window.requestAnimationFrame() - Web APIs
note: your callback routine must itself call requestanimationframe() if you want to animate an
other frame at the next repaint.
... be sure to always use the first argument (or some
other method for getting the current time) to calculate how much the animation will progress in a frame,
otherwise the animation will run faster on high refresh rate screens.
...this is a non-zero value, but you may not make any
other assumptions about its value.
Window.showModalDialog() - Web APIs
options is an optional string specifying window ornamentation for the dialog, using one or more semicolon delimited values: syntax description center: {on | off | yes | no | 1 | 0 } if on, yes, or 1, the dialog window is centered on the desktop;
otherwise it's hidden.
... resizable: {on | off | yes | no | 1 | 0 } if this argument's value is on, yes, or 1, the dialog window can be resized by the user;
otherwise its size is fixed.
... scroll: {on | off | yes | no | 1 | 0 } if on, yes, or 1, the dialog window has scroll bars;
otherwise its size is fixed.
WindowOrWorkerGlobalScope.queueMicrotask() - Web APIs
the microtask is a short function which will run after the current task has completed its work and when there is no
other code waiting to be run before control of the execution context is returned to the browser's event loop.
... this lets your code run without interfering with any
other, potentially higher priority, code that is pending, but before the browser regains control over the execution context, potentially depending on work you need to complete.
... microtasks are especially useful for libraries and frameworks that need to perform final cleanup or
other just-before-rendering tasks.
XRBoundedReferenceSpace.boundsGeometry - Web APIs
theoretically, a more advanced system might use sensors or
other detection methods to determine the bounds of a dedicated xr room (notice how we carefully don't call it a holodeck?).
...in
other words, the bounds are the physical limitations of the available space, shifted so that the reference space's bounds points are all defined relative to the xrboundedreferencespace's effective origiin.
... although some samples render a mesh or
other shape to display the bounds to the user, in a real-world application, you shouldn't do this.
XRView.eye - Web APIs
none the xrview describes a monoscopic view, or the view
otherwise doesn't represent a particular eye's point-of-view.
...for dynamically-rendered 3d content, you can usually ignore this and simply render each of the viewer's views, one after an
other.
...
otherwise, we don't.
ARIA live regions - Accessibility
for regions which are not important, or would be annoying because of rapid updates or
other reasons, silence them with aria-live="off".
...thus, moving down in the list and selecting an
other planet will not announce updates in the live region.
... here is a screenshot of voiceover on mac announcing the update (via subtitles) to the live region: preferring specialized live region roles in the following well-known predefined cases it is better to use a specific provided "live region role": role description compatibility notes log chat, error, game or
other type of log to maximize compatibility, add a redundant aria-live="polite" when using this role.
ARIA: document role - Accessibility
generally placed within an application role or
other interactive widget role, the document role is used to indicate a section of a complex composit widget that an assistive technology user should read using its browse or virtual reading mode, if available.
... in contrast to the article role, the document role does not have any relation to
other elements with a document role, it merely has a relationship to the containing composit widget.
...
other values include the default undefined which means the document is not collapsible.
ARIA: feed role - Accessibility
an
other feature of the feed pattern is skim reading: articles within a feed can contain both an accessible name with the aria-label and a description with an aria-describedby, suggesting to screen readers which elements to speak after the label when navigating by article.
... if a feed is nested within a feed, such as a comments feed within a feed of blog posts, the convention is to tab into the nested feed with the tab key and to provide an
other key, such as alt + page down, to navigate from an 'outer' article to the first item in that article's nested feed.
...each article should have an aria-labelledby referring to the article title or
other child that can serve as a distinguishing label.
ARIA: figure role - Accessibility
a figure is generally considered to be one or more images, code snippets, or
other content that puts across information in a different way to a regular flow of text.
... description any content that should be grouped together and consumed as a figure (which could include images, video, audio, code snippets, or
other content) can be identified as a figure using role="figure".
...you should make sure that it is accessible just like any
other content.
ARIA: Region role - Accessibility
it is used to provide a generic landmark for people to be able to navigate to easily when none of the
other landmark roles are appropriate.
...a region role is a more generic term, and should only be used if the section needing to be identified is not accurately described by one of the
other landmark roles, such as banner, main, contentinfo, complementary, or navigation.
... only use the region role if no
other relevant content sectioning element or landmark role applies.
ARIA: tab role - Accessibility
the common user experience pattern is a group of visual tabs above, or to the side of, a content area, and selecting a different tab changes the content and makes the selected tab more prominent than the
other tabs.
... when working with elements with the tab role, when they are selected or active, they should have their aria-selected attribute set to true,
otherwise it should be set to false.
... when a tab is selected or active, its controlled tabpanel should have its aria-expanded and hidden attributes set to true,
otherwise they should be set to false.
An overview of accessible web applications and widgets - Accessibility
roles describe widgets that aren't
otherwise available in html 4, such as sliders, menu bars, tabs, and dialogs.
...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 na...
...javascript to update the aria-checked attribute var showtip = function(el) { el.setattribute('aria-hidden', 'false'); } role changes aria allows developers to declare a semantic role for an element that
otherwise offers incorrect or no semantics.
Keyboard-navigable JavaScript widgets - Accessibility
with the tabindex global attribute, authors can make
other elements focusable, too.
...tabindex="-1") yes no; author must focus the element with focus() in response to arrow or
other key presses.
...to do this: bind a key down handler to each element in the group, and when an arrow key is used to move to an
other element: programmatically apply focus to the new element, update the tabindex of the focused element to "0", and update the tabindex of the previously focused element to "-1".
Color contrast - Accessibility
having good color contrast on your site benefits all your users, but it is particularly beneficial to users with certain types of color blindness and
other similar conditions, who experience low contrast, and have trouble differentiating between similar colors.
... this is because they don't see bright and dark areas as readily as those without such conditions, and therefore have trouble seeing edges, borders, and
other details.
... "good" <div> has a light purple background, which makes the text easy to read: example1 <div class="good"> good contrast </div> div { font-family: sans-serif; text-align: center; font-size: 2rem; font-weight: bold; width: 250px; padding: 30px; border-radius: 20px; box-shadow: 1px 1px 1px black; } .good { background-color: #fae6fa; } the "bad" <div> on the
other hand has a very dark purple background, which makes the text much harder to read: example2 <div class="bad"> bad contrast </div> div { font-family: sans-serif; text-align: center; font-size: 2rem; font-weight: bold; width: 250px; padding: 30px; border-radius: 20px; box-shadow: 1px 1px 1px black; } .bad { background-color: #400064; } solution when choos...
-webkit-mask-composite - CSS: Cascading Style Sheets
the -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one an
other.
... source-in overlapping pixels in the source mask image and the destination mask image are replaced by the pixels of the source mask image; all
other pixels are cleared.
... destination-in overlapping pixels in the source mask image and the destination mask image remain the pixels of the destination mask image; all
other pixels are cleared.
-webkit-mask-repeat-y - CSS: Cascading Style Sheets
round as the allowed vertical space increases in size, the repeated images will stretch (leaving no gaps) until there is room for an
other one to be added.
...example: an image with an original height of 260px, repeated three times, might stretch until each repetition is 300px high, and then an
other image will be added.
... formal definition initial valuerepeatapplies toall elementsinheritednocomputed valuefor <length> the absolute value,
otherwise a percentageanimation typediscrete formal syntax repeat | no-repeat | space | round examples using a repeating or non-repeating mask image .exampleone { -webkit-mask-image: url('mask.png'); -webkit-mask-repeat-y: repeat; } .exampletwo { -webkit-mask-image: url('mask.png'); -webkit-mask-repeat-y: no-repeat; } using multiple mask images you can specify a different <repeat-style> for each mask image, separated by commas: .examplethree { -webkit-mask-image: url('mask1.png'), url('mask2.png'); -webkit-mask-repeat-y: repeat, space; } each image is matched with the corresponding repeat style, from first ...
@media - CSS: Cascading Style Sheets
syntax the @media at-rule may be placed at the top level of your code or nested inside any
other conditional group at-rule.
... /* at the top level of your code */ @media screen and (min-width: 900px) { article { padding: 1rem 3rem; } } /* nested within an
other conditional at-rule */ @supports (display: flex) { @media screen and (min-width: 900px) { article { display: flex; } } } for a discussion of media query syntax, please see using media queries.
... makes the syntax more flexible by adding, among
other things, the or keyword.
Box alignment in Multi-column Layout - CSS: Cascading Style Sheets
using a value of justify-content
other than normal or stretch will cause column boxes to display at the column-width specified on the multicol container, and the remaining space distributed according to the value of justify-content.
... column-gap the column-gap property was specified in earlier versions of the multiple-column layout specification, and has now been unified with the gap properties for
other layout methods in box alignment.
... while
other layout methods treat the initial value of column-gap as 0 multicol treats it as 1em, as in general you would not want to have no gap between columns.
CSS Box Alignment - CSS: Cascading Style Sheets
center start end self-start self-end flex-start for flexbox only flex-end for flexbox only left right
other than the physical values of left and right, which relate to physical attributes of the screen, all of the
other values are logical values and relate to the writing mode of the content.
...the alignment subjects are baseline aligned against each
other by adding padding inside the boxes.
... also, be aware that
other things may increase the visual gap displayed, for example using the space distribution keywords or adding margins to items.
Color picker tool - CSS: Cascading Style Sheets
you can also test colors and how they overlap one an
other by dragging them into the box at the bottom of the tool and moving them over one an
other.
... adjust their relative z index values to move them forward and behind one an
other.
... the generated colors you create above can be used anywhere color is used in css and html, unless
otherwise noted.
Spanning and Balancing Columns - CSS: Cascading Style Sheets
things to watch out for if the spanning element is inside an
other element which has margins, padding and a border or a background color, it is possible to end up with the top of the box appearing above the spanner and the rest displaying below, as shown in the next example.
...the image cannot break and so goes into the first column and the
other columns fill with equal amounts of text.
... the
other value for column-fill is auto.
Basic Concepts of grid layout - CSS: Cascading Style Sheets
control of overlapping content more than one item can be placed into a grid cell or area and, they can partially overlap each
other.
... grid is a powerful specification that, when combined with
other parts of css such as flexbox, can help you create layouts that were previously impossible to build in css.
...the
other items will place themselves into empty spaces on the grid.
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
if you have two paragraphs on your page they display one below the
other, so it is this direction we describe as the block axis.
... once again the default is stretch,
other than for items with an intrinsic aspect ratio.
... "a a b" "c d d"; align-content: space-between; justify-content: space-around; } .item1 { grid-area: a; } .item2 { grid-area: b; } .item3 { grid-area: c; } .item4 { grid-area: d; } <div class="wrapper"> <div class="item1">item 1</div> <div class="item2">item 2</div> <div class="item3">item 3</div> <div class="item4">item 4</div> </div> alignment and auto margins an
other way to align items inside their area, is to use auto margins.
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
if you reorder things visually using grid layout, this will not change how the items are ordered if the content is being read out by a screen reader, or
other text to speech user agent.
... grid and the danger of markup flattening an
other issue to be aware of in css grid layout and to a lesser extent in css flexbox, is the temptation to flatten markup.
...for more information about this interaction see the guide on the relationship of grid layout to
other layout methods and the section on display: contents.
Consistent list indentation - CSS: Cascading Style Sheets
this often leads to frustration, because what works in one browser often doesn't have the same effect in an
other.
...this list item has no marker (
otherwise known as a "bullet") and is not yet part of a list itself.
... gecko, on the
other hand, sets a left padding of 40 pixels for the <ul> element, so given the exact same styles as were used to produce figure 5, loading the example into a gecko-based browser gives us figure 6.
Understanding CSS z-index - CSS: Cascading Style Sheets
in the most basic cases, html pages can be considered two-dimensional, because text, images, and
other elements are arranged on the page without overlapping.
... in this case, there is a single rendering flow, and all elements are aware of the space taken by
others.
...in addition to their horizontal and vertical positions, boxes lie along a "z-axis" and are formatted one on top of the
other.
Center an element - CSS: Cascading Style Sheets
in this recipe you will see how to center one box inside an
other.
... requirements to place an item into the center of an
other box horizontally and vertically.
... recipe download this example choices made to center one box inside an
other we make the containing box a flex container.
Shorthand properties - CSS: Cascading Style Sheets
shorthand properties are css properties that let you set the values of multiple
other css properties simultaneously.
...the keyword inherit can be applied to a property, but only as a whole, not as a keyword for one value or an
other.
... unset resets the property to its natural value, which means that if the property is naturally inherited it acts like inherit,
otherwise it acts like initial.
Specificity - CSS: Cascading Style Sheets
the !important exception when an important rule is used on a style declaration, this declaration overrides any
other declarations.
... how to override !important a) add an
other css rule with !important, and either give the selector a higher specificity (adding a tag, id or class to the selector), or add a css rule with the same selector at a later point than the existing one.
... tree proximity ignorance the proximity of an element to
other elements that are referenced in a given selector has no impact on specificity.
Value definition syntax - CSS: Cascading Style Sheets
a component can be a keyword, some characters considered as a literal, or a value of a given css data type or of an
other css property.
... juxtaposition placing several keywords, literals or data types, next to one an
other, only separated by one or several spaces, is called juxtaposition.
... exclamation point (!) the exclamation point multiplier after a group indicates that the group is required, and must produce at least one value; even if the grammar of the items within the group would
otherwise allow the entire contents to be omitted, at least one component value must not be omitted.
Viewport concepts - CSS: Cascading Style Sheets
if you query the width or height of the window and document in chrome or firefox, you may get: document.documentelement.clientwidth /* 1200 */ window.innerwidth /* 1200 */ window.outerwidth /* 1200 */ document.documentelement.clientheight /* 800 */ window.innerheight /* 800 */ window.outerheight /* 900 */ there are several dom properties that can help you query viewport size, and
other similar lengths: the document element's element.clientwidth is the inner width of a document in css pixels, including padding (but not borders, margins, or vertical scrollbars, if present).
... the visual viewport is the visual portion of a screen not including on-screen keyboards, areas outside of a pinch-zoom area, or
other feature that doesn't scale with the dimensions of a page.
...there are
other properties, including maximum-scale, minimum-scale, and user-scalable, which control whether users can zoom the page in or out, but the default values are the best for accessibility and user experience, so these can be omitted.
align-items - CSS: Cascading Style Sheets
ent (for positional alignment only) */ align-items: safe center; align-items: unsafe center; /* global values */ align-items: inherit; align-items: initial; align-items: unset; values normal the effect of this keyword is dependent of the layout mode we are in: in absolutely-positioned layouts, the keyword behaves like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
... start the items are packed flush to each
other toward the start edge of the alignment container in the appropriate axis.
... end the items are packed flush to each
other toward the end edge of the alignment container in the appropriate axis.
align-self - CSS: Cascading Style Sheets
normal the effect of this keyword is dependent of the layout mode we are in: in absolutely-positioned layouts, the keyword behaves like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
... formal definition initial valueautoapplies toflex items, grid items, and absolutely-positioned boxesinheritednocomputed valueauto computes to itself on absolutely-positioned elements, and to the computed value of align-items on the parent (minus any legacy keywords) on all
other boxes, or start if the box has no parent.
...
otherwise the specified value.animation typediscrete formal syntax auto | normal | stretch | <baseline-position> | <overflow-position>?
animation - CSS: Cascading Style Sheets
the order within each animation definition is also important for distinguishing animation-name values from
other keywords.
... when parsed, keywords that are valid for properties
other than animation-name, and whose values were not found earlier in the shorthand, must be accepted for those properties rather than for animation-name.
... furthermore, when serialized, default values of
other properties must be output in at least the cases necessary to distinguish an animation-name that could be a value of an
other property, and may be output in additional cases.
aspect-ratio - CSS: Cascading Style Sheets
the aspect-ratio css property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some
other layout functions.
... syntax aspect-ratio: 1 / 1; /* global values */ aspect-ratio: inherit; aspect-ratio: initial; aspect-ratio: unset; values <auto> replaced elements with an intrinsic aspect ratio use that aspect ratio,
otherwise the box has no preferred aspect ratio.
... formal definition initial valueautoapplies toall elements except inline boxes and internal ruby or table boxesinheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | <ratio> examples mapping width and height to aspect-ratio firefox has added an internal aspect-ratio property (in version 69 onwards) that applies to replaced elements and
other related elements that accept width and height attributes.
border-inline-end - CSS: Cascading Style Sheets
related properties are border-block-start, border-block-end, and border-inline-start, which define the
other borders of the element.
...itial valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to an
otherapplies toall elementsinheritednocomputed valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenb...
...itial valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to an
otherapplies toall elementsinheritednocomputed valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenb...
box-shadow - CSS: Cascading Style Sheets
if any pair of input shadows has one inset and the
other not inset, the entire shadow list is uninterpolable.
...it also applies to ::first-letter.inheritednocomputed valueany length made absolute; any specified color computed;
otherwise as specifiedanimation typea shadow list formal syntax none | <shadow>#where <shadow> = inset?
...had we put in a border-radius of any
other value, the corners would have been rounded.
contain - CSS: Cascading Style Sheets
definition initial valuenoneapplies toall elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax none | strict | content | [ size | layout | style | paint ] examples simple layout the markup below consists of a number of articles, each with content: <h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> </article> <article> <h2>an
other heading of an
other article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> each <article> and <img> is given a border, and the images are floated: img { float: left; border: 3px solid black; } article { border: 1px solid black; } float interference if we were to insert an
other image at the bottom of the first article, a large portion of the dom tree ...
...may be re-laid out or repainted, and this would also interfere with the layout of the second article: <h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> <img src="i-just-showed-up.jpg" alt="social"> </article> <article> <h2>an
other heading of an
other article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> img { float: left; border: 3px solid black; } article { border: 1px solid black; } as you can see, because of the way floats work, the first image ends up inside the area of the second article: fixing with contain if we give each article the contain property with a value of content, when new elements are inserted the browser understands it only needs to recalculate the containing element's subtree, and no...
...t anything outside it: <h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> <img src="i-just-showed-up.jpg" alt="social"> </article> <article> <h2>an
other heading of an
other article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> img { float: left; border: 3px solid black; } article { border: 1px solid black; contain: content; } this also means that the first image no longer floats down to the second article, and instead stays inside it's containing element's bounds: specifications specification status comment css containment module level 1the definition of 'contain' in that specification.
content - CSS: Cascading Style Sheets
/* keywords that cannot be combined with
other values */ content: normal; content: none; /* <image> values */ content: url("http://www.example.com/test.png"); content: linear-gradient(#e66465, #9198e5); /* alt text for generated content, added in the level 3 specification */ content: url("http://www.example.com/test.png") / "this is the alt text"; /* values below can only be applied to generated content using ::before and ::after */ /* <string> value */ content: "prefix"; /* <counter> values */ content: counter(chapter_counter); content: counters(section_counter, "."); /* attr() value linked to the html attribute value */ content: attr(value s...
...
otherwise, for uri values, the absolute uri; for attr() values, the resulting string; for
other keywords, as specified.animation typediscrete formal syntax normal | none | [ <content-replacement> | <content-list> ] [/ <string> ]?where <content-replacement> = <image><content-list> = [ <string> | contents | <image> | <quote> | <target> | <leader()> ]+where <image> = <url> | <image()> | <image-set()> | ...
... html <h1>5</h1> <p>according to sir tim berners-lee, <q cite="http://www.w3.org/people/berners-lee/faq.html#internet">i was lucky enough to invent the web at the time when the internet already existed - and had for a decade and a half.</q> we must understand that there is nothing fundamentally wrong with building on the contributions of
others.
direction - CSS: Cascading Style Sheets
use rtl for languages written from right to left (like hebrew or arabic), and ltr for those written from left to right (like english and most
other languages).
... syntax /* keyword values */ direction: ltr; direction: rtl; /* global values */ direction: inherit; direction: initial; direction: unset; values ltr text and
other elements go from left to right.
... rtl text and
other elements go from right to left.
env() - CSS: Cascading Style Sheets
as the spec evolves, it may also be usable in
other places such as selectors.
... note: unlike
other css properties, user agent-defined property names are case-sensitive.
... this is because the accompanying css is the equivalent of <code>padding: 0 0 0 50px</code>, because, unlike
other css properties, user agent property names are case-sensitive.
font-family - CSS: Cascading Style Sheets
it is often convenient to use the shorthand property font to set font-size and
other font related properties all at once.
... cursive glyphs in cursive fonts generally have either joining strokes or
other cursive characteristics beyond those of italic typefaces.
...because typographic traditions vary widely across the world, this generic is provided for typefaces that don't map cleanly into the
other generics.
font-size - CSS: Cascading Style Sheets
ems an
other way of setting the font size is with em values.
... em and ex units on the font-size property are relative to the parent element's font size (unlike all
other properties, where they're relative to the font size on the element).
...in
other words, it lets you specify a font size in a relative fashion without being affected by the size of the parent, thereby eliminating compounding.
grid-row - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: grid-row-end grid-row-start syntax /* keyword values */ grid-row: auto; grid-row: auto / auto; /* <custom-ident> values */ grid-row: somegridarea; grid-row: somegridarea / some
othergridarea; /* <integer> + <custom-ident> values */ grid-row: somegridarea 4; grid-row: 4 somegridarea / 6; /* span + <integer> + <custom-ident> values */ grid-row: span 3; grid-row: span somegridarea; grid-row: 5 somegridarea span; grid-row: span 3 / 6; grid-row: span somegridarea / span some
othergridarea; grid-row: 5 somegridarea span / 2 span; /* global values */ grid-row: inherit; grid-row: i...
... note: named grid areas automatically generate implicit named lines of this form, so specifying grid-row: foo; will choose the start/end edge of that named grid area (unless an
other line named foo-start/foo-end was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
<image> - CSS: Cascading Style Sheets
description css can handle the following kinds of images: images with intrinsic dimensions (a natural size), like a jpeg, png, or
other raster format.
...(in this case, the intrinsic dimensions will be those of the image largest in area and the aspect ratio most similar to the containing box.) images with no intrinsic dimensions but with an intrinsic aspect ratio between its width and height, like an svg or
other vector format.
...ement(#realid) /* a part of the webpage, referenced with the element() function, if "realid" is an existing id on the page */ image(ltr 'arrow.png#xywh=0,0,16,16', red) /* a section 16x16 section of <url>, starting from the top, left of the original image as long as arrow.png is a supported image,
otherwise a solid red swatch.
linear-gradient() - CSS: Cascading Style Sheets
if specified, it consists of the word to and up to two keywords: one indicates the horizontal side (left or right), and the
other the vertical side (top or bottom).
...the
other values are translated into an angle.
...for this reason, linear-gradient() won't work on background-color and
other properties that use the <color> data type.
margin-inline-end - CSS: Cascading Style Sheets
in
other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.
...ute length */ margin-inline-end: 1em; /* relative to the text size */ margin-inline-end: 5%; /* relative to the nearest block container's width */ /* keyword values */ margin-inline-end: auto; /* global values */ margin-inline-end: inherit; margin-inline-end: initial; margin-inline-end: unset; it relates to margin-block-start, margin-block-end, and margin-inline-start, which define the
other margins of the element.
... formal definition initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting inline end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the defini...
mask-size - CSS: Cascading Style Sheets
the image is automatically centered unless over-ridden by an
other property such as mask-position.
... if mask-size has one auto component and one non-auto component: if the image has an intrinsic proportion, then render it using the specified dimension and compute the
other dimension from the specified dimension and the intrinsic proportion.
...for the
other dimension, use the image's corresponding intrinsic dimension if there is one.
mask - CSS: Cascading Style Sheets
it is therefore recommended to use the mask shorthand rather than
other shorthands or the individual properties to override any mask settings earlier in the cascade.
...ayer image (see the text for background-position)computed valueas each of the properties of the shorthand:mask-image: as specified, but with <url> values made absolutemask-mode: as specifiedmask-repeat: consists of two keywords, one per dimensionmask-position: consists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>),
otherwise as a percentage.mask-clip: as specifiedmask-origin: as specifiedmask-size: as specified, but with relative lengths converted into absolute lengthsmask-composite: as specifiedanimation typeas each of the properties of the shorthand:mask-image: discretemask-mode: discretemask-repeat: discretemask-position: repeatable list of simple list of length, percentage, or calcmask-clip: discretemask-orig...
...e><linear-color-stop> = <color> <color-stop-length>?<linear-color-hint> = <length-percentage><angular-color-stop> = <color> && <color-stop-angle>?<angular-color-hint> = <angle-percentage>where <color-stop-length> = <length-percentage>{1,2}<color-stop-angle> = <angle-percentage>{1,2}<angle-percentage> = <angle> | <percentage> examples masking an image .target { mask: url(#c1) luminance; } .an
othertarget { mask: url(resources.svg#c1) 50px 30px/10px 10px repeat-x exclude; } specifications specification status comment css masking module level 1the definition of 'mask' in that specification.
max() - CSS: Cascading Style Sheets
the expressions can be math expressions (using arithmetic operators), literal values, or
other expressions, such as attr(), that evaluate to a valid argument type (like <length>), or nested min() and max() functions.
... it is permitted to nest min() and
other max() functions as expression values.
... formal syntax max( <calc-sum># )where <calc-sum> = <calc-product> [ [ '+' | '-' ] <calc-product> ]*where <calc-product> = <calc-value> [ '*' <calc-value> | '/' <number> ]*where <calc-value> = <number> | <dimension> | <percentage> | ( <calc-sum> ) examples setting a minimum size for a font an
other use case for css functions is allow a font size to grow while ensuring it is at least a mimum size, enabling responsive font sizes while ensuring legibility.
outline-color - CSS: Cascading Style Sheets
unlike the element's border, the outline is drawn outside the element's frame, and may overlap
other content.
... the border, on the
other hand, will actually alter the page's layout to ensure that it fits without overlapping anything else (unless you explicitly set it to overlap).
... webaim: color contrast checker mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.3 | w3c understanding wcag 2.0 formal definition initial valueinvert, for browsers supporting it, currentcolor for the
otherapplies toall elementsinheritednocomputed valuefor the keyword invert, the computed value is invert.
overflow-wrap - CSS: Cascading Style Sheets
the overflow-wrap css property applies to inline elements, setting whether the browser should insert line breaks within an
otherwise unbreakable string to prevent text from overflowing its line box.
... anywhere to prevent overflow, an
otherwise unbreakable string of characters — like a long word or url — may be broken at any point if there are no
otherwise-acceptable break points in the line.
... break-word the same as the anywhere value, with normally unbreakable words allowed to be broken at arbitrary points if there are no
otherwise acceptable break points in the line, but soft wrap opportunities introduced by the word break are not considered when calculating min-content intrinsic sizes.
overflow - CSS: Cascading Style Sheets
otherwise, both overflow-x and overflow-y are set to the same value.
... specifying a value
other than visible (the default) creates a new block formatting context.
... setting one axis to visible (the default) while setting the
other to a different value results in visible behaving as auto.
place-self - CSS: Cascading Style Sheets
normal the effect of this keyword is dependent of the layout mode we are in: in absolutely-positioned layouts, the keyword behaves like start on replaced absolutely-positioned boxes, and as stretch on all
other absolutely-positioned boxes.
...inition initial valueas each of the properties of the shorthand:align-self: autojustify-self: autoapplies toblock-level boxes, absolutely-positioned boxes, and grid itemsinheritednocomputed valueas each of the properties of the shorthand:align-self: auto computes to itself on absolutely-positioned elements, and to the computed value of align-items on the parent (minus any legacy keywords) on all
other boxes, or start if the box has no parent.
...
otherwise the specified value.justify-self: as specifiedanimation typediscrete formal syntax <'align-self'> <'justify-self'>?
pointer-events - CSS: Cascading Style Sheets
none the element is never the target of pointer events; however, pointer events may target its descendant elements if those descendants have pointer-events set to some
other value.
...when a mouse cursor is over the interior (i.e., 'fill') of the element and the fill property is set to a value
other than none, or when a mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value
other than none.
...the mouse cursor is over the interior (i.e., 'fill') of the element and the fill property is set to a value
other than none, or when the mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value
other than none.
<position> - CSS: Cascading Style Sheets
if only a single offset value is specified, it defines the x-coordinate, with the value for the
other axis defaulting to center.
... /* 1-value syntax */ keyword /* either the horizontal or vertical position; the
other axis defaults to center */ value /* the position on the x-axis; the y-axis defaults to 50% */ /* 2-value syntax */ keyword keyword /* a keyword for each direction (the order is irrelevant) */ keyword value /* a keyword for horizontal position, value for vertical position */ value keyword /* a value for horizontal position, keyword for vertical position */ value value /* a value for each direction (horizontal then vertical) */ /* 4-value syntax */ keyword value keyword value /* each value is an offset from the keyword that preceeds it */ formal syntax [ [ left | center | right ] || [ top | center | bottom ] | [ left | cente...
...this is not allowed in
other properties that use <position>.
repeat() - CSS: Cascading Style Sheets
otherwise, as its minimum track sizing function, and taking grid-gap into account.
...
otherwise, if the grid container has a definite minimal size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement.
...
otherwise, the specified track list repeats only once.
repeating-conic-gradient() - CSS: Cascading Style Sheets
its concrete size will match the size of the element it applies to, or the size the <image> is set to if it's set to something
other than the element's size.
...for this reason, repeating-conic-gradient() won't work on background-color and
other properties that use the <color> data type.
...while it is possible to create pie charts, checkerboards, and
other effects with conic gradients, css images provide no native way to assign alternative text, and therefore the image represented by the conic gradient will not be accessible to screen reader users.
repeating-linear-gradient() - CSS: Cascading Style Sheets
for this reason, repeating-linear-gradient() won't work on background-color and
other properties that use the <color> data type.
...if specified, it consists of the word to and up to two keywords: one indicates the horizontal side (left or right), and the
other the vertical side (top or bottom).
...the
other values are translated into an angle.
right - CSS: Cascading Style Sheets
when both left and right are defined, if not prevented from doing so by
other properties, the element will stretch to satisfy both.
... formal definition initial valueautoapplies topositioned elementsinheritednopercentagesrefer to the width of the containing blockcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length, percentage or calc(); formal syntax <length> | <percentage> | auto examples absolute and relative positioning using right html <div id="relative">relatively positioned</div> <div id="absolute">absolutely positioned</div> css #relative { width: 100px; height: 100px; background-color: #ffc7e4; position: relative; top: 20px; left: 20px; } #absol...
...ute { width: 100px; height: 100px; background-color: #ffd7c2; position: absolute; bottom: 10px; right: 20px; } result declaring both left and right when both left and right are declared, the element will stretch to meet both, unless
other constraints prevent it from doing so.
shape-outside - CSS: Cascading Style Sheets
otherwise, the reference box defaults to margin-box.
... in all
other cases no interpolation occurs.
... formal definition initial valuenoneapplies tofloatsinheritednocomputed valueas defined for <basic-shape> (with <shape-box> following, if supplied), the <image> with its uri made absolute,
otherwise as specified.animation typeyes, as specified for <basic-shape>,
otherwise no formal syntax none | <shape-box> | <basic-shape> | <image>where <shape-box> = <box> | margin-box<basic-shape> = <inset()> | <circle()> | <ellipse()> | <polygon()> | <path()><image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <box> = border-box | padding-box | content-box<inset()> = inset( <length-percentage>{1,4} [ round <'border-radius'> ]?
vertical-align - CSS: Cascading Style Sheets
line</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 an
other 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; } td { padding: 0.5em; font-family: monospace; } note that vertical-align only applies to inline, inline-block and table-cell elements: you can't use it to vertically align block-level element...
... values for table cells baseline (and sub, super, text-top, text-bottom, <length>, and <percentage>) aligns the baseline of the cell with the baseline of all
other cells in the row that are baseline-aligned.
...it also applies to ::first-letter and ::first-line.inheritednopercentagesrefer to the line-height of the element itselfcomputed valuefor percentage and length values, the absolute length,
otherwise the keyword as specifiedanimation typea length formal syntax baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length> examples basic example html <div>an <img src="https://udn.realityripple.com/samples/b4/e1f0faff5b.svg" alt="link" width="32" height="32" /> image with a default alignment.</div> <div>an <img class="top" src="https://udn.realityrip...
Cross-browser audio basics - Developer guides
preload the preload attribute allows you to specify a preference for how the browser preloads the audio, in
other words, which part of the file it downloads when the <audio> element is initialized, and before the play button is pressed.
... media playing events we also have an
other set of events that are useful for reacting to the state of the media playback.
... = document.getelementbyid('progress'); progress.addeventlistener('click', function(e) { // calculate the normalized position clicked var clickposition = (e.pagex - this.offsetleft) / this.offsetwidth; var clicktime = clickposition * myaudio.duration; // move the playhead to the correct position myaudio.currenttime = clicktime; }); buffering ok, we're getting there, but there is an
other piece of useful information we can display: the amount of audio has been buffered or downloaded in advance.
Live streaming web audio and video - Developer guides
this file sits on a server and can be delivered — like most
other files — to the browser.
... important: although the <audio> and <video> tags are protocol agnostic, no browser currently supports anything
other than http without requiring plugins, although this looks set to change.
... protocols
other than http may also be subject to blocking from firewalls or proxy servers.
Challenge solutions - Developer guides
see css color value for a complete list as well as
other ways of specifying colors.
... selectors second paragraph blue challenge without changing your html file, add a single rule to your css file that keeps all the initial letters the same color as they are now, but makes all the
other text in the second paragraph blue.
... solution change the selector of the new rule to be a tag selector using p: p { color: blue; } the rules for the
other colors all have more specific selectors, so they override the blue of the paragraph.
Event developer guide - Developer guides
the window in which the browser is displayed can trigger events; for example, change size if the user maximizes the window or
otherwise changes it.
... there are many
other sources of events defined by web browsers for which pages are not yet available in this guide.
...t the coordinate systems at play and how you use them.overview of events and handlersevents and event handling provide a core technique in javascript for reacting to incidents occurring when a browser accesses a web page, including events from preparing a web page for display, from interacting with the content of the web page, relating to the device on which the browser is running, and from many
other causes such as media stream playback or animation timing.touch events (mozilla experimental)the experimental touch events api described on this page was available from gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) to gecko/firefox 17.
HTML5 Parser - Developer guides
in
other words, in supporting html5, gecko, webkit, and internet explorer (ie) will behave more consistently with each
other.
...with the html5 parser, calls to document.write() in any
other context either are ignored or replace the document.
...however, unclosed comments often already break in existing browsers for one reason or an
other, so it's unlikely that you have this issue in sites that are tested in multiple browsers.
disabled - HTML: Hypertext Markup Language
if declared on an <optgroup>, the select is still interactive (unless
otherwise disabled), but none of the items in the option group are selectable.
... firefox will, unlike
other browsers, persist the dynamic disabled state of a <button> across page loads.
...additionally, since the elements become immutable, most
other attributes, such as pattern, have no effect, until the control is enabled.
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
each <abbr> element you use is independent from all
others; providing a title for one does not automatically attach the same expansion text to
others with the same content text.
... default styling the purpose of this element is purely for the convenience of the author and all browsers display it inline (display: inline) by default, though its default styling varies from one browser to an
other: some browsers, like internet explorer, do not style it differently than a <span> element.
... opera, firefox, and some
others add a dotted underline to the content of the element.
<b>: The Bring Attention To element - HTML: Hypertext Markup Language
the html bring attention to element (<b>) is used to draw the reader's attention to the element's contents, which are not
otherwise granted special importance.
... usage notes use the <b> for cases like keywords in a summary, product names in a review, or
other spans of text whose typical presentation would be boldfaced (but not including any special importance).
...the <b> element doesn't convey such special semantic information; use it only when no
others fit.
<base>: The Document Base URL element - HTML: Hypertext Markup Language
permitted parents a <head> that doesn't contain an
other <base> element.
... if either of the following attributes are specified, this element must come before
other elements with attribute values of urls, such as <link>’s href attribute.
... usage notes multiple <base> elements if multiple <base> elements are used, only the first href and first target are obeyed — all
others are ignored.
<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
some
other characters (such as spaces and some punctuation) are treated as neutral and are assigned directionality based on that of their surrounding characters.
... though the same visual effect can be achieved using the css rule unicode-bidi: isolate on a <span> or an
other text-formatting element, html authors should not use this approach because it is not semantic and browsers are allowed to ignore css styling.
... implicit aria role no corresponding role permitted aria roles any dom interface htmlelement attributes like all
other html elements, this element supports the global attributes, except that the dir attribute behaves differently than normal: it defaults to auto, meaning its value is never inherited from the parent element.
<dfn>: The Definition element - HTML: Hypertext Markup Language
the element must still have text within it, but that text may be an abbreviation (perhaps using <abbr>) or an
other form of the term.
...
otherwise, the text content of the <dfn> element is the term being defined.
... if the <dfn> element has a title attribute, it must contain the term being defined and no
other text.
<input type="date"> - HTML: Hypertext Markup Language
only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
...oded (as they are always the same), while the day and year values are dynamically generated depending on the currently selected month and year, and the current year (see the code comments below for detailed explanations of how these functions work.) span { padding-left: 5px; } input:invalid + span::after { content: '✖'; } input:valid + span::after { content: '✓'; } javascript the
other part of the code that may be of interest is the feature detection code — to detect whether the browser supports <input type="date">.
<input type="image"> - HTML: Hypertext Markup Language
when the user interacts with the image, the input is handled like any
other button input.
...also, if you specify only one dimension, the
other is automatically adjusted so that the image maintains its original aspect ratio.
...this, of course, applies to all
other attributes as well.
<input type="search"> - HTML: Hypertext Markup Language
you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
... you must remember to set a name for your input,
otherwise nothing will be submitted.
<input type="tel"> - HTML: Hypertext Markup Language
you should also include
other explanatory text nearby.
...it is not as semantically useful as
other ways to explain your form, and can cause unexpected technical issues with your content.
...while the specific user experience may vary from one browser to an
other, typically clicking in the edit box presents a drop-down of the suggested email addresses.
<input type="week"> - HTML: Hypertext Markup Language
only values which are equal to the basis for stepping (min if specified, value
otherwise, and an appropriate default value if neither of those is provided) are valid.
... a string value of any means that no stepping is implied, and any value is allowed (barring
other constraints, such as min and max).
... 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; } input:valid+span:after { position: absolute; content: '✓'; padding-left: 5px; } the
other part of the code that may be of interest is the feature detection code.
<label> - HTML: Hypertext Markup Language
<input type="checkbox" name="peas"> </label>
other usage notes: the form control that the label is labeling is called the labeled control of the label element.
...if there are
other elements which also match the id value, later in the document, they are not considered.
...no labelable elements
other than the labeled control are allowed.
<main> - HTML: Hypertext Markup Language
example <!--
other content --> <main> <h1>apples</h1> <p>the apple is the pomaceous fruit of the apple tree.</p> <article> <h2>red delicious</h2> <p>these bright red apples are the most common found in many supermarkets.</p> <p>...
...</p> </article> </main> <!--
other content --> accessibility concerns landmark the <main> element behaves like a main landmark role.
... building websites for safari reader mode and
other reading apps.
<p>: The Paragraph element - HTML: Hypertext Markup Language
paragraphs are block-level elements, and notably will automatically close if an
other block-level element is parsed before the closing </p> tag.
...the end tag may be omitted if the <p> element is immediately followed by an <address>, <article>, <aside>, <blockquote>, <div>, <dl>, <fieldset>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hr>, <menu>, <nav>, <ol>, <pre>, <section>, <table>, <ul> or an
other <p> element, or if there is no more content in the parent element and the parent element is not an <a> element.
...screen-readers and
other assistive technology provide shortcuts to let their users skip to the next or previous paragraph, letting them skim content like how white space lets visual users skip around.
<select>: The HTML Select element - HTML: Hypertext Markup Language
note: according to the html5 specification, the default value for size should be 1; however, in practice, this has been found to break some web sites, and no
other browser currently does that, so mozilla has opted to continue to return 0 for the time being with firefox.
... however, these properties don't produce a consistent result across browsers, and it is hard to do things like line different types of form element up with one an
other in a column.
... implicit aria role combobox with no multiple attribute and no size attribute greater than 1,
otherwise listbox permitted aria roles menu with no multiple attribute and no size attribute greater than 1,
otherwise no role permitted dom interface htmlselectelement specifications specification status comments html living standardthe definition of '<select>' in that specification.
accesskey - HTML: Hypertext Markup Language
the attribute value must consist of a single printable character (which includes accented and
other characters that can be generated by the keyboard).
...ie/edge uses the first one it supports without problems, provided there are no conflicts with
other commands.
...what may work for one combination of operating system, assistive technology, and browser may not work with
other combinations.
itemscope - HTML: Hypertext Markup Language
a global identifier allows the item to relate to
other items found on pages across the web.
...="image" src="https://udn.realityripple.com/samples/60/d063c361c1.jpg" width="50" height="50" /> <p> by <span itemprop="author" itemscope itemtype="http://schema.org/person"> <span itemprop="name">carol smith</span> </span> </p> <p> published: <time datetime="2009-11-05" itemprop="datepublished">november 5, 2009</time> </p> <span itemprop="description">this is my grandm
other's apple pie recipe.
... structured data itemscope itemtype recipe itemprop name grandma's holiday apple pie itemprop image https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg itemprop datepublished 2009-11-05 itemprop description this is my grandm
other's apple pie recipe.
Quirks Mode and Standards Mode - HTML: Hypertext Markup Language
earlier versions of the html standard recommended
other variants, but all existing browsers today will use full standards mode for this doctype, even the dated internet explorer 6.
...if you do use an
other doctype, you may risk choosing one which triggers almost standards mode or quirks mode.
...older versions of the html standard gave additional meaning to the doctype, but no browser has ever used the doctype for anything
other than switching between quirks mode and standards mode.
Evolution of HTTP - HTTP
<html> a very simple html page </html> unlike subsequent evolutions, there were no http headers, meaning that only html files could be transmitted, but no
other type of documents.
... with the help of the new http headers, the ability to transmit
other documents than plain html files has been added (thanks to the content-type header).
... in addition to these large extensions, numerous
other headers have been added, sometimes experimentally only.
Compression in HTTP - HTTP
if text can typically have as much as 60% redundancy, this rate can be much higher for some
other media like audio and video.
... unlike text, these
other media types use lot of space to store their data and the need to optimize storage and regain space was apparent very early.
... to do this, http uses a mechanism similar to the content negotiation for end-to-end compression: the node transmitting the request advertizes its will using the te header and the
other node chooses the adequate method, applies it, and indicates its choice with the transfer-encoding header.
Accept-Language - HTTP
this header is a hint to be used when the server has no way of determining the language via an
other way, like a specific url, that is controlled by an explicit user decision.
...the content of the accept-language is often out of the control of the user (like when traveling and using an internet cafe in a different country); the user may also want to visit a page in an
other language than the locale of their user interface.
...
other variants like the type of orthography ('de-de-1996') are usually not used in the context of this header.
CSP: base-uri - HTTP
syntax one or more sources can be allowed for the base-uri policy: content-security-policy: base-uri <source>; content-security-policy: base-uri <source> <source>; sources while this directive uses the same arguments as
other csp directives, some of them don’t make sense for `<base>`, such as the keywords 'unsafe-inline' and 'strict-dynamic' <source> can be one of the following: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...unlike
other values below, single quotes shouldn't be used.
...it is critical to provide an unguessable nonce, as bypassing a resource’s policy is
otherwise trivial.
Expect - HTTP
the only expectation defined in the specification is expect: 100-continue, to which the server shall respond with: 100 if the information contained in the header is sufficient to cause an immediate success, 417 (expectation failed) if it cannot meet the expectation; or any
other 4xx status
otherwise.
... no common browsers send the expect header, but some
other clients such as curl do so by default.
... header type request header forbidden header name yes syntax no
other expectations except "100-continue" are specified currently.
If-Match - HTTP
for put and
other non-safe methods, it will only upload the resource in this case.
... for
other methods, and in particular for put, if-match can be used to prevent the lost update problem.
... it can check if the modification of a resource that the user wants to upload will not override an
other change that has been done since the original resource was fetched.
If-None-Match - HTTP
for
other methods, the request will be processed only if the eventually existing resource's etag doesn't match any of the values listed.
... for
other methods, and in particular for put, if-none-match used with the * value can be used to save a file not known to exist, guaranteeing that an
other upload didn't happen before, losing the data of the previous put; this problem is a variation of the lost update problem.
...they are only useful when uploading a resource, usually with put, to check if an
other resource with the identity has already been uploaded before.
Referrer-Policy - HTTP
origin-when-cross-origin send the origin, path, and query string when performing a same-origin request, but only send the origin of the document for
other cases.
... examples policy document navigation to referrer no-referrer https://example.com/page anywhere (no referrer) no-referrer-when-downgrade https://example.com/page https://example.com/
otherpage https://example.com/page https://mozilla.org https://example.com/page http://example.org (no referrer) origin https://example.com/page anywhere https://example.com/ origin-when-cross-origin https://example.com/page https://example.com/
otherpage https://example.com/page https://mozilla.org https://example.com/ ...
...http://example.com/page https://example.com/ same-origin https://example.com/page https://example.com/
otherpage https://example.com/page https://mozilla.org (no referrer) strict-origin https://example.com/page https://mozilla.org https://example.com/ http://example.org (no referrer) http://example.com/page anywhere http://example.com/ strict-origin-when-cross-origin https://example.com/page https://example.com/
otherpage https://example.com/page https://mozilla.org https://example.com/ http://example.org (no referrer) unsafe-url https://example.com/page?q=123 anywhere https://example.com/page?q=123 specifying a fallback policy if you want to specify a ...
X-Frame-Options - HTTP
sites can use this to avoid click-jacking attacks, by ensuring that their content is not embedded into
other sites.
... header type response header forbidden header name no syntax there are two possible directives for x-frame-options: x-frame-options: deny x-frame-options: sameorigin directives if you specify deny, not only will attempts to load the page in a frame fail when loaded from
other sites, attempts to do so will fail when loaded from the same site.
... on the
other hand, if you specify sameorigin, you can still use the page in a frame as long as the site including it in a frame is the same as the one serving the page.
HTTP
it was designed for communication between web browsers and web servers, but it can also be used for
other purposes.
...web pages today very commonly load cross-site resources, including css stylesheets, images, scripts, and
other resources.
...custom proprietary headers can be added using the x- prefix;
others in an iana registry, whose original content was defined in rfc 4229.
Introduction - JavaScript
for example, server-side extensions allow an application to communicate with a database, provide continuity of information from one invocation to an
other of the application, or perform file manipulations on a server.
... javascript and java javascript and java are similar in some ways but fundamentally different in some
others.
... prevent code snippets executed in the console from interacting with one-an
other (e.g., having something created in one console execution being used for a different console execution).
Loops and iteration - JavaScript
you can think of a loop as a computerized version of the game where you tell someone to take x steps in one direction, then y steps in an
other.
...there are various situations that are more easily served by one type of loop over the
others.
...make sure the condition in a loop eventually becomes false—
otherwise, the loop will never terminate!
Public class fields - JavaScript
this is useful for caches, fixed-configuration, or any
other data you don't need to be replicated across instances.
... class classwithstaticfield { static basestaticfield = 'base static field' static an
otherbasestaticfield = this.basestaticfield static basestaticmethod() { return 'base static method output' } } class subclasswithstaticfield extends classwithstaticfield { static substaticfield = super.basestaticmethod() } console.log(classwithstaticfield.an
otherbasestaticfield) // expected output: "base static field" console.log(subclasswithstaticfield.substaticfield) // expected output: "base...
... class classwithinstancefield { baseinstancefield = 'base field' an
otherbaseinstancefield = this.baseinstancefield baseinstancemethod() { return 'base method output' } } class subclasswithinstancefield extends classwithinstancefield { subinstancefield = super.baseinstancemethod() } const base = new classwithinstancefield() const sub = new subclasswithinstancefield() console.log(base.an
otherbaseinstancefield) // expected output: "base field" console.log(sub.sub...
Classes - JavaScript
you first need to declare your class and then access it,
otherwise code like the following will throw a referenceerror: const p = new rectangle(); // referenceerror class rectangle {} class expressions a class expression is an
other way to define a class.
... strict mode the body of a class is executed in strict mode, i.e., code written here is subject to stricter syntax for increased performance, some
otherwise silent errors will be thrown, and certain keywords are reserved for future versions of ecmascript.
... sub classing with extends the extends keyword is used in class declarations or class expressions to create a class as a child of an
other class.
TypeError: invalid arguments - JavaScript
typed array constructors require either a length, an
other typed array, array-like objects, iterable objects or an arraybuffer object to create a new typed array.
...
other constructor arguments will not create a valid typed array.
... var ta = new uint8array("nope"); // typeerror: invalid arguments different ways to create a valid uint8array: // from a length var uint8 = new uint8array(2); uint8[0] = 42; console.log(uint8[0]); // 42 console.log(uint8.length); // 2 console.log(uint8.bytes_per_element); // 1 // from an array var arr = new uint8array([21,31]); console.log(arr[1]); // 31 // from an
other typedarray var x = new uint8array([21, 31]); var y = new uint8array(x); console.log(y[0]); // 21 // from an arraybuffer var buffer = new arraybuffer(8); var z = new uint8array(buffer, 1, 4); // from an iterable var iterable = function*(){ yield* [1,2,3]; }(); var uint8 = new uint8array(iterable); // uint8array[1, 2, 3] ...
TypeError: cannot use 'in' operator to search for 'x' in 'y' - JavaScript
the javascript exception "right-hand side of 'in' should be an object" occurs when the in operator was used to search in strings, or in numbers, or
other primitive types.
...you can't search in strings, or in numbers, or
other primitive types.
... examples searching in strings unlike in
other programming languages (e.g.
Array.prototype.findIndex() - JavaScript
otherwise, it returns -1, indicating that no element passed the test.
...
otherwise, -1.
... edge case alert: unlike
other array methods such as array.some(), callback is run even for indexes with unassigned values.
Array.isArray() - JavaScript
return value true if the value is an array;
otherwise, false.
... description if the value is an array, true is returned;
otherwise, false is.
... polyfill running the following code before any
other code will create array.isarray() if it's not natively available.
Array - JavaScript
other methods (e.g., push(), splice(), etc.) also result in updates to an array's length property.
... array.isarray() returns true if the argument is an array, or false
otherwise.
... instance methods array.prototype.concat() returns a new array that is this array joined with
other array(s) and/or value(s).
FinalizationRegistry - JavaScript
any behavior you observe in one engine may be different in an
other engine, in an
other version of the same engine, or even in a slightly different situation with the same version of the same engine.
...sources of variability include: one object might be garbage-collected much sooner than an
other object, even if they become unreachable at the same time, e.g., due to generational collection.
...cleanup callbacks may be useful for reducing memory usage across the course of a program, but are unlikely to be useful
otherwise.
Intl.PluralRules() constructor - JavaScript
the following properties fall into two groups: minimumintegerdigits, minimumfractiondigits, and maximumfractiondigits in one group, minimumsignificantdigits and maximumsignificantdigits in the
other.
... var pr = new intl.pluralrules(); pr.select(0); // → '
other' if in us english locale pr.select(1); // → 'one' if in us english locale pr.select(2); // → '
other' if in us english locale using options the results can be customized using the options argument, which has one property called type which you can set to ordinal.
... var pr = new intl.pluralrules('en-us', { type: 'ordinal' }); pr.select(0); // → '
other' pr.select(1); // → 'one' pr.select(2); // → 'two' pr.select(3); // → 'few' pr.select(4); // → '
other' pr.select(42); // → 'two' specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.pluralrules() constructor' in that specification.
Map - JavaScript
nan is considered the same as nan (even though nan !== nan) and all
other values are considered equal according to the semantics of the === operator.
...
other operations on the data fail: wrongmap.has('bla') // false wrongmap.delete('bla') // false console.log(wrongmap) // map { bla: 'blaa', bla2: 'blaaa2' } the correct usage for storing data in the map is through the set(key, value) method.
...even though every nan is not equal to itself (nan !== nan is true), the following example works because nans are indistinguishable from each
other: let mymap = new map() mymap.set(nan, 'not a number') mymap.get(nan) // "not a number" let
othernan = number('foo') mymap.get(
othernan) // "not a number" iterating map with for..of maps can be iterated using a for..of loop: let mymap = new map() mymap.set(0, 'zero') mymap.set(1, 'one') for (let [key, value] of mymap) { console.log(key + ' = ' + value) } // 0 = zero // 1 = one for (let ...
NaN - JavaScript
in
other words, it is a variable in global scope.
..."foo"/3) examples testing against nan nan compares unequal (via ==, !=, ===, and !==) to any
other value -- including to an
other nan value.
... true however, do note the difference between isnan() and number.isnan(): the former will return true if the value is currently nan, or if it is going to be nan after it is coerced to a number, while the latter will return true only if the value is currently nan: isnan('hello world'); // true number.isnan('hello world'); // false additionally, some array methods cannot find nan, while
others can.
Object.defineProperty() - JavaScript
e('d'); // true o.propertyisenumerable(symbol.for('e')); // true o.propertyisenumerable(symbol.for('f')); // false var p = { ...o } p.a // 1 p.b // undefined p.c // undefined p.d // 4 p[symbol.for('e')] // 5 p[symbol.for('f')] // undefined configurable attribute the configurable attribute controls at the same time whether the property can be deleted from the object and whether its attributes (
other than value and writable) can be changed.
... var o = {}; o.a = 1; // is equivalent to: object.defineproperty(o, 'a', { value: 1, writable: true, configurable: true, enumerable: true }); // on the
other hand, object.defineproperty(o, 'a', { value: 1 }); // is equivalent to: object.defineproperty(o, 'a', { value: 1, writable: false, configurable: false, enumerable: false }); custom setters and getters the example below shows how to implement a self-archiving object.
... function myclass() { } var value; object.defineproperty(myclass.prototype, "x", { get() { return value; }, set(x) { value = x; } }); var a = new myclass(); var b = new myclass(); a.x = 1; console.log(b.x); // 1 this can be fixed by storing the value in an
other property.
Object.prototype.__proto__ - JavaScript
(that is, if the constructor didn't return an
other object explicitly, or the fun.prototype has been reassigned since the instance was created.) the __proto__ setter allows the [[prototype]] of an object to be mutated.
...providing any
other value will do nothing.
...if some
other __proto__ property is found before object.prototype is consulted, that property will hide the one found on object.prototype.
Promise() constructor - JavaScript
therefore, the code within the executor has the opportunity to perform some operation and then reflect the operation's outcome(if the value is not an
other promise object) as either "fulfilled" or "rejected" by terminating with an invocation of either the resolutionfunc or the rejectionfunc, respectively.
... resolutionfunc(value) // call on fulfilled rejectionfunc(reason) // call on rejected the returned value can be an
other promise object, in which case the promise gets dynamically inserted into the chain.
...note that if you call resolutionfunc or rejectionfunc and pass an
other promise object as an argument, you can say that it is "resolved", but still cannot be said to be "settled".
Promise.all() - JavaScript
a pending promise in all
other cases.
...it is typically used when there are multiple asynchronous tasks that are dependent on one an
other to complete successfully, as it does not wait and will reject immediately upon any of the input promises rejecting.
... rejection if any of the passed-in promises reject, promise.all asynchronously rejects with the value of the promise that rejected, whether or not the
other promises have resolved.
Promise.any() - JavaScript
a pending promise in all
other cases.
...it short-circuits after a promise fulfils, so it does not wait for the
other promises to complete once it finds one.
... fulfilment if any of the passed-in promises fulfil, the returned promise asynchronously fulfils with the value of the promise that fulfilled, whether or not the
other promises have fulfilled or rejected.
Comparing Reflect and Object methods - JavaScript
returns undefined if it does not exist, and a typeerror if anything
other than an object (a primitive) is passed in as the first argument.
...throws a typeerror if the prototype being set was anything
other than an object or null, or if the prototype for the object being modified is non-extensible.
...throws a typeerror if the target passed in was not an object, or if the prototype being set was anything
other than an object or null.
Reflect.getOwnPropertyDescriptor() - JavaScript
it returns a property descriptor of the given property if it exists on the object, undefined
otherwise.
... return value a property descriptor object if the property exists in target object;
otherwise, undefined.
... description the reflect.getownpropertydescriptor method returns a property descriptor of the given property if it exists in the target object, undefined
otherwise.
RegExp() constructor - JavaScript
as of es5, this can also be an
other regexp object or literal (for the two regexp constructor notations only).
...in
other words, match the beginning or end of each line (delimited by \n or \r), not only the very beginning or end of the whole input string.
...use the constructor function when you know the regular expression pattern will be changing, or you don't know the pattern and are getting it from an
other source, such as user input.
RegExp - JavaScript
use the constructor function when you know the regular expression pattern will be changing, or you don't know the pattern and obtain it from an
other source, such as user input.
... flags in constructor starting with ecmascript 6, new regexp(/ab+c/, 'i') no longer throws a typeerror ("can't supply flags when constructing one regexp from an
other") when the first argument is a regexp and the second flags argument is present.
... to match characters from
other languages such as cyrillic or hebrew, use \uhhhh, where hhhh is the character's unicode value in hexadecimal.
String.prototype.includes() - JavaScript
the includes() method determines whether one string may be found within an
other string, returning true or false as appropriate.
...(defaults to 0.) return value true if the search string is found anywhere within the given string;
otherwise, false if not.
... description this method lets you determine whether or not a string includes an
other string.
Symbol.for() - JavaScript
otherwise a new symbol gets created in the global symbol registry with this key.
... return value an existing symbol with the given key if found;
otherwise, a new symbol is created and returned.
...l.for('foo'); // create a new global symbol symbol.for('foo'); // retrieve the already created symbol // same global symbol, but not locally symbol.for('bar') === symbol.for('bar'); // true symbol('bar') === symbol('bar'); // false // the key is also used as the description var sym = symbol.for('mario'); sym.tostring(); // "symbol(mario)" to avoid name clashes with your global symbol keys and
other (library code) global symbols, it might be a good idea to prefix your symbols: symbol.for('mdn.foo'); symbol.for('mdn.bar'); specifications specification ecmascript (ecma-262)the definition of 'symbol.for' in that specification.
TypedArray.prototype.every() - JavaScript
return value true if the callback function returns a truthy value for every array element;
otherwise, false.
...
otherwise, if callback returned a true value for all elements, every will return true.
...
otherwise, the value undefined will be passed for use as its this value.
TypedArray.prototype.find() - JavaScript
otherwise undefined is returned.
... return value a value in the array if an element passes the test;
otherwise, undefined.
...
otherwise, find returns undefined.
TypedArray.prototype.some() - JavaScript
return value true if the callback function returns a truthy value for any array element;
otherwise, false.
...
otherwise, some returns false.
...
otherwise, the value undefined will be passed for use as its this value.
isNaN() - JavaScript
return value true if the given value is nan;
otherwise, false.
... description the necessity of an isnan function unlike all
other possible values in javascript, it is not possible to rely on the equality operators (== and ===) to determine whether a value is nan or not, because both nan == nan and nan === nan evaluate to false.
... for example, dividing zero by zero results in a nan — but dividing
other numbers by zero does not.
parseInt() - JavaScript
if no signs are found, the algorithm moves to the following step;
otherwise, it removes the sign and runs the number-parsing on the rest of the string.
... if the input string begins with any
other value, the radix is 10 (decimal).
...t('f', 16) parseint('17', 8) parseint(021, 8) parseint('015', 10) // but `parseint(015, 10)` will return 13 parseint(15.99, 10) parseint('15,123', 10) parseint('fxx123', 16) parseint('1111', 2) parseint('15 * 3', 10) parseint('15e2', 10) parseint('15px', 10) parseint('12', 13) the following examples all return nan: parseint('hello', 8) // not a number at all parseint('546', 2) // digits
other than 0 or 1 are invalid for binary radix the following examples all return -15: parseint('-f', 16) parseint('-0f', 16) parseint('-0xf', 16) parseint(-15.1, 10) parseint('-17', 8) parseint('-15', 10) parseint('-1111', 2) parseint('-15e1', 10) parseint('-12', 13) the following examples all return 4.
Standard built-in objects - JavaScript
other objects in the global scope are either created by the user script or provided by the host application.
... eval() uneval() isfinite() isnan() parsefloat() parseint() encodeuri() encodeuricomponent() decodeuri() decodeuricomponent() deprecated escape() unescape() fundamental objects these are the fundamental, basic objects upon which all
other objects are based.
... intl intl.collator intl.datetimeformat intl.listformat intl.numberformat intl.pluralrules intl.relativetimeformat intl.locale webassembly webassembly webassembly.module webassembly.instance webassembly.memory webassembly.table webassembly.compileerror webassembly.linkerror webassembly.runtimeerror
other arguments ...
Less than (<) - JavaScript
the less than operator (<) returns true if the left operand is less than the right operand, and false
otherwise.
...
otherwise javascript attempts to convert non-numeric types to numeric values: boolean values true and false are converted to 1 and 0 respectively.
...
otherwise the values are compared as numeric values.
Spread syntax (...) - JavaScript
without spread syntax, this is done as: const arr1 = [0, 1, 2]; const arr2 = [3, 4, 5]; // append all items from arr2 onto arr1 arr1 = arr1.concat(arr2); with spread syntax this becomes: let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; arr1 = [...arr1, ...arr2]; // arr1 is now [0, 1, 2, 3, 4, 5] // note: not to use const
otherwise, it will give typeerror (invalid assignment) array.prototype.unshift() is often used to insert an array of values at the start of an existing array.
...when merging 2 objects together with the spread operator, it is assumed an
other iterating function is used when the merging occurs.
... spread syntax (
other than in the case of spread properties) can be applied only to iterable objects: const obj = {'key1': 'value1'}; const array = [...obj]; // typeerror: obj is not iterable spread with many values when using spread syntax for function calls, be aware of the possibility of exceeding the javascript engine's argument length limit.
yield* - JavaScript
the yield* expression is used to delegate to an
other generator or iterable object.
... examples delegating to an
other generator in following code, values yielded by g1() are returned from next() calls just like those which are yielded by g2().
...eld* g1(); yield 5; } const iterator = g2(); console.log(iterator.next()); // {value: 1, done: false} console.log(iterator.next()); // {value: 2, done: false} console.log(iterator.next()); // {value: 3, done: false} console.log(iterator.next()); // {value: 4, done: false} console.log(iterator.next()); // {value: 5, done: false} console.log(iterator.next()); // {value: undefined, done: true}
other iterable objects besides generator objects, yield* can also yield
other kinds of iterables (e.g., arrays, strings, or arguments objects).
block - JavaScript
a block statement (or compound statement in
other languages) is used to group zero or more statements.
... description the block statement is often called compound statement in
other languages.
...in
other words, block statements do not introduce a scope.
let - JavaScript
the
other difference between var and let is that the latter is initialized to a value only when a parser evaluates it (see below).
...oo = 2; } the temporal dead zone and typeof unlike with simply undeclared variables and variables that hold a value of undefined, using the typeof operator to check for the type of a variable in that variable's temporal dead zone will throw a referenceerror: // prints out 'undefined' console.log(typeof undeclaredvariable); // results in a 'referenceerror' console.log(typeof i); let i = 10; an
other example of temporal dead zone combined with lexical scoping due to lexical scoping, the identifier foo inside the expression (foo + 55) evaluates to the if block's foo, and not the overlying variable foo with the value of 33.
... console.log(n); // object {a: [1,2,3]} for (let n of n.a) { // referenceerror console.log(n); } } go({a: [1, 2, 3]});
other situations when used inside a block, let limits the variable's scope to that block.
var - JavaScript
duplicate variable declarations using var will not trigger an error, even in strict mode, and the variable will not lose its value, unless an
other assignment is performed.
...fails silently
otherwise.
...fails silently
otherwise.
<semantics> - MathML
the <semantics> element acts as a container element associating annotations and must have child elements (it will raise an invalid markup error
otherwise).
... the rules of determining the visible child in a <semantics> element are the following: if no rule
other rule applies: by default only the first child is rendered, which is supposed to be presentation markup.
... if the first child is a presentation mathml element
other than <annotation> or <annotation-xml>, render the first child.
MathML documentation index - MathML
html becomes verbose when your document contains advanced structures like lists or tables but fortunately there are many generators from simple notations, wysiwyg editors and
other content management systems to help writing web pages.
...in addition you must not nest a second <math> element in an
other, but you can have an arbitrary number of
other child elements in it.
...the first child is the label whereas all
other children are representing row contents and are treated identically to children of <mtr> elements.
Progressive web app structure - Progressive web apps (PWAs)
pwas can be built using any approach you like, but some will work better than the
others.
...in addition to the basic shell, you can add
other features such as add to home screen or push notifications, safe in the knowledge that the app will still work ok if they are not supported by the user's browser — this is the beauty of progressive enhancement.
...it provides fine-grained control — the stream can be started, chained with an
other stream, cancelled, checked for errors, and more.
Progressive web apps (PWAs)
pwa can be thought of as similar to ajax or
other similar patterns that encompass a set of application attributes, including use of specific web technologies and techniques.
...it describes the name of the app, the start url, icons, and all of the
other details necessary to transform the website into an app-like format.
... everything below this point is left over from the old version of this page and will be revamped as
other content is overhauled.
begin - SVG: Scalable Vector Graphics
the element's animation start time is defined relative to the begin or active end of an
other animation.
... a valid syncbase-value consists of an id reference to an
other animation element followed by a dot and either begin or end to identify whether to synchronize with the beginning or active end of the referenced animation element.
... value <begin-value-list> default value 0s animatable no the definition of <begin-value-list> is the same as for the
other animation elements.
display - SVG: Scalable Vector Graphics
any value
other than none or inherit indicates that the given element will be rendered by the browser.
...this means that any child of an element with display="none" will never be rendered even if the child has a value for display
other than none.
... the display attribute only affects the direct rendering of a given element, whereas it does not prevent elements from being referenced by
other elements.
dominant-baseline - SVG: Scalable Vector Graphics
others only re-establish the baseline-table font-size.
...
otherwise, if the writing-mode is vertical, then the value of the dominant-baseline component is central.
... if the computed baseline-shift value actually shifts the baseline, then the baseline-table font-size component is set to the value of the font-size attribute on the element on which the dominant-baseline attribute occurs,
otherwise the baseline-table font-size remains the same as that of the element.
fill-rule - SVG: Scalable Vector Graphics
otherwise, it is inside.
...a shape inside a shape with the path segment moving in the same direction (both squares drawn clockwise, to the "right") --> <path fill-rule="nonzero" stroke="red" d="m110,0 h90 v90 h-90 z m130,20 h50 v50 h-50 z"/> <!-- effect of nonzero fill rule on a shape inside a shape with the path segment moving in the opposite direction (one square drawn clockwise, the
other anti-clockwise) --> <path fill-rule="nonzero" stroke="red" d="m210,0 h90 v90 h-90 z m230,20 v50 h50 v-50 z"/> </svg> evenodd the value evenodd determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.
... on a shape inside a shape with the path segment moving in the same direction (both squares drawn clockwise, to the "right") --> <path fill-rule="evenodd" stroke="red" d="m110,0 h90 v90 h-90 z m130,20 h50 v50 h-50 z"/> <!-- effect of evenodd fill rule on a shape inside a shape with the path segment moving in opposite direction (one square drawn clockwise, the
other anti-clockwise) --> <path fill-rule="evenodd" stroke="red" d="m210,0 h90 v90 h-90 z m230,20 v50 h50 v-50 z"/> </svg> browser compatibility the compatibility table on this page is generated from structured data.
in2 - SVG: Scalable Vector Graphics
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive,
otherwise result of previous filter primitive animatable yes fecomposite for <fecomposite>, in2 defines the second input image to the compositing operation.
... value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive,
otherwise result of previous filter primitive animatable yes fedisplacementmap for <fedisplacementmap>, in2 defines the second input image, which is used to displace the pixels in the image defined in the in attribute.
... value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive,
otherwise result of previous filter primitive animatable yes specifications specification status comment filter effects module level 1the definition of 'in2 for <fedisplacementmap>' in that specification.
requiredFeatures - SVG: Scalable Vector Graphics
it determines whether or not all of the named features are supported by the browser; if all of them are supported, the attribute evaluates to true end the element is rendered;
otherwise, the attribute evaluates to false and the current element and its children are skipped and thus will not be rendered.
...if requiredfeatures is used in
other situations, it represents a simple switch on the given element whether to render the element or not.
...in some cases the feature strings map directly to a set of attributes, properties or elements, in
others they represent some functionality of the browser.
Content type - SVG: Scalable Vector Graphics
unless stated
otherwise for a particular attribute or property, the range for an <integer> encompasses (at a minimum) -2147483648 to 2147483647.
... svg makes extensive use of iri references, both absolute and relative, to
other objects.
... percentage values are always relative to an
other value (for example, a length).
Clipping and masking - SVG: Scalable Vector Graphics
clipping refers to removing parts of elements defined by
other parts.
... masking on the
other hand allows soft edges by taking transparency and grey values of the mask into account.
...hence, if you set a stroke opacity on an element, that also has a fill, the fill will shine through on half of the stroke, while on the
other half the background will appear: <svg width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="0" y="0" width="200" height="200" fill="blue" /> <circle cx="100" cy="100" r="50" stroke="yellow" stroke-width="40" stroke-opacity=".5" fill="red" /> </svg> screenshotlive sample you see in this example the red circle on blue ...
Introduction - SVG: Scalable Vector Graphics
not all svg viewers are equal and so there is a good chance that something written for one app will not display exactly the same in an
other, simply because they support different levels of the svg specification or an
other specification that you are using along with svg (that is, javascript or css).
...hopefully, along with the tutorial here, mdn can help developers keep up with the differences between gecko and some of the
other major implementations.
... before starting you should have a basic understanding of xml or an
other markup language such as html.
Patterns - SVG: Scalable Vector Graphics
<rect x="0" y="0" width="50" height="50" fill="skyblue"/> <rect x="0" y="0" width="25" height="25" fill="url(#gradient2)"/> <circle cx="25" cy="25" r="20" fill="url(#gradient1)" fill-opacity="0.5"/> </pattern> </defs> <rect fill="url(#pattern)" stroke="black" width="200" height="200"/> </svg> screenshotlive sample inside the <pattern> element, you can include any of the
other basic shapes you've included before, and each of them can be styled using any of the styles you've learned before, including gradients and opacity.
... here, we've just drawn two rectangle elements inside the pattern (which overlap, and one of which is twice the size of the
other and is used to fill in the entire pattern), and one circle.
...all three of the preceding examples are shown below on a rectangle that has been slightly elongated to a height of 300px, but i should note that it's not an exhaustive picture, and there are
other options available depending on your application.
SVG fonts - SVG: Scalable Vector Graphics
it was not meant for compatibility with
other formats like postscript or otf, but rather as a simple means of embedding glyph information into svg when rendered.
...
other tools however like the adobe svg viewer plugin, batik and parts of inkscape support svg font embedding.
...you can use literally any
other svg elements in here, even <filter>, <a> or <script>.
Texts - SVG: Scalable Vector Graphics
the one is the inclusion and display of text in an image, and the
other are svg fonts.
...
other text-related elements tspan this element is used to mark up sub-portions of a larger text.
... it must be a child of a text element or an
other tspan element.
SVG Tutorial - SVG: Scalable Vector Graphics
it is partially implemented in firefox, opera, webkit browsers, internet explorer and
other browsers.
...an
other good introduction to svg is provided by the w3c's svg primer.
... introducing svg from scratch introduction getting started positions basic shapes paths fills and strokes gradients patterns texts basic transformations clipping and masking
other content in svg filter effects svg fonts svg image tag tools for svg svg and css the following topics are more advanced and hence should get their own tutorials.
boolean - XPath
otherwise, it evaluates true.
...
otherwise, it evaluates to true.
... an object of a type
other than the four basic types is converted to a boolean in a way that is dependent on that type.
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
an instruction, on the
other hand, is associated with a template.
...<xsl:apply-imports><xsl:apply-templates><xsl:attribute-set><xsl:attribute><xsl:call-template><xsl:choose><xsl:comment><xsl:copy-of><xsl:copy><xsl:decimal-format><xsl:element><xsl:fallback><xsl:for-each><xsl:if><xsl:import><xsl:include><xsl:key><xsl:message><xsl:namespace-alias><xsl:number><xsl:
otherwise><xsl:output><xsl:param><xsl:preserve-space><xsl:processing-instruction><xsl:sort><xsl:strip-space><xsl:stylesheet><xsl:template><xsl:text><xsl:transform><xsl:value-of><xsl:variable><xsl:when><xsl:with-param> <xsl:apply-imports> <xsl:apply-templates> <xsl:attribute> <xsl:attribute-set> <xsl:call-template> <xsl:choose> <xsl:comment> <xsl:copy> <xsl:copy-of> <xsl:decimal-format> <xs...
...l:element> <xsl:fallback> (not supported) <xsl:for-each> <xsl:if> <xsl:import> (mostly supported) <xsl:include> <xsl:key> <xsl:message> <xsl:namespace-alias> (not supported) <xsl:number> (partially supported) <xsl:
otherwise> <xsl:output> (partially supported) <xsl:param> <xsl:preserve-space> <xsl:processing-instruction> <xsl:sort> <xsl:strip-space> <xsl:stylesheet> (partially supported) <xsl:template> <xsl:text> (partially supported) <xsl:transform> <xsl:value-of> (partially supported) <xsl:variable> <xsl:when> <xsl:with-param> ...
Examples of web and XML development using the DOM - Web APIs
if dom core methods document.createelement and node.appendchild are used to create rows and cells, ie requires that they are appended to a tbody element, whereas
other browsers will allow appending to a table element (the rows will be added to the last tbody element).
... there are a number of
other convenience methods belonging to the table interface that can be used for creating and modifying tables.
Using the W3C DOM Level 1 Core - Web APIs
the w3c's dom level 1 core is an api for manipulating the dom trees of html and xml documents (among
other tree-like types of documents).
...also see our
other dom documentation.
EffectTiming.duration - Web APIs
this value must not be negative;
otherwise, it can have any value (including positive infinity).
... exceptions typeerror the specified value is either a string
other than "auto", a number less than zero, nan, or some
other type of object entirely.
EffectTiming.easing - Web APIs
ease-out an
other decelerated rate of change, going from fast to slow.
... 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.
Element: DOMMouseScroll event - Web APIs
bubbles yes cancelable yes interface mousescrollevent if you want to prevent the default action of mouse wheel events, it's not enough to handle only this event on gecko because if scroll amount by a native mouse wheel event is less than 1 line (or less than 1 page when the system setting is by page scroll),
other mouse wheel events may be fired without this event.
...any
other value represents the number of lines to scroll, with the direction indicated by the value's sign.
Element: auxclick event - Web APIs
the auxclick event is fired at an element when a non-primary pointing device button (any mouse button
other than the primary—usually leftmost—button) has been pressed and released both within the same element.
... when listening for auxclick events originating on elements that do not support input or navigation, you will often want to explicitly prevent
other default actions mapped to the down action of the middle mouse button.
Element.getClientRects() - Web APIs
when called on svg elements
other than an outer-<svg>, the "viewport" that the resulting rectangles are relative to is the viewport that the element's outer-<svg> establishes (and to be clear, the rectangles are also transformed by the outer-<svg>'s viewbox transform, if any).
... the amount of scrolling that has been done of the viewport area (or any
other scrollable element) is taken into account when computing the rectangles.
ElementCSSInlineStyle.style - Web APIs
for adding specific styles to an element without altering
other style values, it is preferred to use the individual properties of style (as in elt.style.color = '...') as using elt.style.csstext = '...' or elt.setattribute('style', '...') sets the complete inline style for the element by overriding the existing inline styles.
... examples // set multiple styles in a single statement elt.style.csstext = "color: blue; border: 1px solid black"; // or elt.setattribute("style", "color:red; border: 1px solid blue;"); // set specific style while leaving
other inline style values untouched elt.style.color = "blue"; getting style information the style property is not useful for completely learning about the styles applied on the element, since it represents only the css declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets.
Comparison of Event Targets - Web APIs
event.explicitoriginaltarget event.webidl if the event was retargeted for some reason
other than an anonymous boundary crossing, this will be set to the target before the retargeting occurs.
... .non-standard { background-color: #902d37; } </style> </head> <body> <table> <thead> <tr> <td class="standard">original target dispatching the event <small>event.target</small></td> <td class="standard">target who's event listener is being processed <small>event.currenttarget</small></td> <td class="standard">identify
other element (if any) involved in the event <small>event.relatedtarget</small></td> <td class="non-standard">if there was a retargetting of the event for some reason <small> event.explicitoriginaltarget</small> contains the target before retargetting (never contains anonymous targets)</td> <td class="non-standard">if there was a retargetting of the event for some reason <small>...
Event.returnValue - Web APIs
syntax event.returnvalue = bool; var bool = event.returnvalue; value a boolean value which is true if the event has not been canceled;
otherwise, if the event has been canceled or the default has been prevented, the value is false.
... usage notes returnvalue was introduced into the dom by internet explorer 6, and due to that browser's ubiquity became so commonly used that
other browsers eventually implemented it as well.
EventSource - Web APIs
this limit is per browser + domain, so that means that you can open 6 sse connections across all of the tabs to www.example1.com and an
other 6 sse connections to www.example2.com.
...) { console.log(e.data) }) /* similarly, this will listen for events * with the field `event: update` */ sse.addeventlistener("update", function(e) { console.log(e.data) }) /* the event "message" is a special case, as it * will capture events without an event field * as well as events that have the specific type * `event: message` it will not trigger on any *
other event type.
EventTarget - Web APIs
element, document, and window are the most common event targets, but
other objects can be event targets, too.
... for example xmlhttprequest, audionode, audiocontext, and
others.
FetchEvent.preloadResponse - Web APIs
the preloadresponse read-only property of the fetchevent interface returns a promise that resolves to the navigation preload response if navigation preload was triggered or undefined
otherwise.
... syntax var expectedresponse = fetchevent.preloadresponse; value a promise that resolves to a response or
otherwise to undefined.
FetchEvent.respondWith() - Web APIs
otherwise, a network error is returned to fetch.
... examples this fetch event tries to return a response from the cache api, falling back to the network
otherwise.
FileEntrySync - Web APIs
invalid_state_err the file is no longer valid for some reason
other than it having been deleted.
... invalid_state_err the file is no longer valid for some reason
other than it having been deleted.
HTMLMediaElement.srcObject - Web APIs
note: as of march 2020, only safari supports setting objects
other than mediastream.
... until
other browsers catch up, for mediasource, blob and file, consider falling back to creating a url with url.createobjecturl() and assign it to htmlmediaelement.src.
HTMLObjectElement - Web APIs
htmlobjectelement.contentdocument read only returns a document representing the active document of the object element's nested browsing context, if any;
otherwise null.
... htmlobjectelement.contentwindow read only returns a windowproxy representing the window proxy of the object element's nested browsing context, if any;
otherwise null.
HTMLSlotElement.assignedElements() - Web APIs
the assignedelements() property of the htmlslotelement interface returns a sequence of the elements assigned to this slot (and no
other nodes).
... if the flatten option is set to true, it also returns the assigned elements of any
other slots that are descendants of this slot.
History.pushState() - Web APIs
the new url must be of the same origin as the current url;
otherwise, pushstate() will throw an exception.
... description in a sense, calling pushstate() is similar to setting window.location = "#foo", in that both will also create and activate an
other history entry associated with the current document.
IDBCursor.advance() - Web APIs
here we use cursor.advance(2) to jump 2 places forward each time, meaning that only every
other result will be displayed.
...saction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); cursor.advance(2); } else { console.log('every
other entry displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'advance()' in that specification.
IDBDatabase.onversionchange - Web APIs
the onversionchange event handler of the idbdatabase interface handles the versionchange event, fired when a database structure change (idbopendbrequest.onupgradeneeded event or idbfactory.deletedatabase) was requested elsewhere (most probably in an
other window/tab on the same computer).
... unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); note.innerhtml += '<li>object store created.</li>'; db.onversionchange = function(event) { note.innerhtml += '<li>a database change has occurred; you should refresh this browser window, or close it down and use the
other open version of this application, wherever it exists.</li>'; }; }; specifications specification status comment indexed database api 2.0the definition of 'onversionchange' in that specification.
IDBDatabase.transaction() - Web APIs
if you need to open the object store in readwrite mode to change data, you would use the following: var transaction = db.transaction('my-store-name', "readwrite"); as of firefox 40, indexeddb transactions have relaxed durability guarantees to increase performance (see bug 1112702), which is the same behaviour as
other indexeddb-supporting browsers.
... details optional dictionary of
other settings, supported only by chrome: return value an idbtransaction object.
IDBIndex - Web APIs
an index is a kind of object store for looking up records in an
other object store, called the referenced object store.
...an index lets you look up records in an object store using properties of the values in the object stores records
other than the primary key the index is a persistent key-value storage where the value part of its records is the key part of a record in the referenced object store.
IDBObjectStore.put() - Web APIs
example the following example requests a given record title; when that request is successful the onsuccess function gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in an
other request with put().
...st'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title const objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = () => { // grab the data object returned as the result const data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item back into the database const updatetitlerequest = objectstore.put(data); // log the transaction that originated this request console.log("the transaction that originated this request is " + updatetitlerequest.transaction); // when this new request succeeds, run the displaydata() function again to update the display updatetitlerequest.onsuccess = () => { ...
IDBRequest.error - Web APIs
the list describes problems that could occur when the request is being executed, but you might also encounter
other problems when the request is being made.
...action(['todolist'], "readwrite").objectstore('todolist'); // get the do-do list with the specified title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; objectstoretitlerequest.onerror = function() { // if an error occurs with the request, log what it is console.l...
IDBRequest.readyState - Web APIs
example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in an
other request.
...t'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the readystate of this request is " + updatetitlerequest.readystate); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); ...
IDBRequest.source - Web APIs
example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in an
other request.
...st'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as its title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the source of this request is " + updatetitlerequest.source); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specif...
IDBRequest.transaction - Web APIs
example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in an
other request.
...t'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create an
other request that inserts the item back // into the database var updatetitlerequest = objectstore.put(data); // log the transaction that originated this request console.log("the transaction that originated this request is " + updatetitlerequest.transaction); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = f...
IDBTransaction - Web APIs
an actual failure to write to disk, or
other os/hardware failure).
...transactions of this mode cannot run concurrently with
other transactions.
IdleDeadline.timeRemaining() - Web APIs
for example, if the callback finishes a task and has an
other one to begin, it can call timeremaining() to see if there's enough time to complete the next task.
... if there isn't, the callback can just return immediately, or look for
other work to do with the remaining time.
Notification.permission - Web APIs
t's check if the browser supports notifications if (!("notification" in window)) { console.log("this browser does not support desktop notification"); } // let's check whether notification permissions have alredy been granted else if (notification.permission === "granted") { // if it's okay let's create a notification var notification = new notification("hi there!"); } //
otherwise, we need to ask the user for permission else if (notification.permission !== 'denied' || notification.permission === "default") { notification.requestpermission(function (permission) { // if the user accepts, let's create a notification if (permission === "granted") { var notification = new notification("hi there!"); } }); } // at last, if the user has...
... denied notifications, and you // want to be respectful there is no need to b
other them any more.
OffscreenCanvas - Web APIs
a single offscreencanvas may transfer frames into an arbitrary number of
other imagebitmaprenderingcontext objects.
... // commit rendering to the second canvas var bitmaptwo = offscreen.transfertoimagebitmap(); two.transferfromimagebitmap(bitmaptwo); asynchronous display of frames produced by an offscreencanvas an
other way to use the offscreencanvas api, is to call transfercontroltooffscreen() on a <canvas> element, either on a worker or the main thread, which will return an offscreencanvas object from an htmlcanvaselement object from the main thread.
PannerNode.coneInnerAngle - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
PannerNode.coneOuterAngle - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
PannerNode.coneOuterGain - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
PannerNode.orientationX - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
PannerNode.orientationY - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
PannerNode.orientationZ - Web APIs
the x and z components are always at a 90° to each
other, so we can use the sine and cosine functions, which are offset by the same amount in radians.
... and 22.5 (45/2) degrees either direction, // the volume will decrease gradually panner.coneouterangle = 45; // this value determines the volume of the sound outside of both inner and outer cone // setting it to 0 means there is no sound, so we can clearly hear when we leave the cone // 0 is also the default panner.coneoutergain = 0; // increase the z position to ensure the cone has an effect // (
otherwise the sound is located at the same position as the listener) panner.positionz.setvalueattime(1, context.currenttime); having set up the pannernode, we can now schedule some updates to its y-axis rotation: // calculate the vector for no rotation // this means the sound will play at full volume const [x1, y1, z1] = yrotationtovector(0); // schedule the no-rotation vector immediately panner.orie...
ParentNode.replaceChildren() - Web APIs
n> </select> </div> <div class="buttons"> <button id="to-yes">transfer to "yes" --></button> <button id="to-no"><-- transfer to "no"</button> </div> <div> <label for="yes">yes please!</label> <select id="yes" multiple size="10"> </select> </div> </main> it would make sense to use some simple css to lay out the two select lists in a line alongside one an
other, with the control buttons in between them: main { display: flex; } div { margin-right: 20px; } label, button { display: block; } .buttons { display: flex; flex-flow: column; justify-content: center; } select { width: 200px; } what we want to do is transfer any selected options in the "no" list over to the "yes" list when the "yes" button is pressed, and transfer any selected o...
... to do this, we give each of the buttons a click event handler, which collects together the selected options you want to transfer in one constant, and the existing options in the list you are transferring to in an
other constant.
Path2D() - Web APIs
the path2d() constructor returns a newly instantiated path2d object, optionally with an
other path as an argument (creates a copy), or optionally with a string consisting of svg path data.
... syntax new path2d(); new path2d(path); new path2d(d); parameters path optional when invoked with an
other path2d object, a copy of the path argument is created.
Path2D.addPath() - Web APIs
the path2d.addpath() method of the canvas 2d api adds one path2d object to an
other path2d object.
... examples adding a path to an existing path this example adds one path to an
other.
PaymentAddress.addressLine - Web APIs
the addressline read-only property of the paymentaddress interface is an array of domstring objects, each specifying a line of the address that is not covered by one of the
other properties of paymentaddress.
...for example, the addressline array for the mozilla space in london would have the following entries: example showing addressline entries for an address in london index addressline[] value 0 metal box factory 1 suite 441, 4th floor 2 30 great guildford street these, combined with additional values for
other properties of the paymentaddress, would represent the full address, which is: mozilla metal box factory suite 441, 4th floor 30 great guildford street london se1 0hs united kingdom specifications specification status comment payment request apithe definition of 'paymentaddress.addressline' in that specification.
PaymentRequest.show() - Web APIs
once one paymentrequest's show() method has been called, any
other call to show() will by rejected with an aborterror until the returned promise has been concluded, either by being fulfilled with a paymentresponse indicating the results of the payment request, or by being rejected with an error.
...
other reasons a securityerror may be thrown are at the discretion of the user agent, and may include situations such as too many calls to show() being made in a short time or show() being called while payment requests are blocked by parental controls.
PaymentResponse.retry() - Web APIs
error can be provided all by itself to provide only a generic error message, or in concert with the
other properties to serve as an overview while
other properties' values gude the user to errors in specific fields in the payment form.
... typically you will use this by calling show(), then entering a loop or recursive function that checks the paymentresponse for errors or
other reasons to retry the payment request.
PaymentResponse.shippingOption - Web APIs
}).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingoption, resolve, reject) { var selectedshippingoption; var
othershippingoption; if (shippingoption === 'standard') { selectedshippingoption = details.shippingoptions[0];
othershippingoption = details.shippingoptions[1]; details.total.amount.value = '55.00'; } else if (shippingoption === 'express') { selectedshippingoption = details.shippingoptions[1];
othershippingoption = details.shippingoptions[0]; details.total.amount.value = '67...
....00'; } else { reject('unknown shipping option \'' + shippingoption + '\''); return; } selectedshippingoption.selected = true;
othershippingoption.selected = false; details.displayitems.splice(2, 1, selectedshippingoption); resolve(details); } specifications specification status comment payment request api candidate recommendation initial definition.
Using the Payment Request API - Web APIs
other useful payment request methods there are some
other useful payment request methods worth knowing about.
...te immediate success: paymentresponse.complete('success') .then(function() { // for demo purposes: intropanel.style.display = 'none'; successpanel.style.display = 'block'; }); }).catch(function(error) { if (error.code == domexception.not_supported_err) { window.location.href = 'https://bobpay.xyz/#download'; } else { //
other kinds of errors; cancelled or failed payment.
PerformanceNavigationTiming.type - Web APIs
the value must be one of the following: navigate navigation started by clicking a link, entering the url in the browser's address bar, form submission, or initializing through a script operation
other than reload and back_forward as listed below.
...og("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); //
other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'type' in that specification.
PublicKeyCredentialRequestOptions.extensions - Web APIs
also chrome doesn't plan to support any
other extension in future extension identifier type description appid usvstring fido appid.
...in
other words, this may be used server side to check if the current operation is based on the same biometric data that the previous authentication.
Push API - Web APIs
the endpoint url therefore needs to be kept secret, or
other applications might be able to send push messages to your application.
... note: as of gecko 44, the allowed quota of push messages per application is not incremented when a new notification fires, when an
other is still visible, for a period of three seconds.
RTCDataChannel.send() - Web APIs
typeerror the specified data is too large for the
other peer to receive.
... since there are multiple techniques for breaking up large data into smaller pieces for transfer, it's possible to encounter scenarios in which the
other peer does not support the same ones.
RTCDataChannelEvent - Web APIs
the channel property provides the rtcdatachannel representing the connection to the
other peer.
... pc.ondatachannel = function(event) { inbounddatachannel = event.channel; inbounddatachannel.onmessage = handleincomingmessage; inbounddatachannel.onopen = handlechannelopen; inbounddatachannel.onclose = handlechannelclose; } see a simple rtcdatachannel sample for an
other, more complete, example of how to use data channels.
RTCIceCandidate.usernameFragment - Web APIs
an
other example: it might take a user-defined string and append three 8-bit random bytes to the end.
...
otherwise, after checking every receiver, it adds the new candidate to the connection.
RTCIceCandidatePairStats.circuitBreakerTriggerCount - Web APIs
the rtcicecandidatepairstats property circuitbreakertriggercount indicates the number of times the circuit-breaker has been triggered to indicate a connection timeout or
other unexpected connection abort on this specific connection configuration.
... a circuit breaker trigger is fired each time the connection times out or
otherwise needs to be halted automatically.
RTCIceCandidatePairStats.priority - Web APIs
syntax pairpriority = rtcicecandidatepairstats.priority; value an integer value indicating the priority of this pair of candidates as compared to
other pairs on the same peer connection.
... the higher this value, the better the webrtc layer thinks this pair of candidates is compared to the
others, and the more likely a pair is to be selelcted for use.
RTCIceCandidateStats.networkType - Web APIs
the string indicates the type of network connection that the described candidate would use to communicate with the
other peer.
...for example, if the networktype is wifi but the user is connected using a cellular hotspot, the connection will be bottlenecked by the underlying cellular network (and any
other networks between the two peers).
RTCPeerConnection.addIceCandidate() - Web APIs
// this example assumes that the
other peer is using a signaling channel as follows: // // pc.onicecandidate = event => { // if (event.candidate) { // signalingchannel.send(json.stringify({ice: event.candidate})); // "ice" is arbitrary // } else { // // all ice candidates have been sent // } // } signalingchannel.onmessage = receivedstring => { const message = json.parse(receivedstring); if (message.ice) { // a ...
...typical value of ice here might look something like this: // // {candidate: "candidate:0 1 udp 2122154243 192.168.1.9 53421 typ host", sdpmid: "0", ...} // // pass the whole thing to addicecandidate: pc.addicecandidate(message.ice).catch(e => { console.log("failure during addicecandidate(): " + e.name); }); } else { // handle
other things you might be signaling, like sdp } } the last candidate to be signaled this way by the remote peer will be a special candidate denoting end-of-candidates.
RTCPeerConnection: negotiationneeded event - Web APIs
iption(offer)) .then(() => sendsignalingmessage({ type: "video-offer", sdp: pc.localdescription })) .catch(err => { /* handle error */ ); }, false); after creating the offer, the local end is configured by calling rtcpeerconnection.setlocaldescription(); then a signaling message is created and sent to the remote peer through the signaling server, to share that offer with the
other peer.
... the
other peer should recognize this message and follow up by creating its own rtcpeerconnection, setting the remote description with setremotedescription(), and then creating an answer to send back to the offering peer.
RTCPeerConnection.setConfiguration() - Web APIs
urn:asia.myturnserver.net", username: "allie@oopcode.com", credential: "topsecretpassword" }] }; mypeerconnection.setconfiguration(restartconfig); mypeerconnection.createoffer({"icerestart": true}).then(function(offer) { return mypeerconnection.setlocaldescription(offer); }) .then(function() { // send the offer to the
other peer using the signaling server }) .catch(reporterror); first, a new rtcconfiguration is created, restartconfig, specifying the new ice server and its credentials.
...from there, we handle the process as usual, by setting the local description to the returned offer and then sending that offer to the
other peer.
RTCPeerConnectionIceErrorEvent - Web APIs
constructor rtcpeerconnectioniceerrorevent() creates and returns a new rtcpeerconnectioniceerrorevent object, with its type and
other properties initialized as specified in the parameters.
... methods rtcpeerconnectioniceerrorevent has no methods
other than any provided by the parent interface, event.
RTCRtpSender.setParameters() - Web APIs
in
other words, setparameters() updates the configuration of the rtp transmission as well as the encoding configuration for a specific media track on the webrtc connection.
... operationerror any error condition which occurs that isn't covered by one of the
other error codes results in an operationerror.
ARIA: timer role - Accessibility
set in response to keyboard or
other application events that change focus or point of interaction.
...all aspects of interaction, including returning to the regular web content on
other parts of the page, must be handled.
ARIA: contentinfo role - Accessibility
examples <body> <!--
other page content --> <div role="contentinfo"> <h2>mdn web docs</h2> <ul> <li><a href="#">web technologies</a></li> <li><a href="#">learn web development</a></li> <li><a href="#">about mdn</a></li> <li><a href="#">feedback</a></li> </ul> <p>© 2005-2018 mozilla and individual contributors.
...use
other content sectioning elements instead.
ARIA: grid role - Accessibility
uses fall into two categories: presenting tabular information (data grids) and grouping
other widgets (layout grids).
... states and properties aria-level indicates the hierarchical level of the grid within
other structures.
ARIA: row role - Accessibility
if the interaction provides for the selection state of individual cells, if left to right and top to botton navigation is provided, or if the user interface allows the rearranging of cell order or
otherwise changing individual cell order such as through drag and drop, use grid or treegrid instead.
... if the element with the aria-expanded attribute controls the expansion of an
other grouping container that is not 'owned by' the element, the author should reference the container by using the aria-controls attribute.
ARIA: switch role - Accessibility
text in these elements remains visible to the user agent and may be read or
otherwise delivered to the user, unless it's expressly hidden using display: none or aria-hidden="true".
... there are varying opinions on how assistive technologies should handle this role; the above is a suggested practice and may differ from
other sources.
ARIA: table role - Accessibility
all
other semantic table elements, such as <tbody>, <thead>, <tr>, <th>, and <td> need to be added via associated roles, such as rowgroup, row, columnheader, and cell.
...if the interaction provides for the selection state of individual cells, if left to right and top to bottom navigation is provided, or if the user interface allows the rearranging of cell order or
otherwise changing individual cell order such as through drag and drop, use grid or treegrid instead.
Web applications and ARIA FAQ - Accessibility
an
other alternative is to use the html5 doctype, which includes built-in support for aria.
...
other helpful testing tools and techniques for aria-enabled applications and widgets: yahoo!'s aria bookmarklets fluid project's simple accessibility evaluation techniques where do aria discussions happen?
Basic form hints - Accessibility
<button aria-describedby="descriptionrevert">revert</button> <div id="descriptionrevert">reverting will undo any changes that have been made since the last save.</div> note: the aria-describedby attribute is used for
other purposes, in addition to form controls.
...uired="false"/> </div> <div> <label for="email">* e-mail:</label> <input type="text" value="email" id="email" aria-required="true"/> </div> </form> the script that validates the form entry would look something like this: var validate = function () { var emailelement = document.getelementbyid(emailfieldid); var valid = emailvalid(formdata.email); // returns true if valid, false
otherwise emailelement.setattribute("aria-invalid", !valid); setelementbordercolour(emailelement, valid); // sets the border to red if second arg is false }; providing helpful error messages read how to use aria alerts to enhance forms.
ARIA - Accessibility
it supplements html so that interactions and widgets commonly used in applications can be passed to assistive technologies when there is not
otherwise a mechanism.
... support like any
other web technology, there are varying degrees of support for aria.
Community - Accessibility
this document provides links to mailing lists, newsgroups, forums, and
other communities related to accessbility.
... if you know of
other useful resources, please link to them here.
Robust - Accessibility
success criteria how to conform to the criteria practical resource 4.1.1 parsing (a) content should be well-formed so it can be parsed successfully by browsers and
other user agents such as screenreaders.
...when scripting custom components, you will need to use wai-aria roles and
other features to make sure your controls will be interpreted and are able to be used as intended, e.g.
Accessibility
accessible multimedia an
other category of content that can create accessibility problems is multimedia — video, audio, and image content need to be given proper textual alternatives so they can be understood by assistive technologies and their users.
...
other documentation understanding the web content accessibility guidelines this set of articles provides quick explanations to help you understand the steps that need to be taken to conform to the recommendations outlined in the w3c web content accessibility guidelines 2.0 (wcag 2.0 or just wcag, for the purposes of this writing).
-webkit-border-before - CSS: Cascading Style Sheets
it relates to -webkit-border-after, -webkit-border-start, and -webkit-border-end, which define the
other borders of the element.
...itial valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to an
otherapplies toall elementsinheritedyespercentagesas each of the properties of the shorthand:-webkit-border-before-width: logical-width of containing blockcomputed valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if bor...
-webkit-mask-position-x - CSS: Cascading Style Sheets
/ -webkit-mask-position-x: 50px; -webkit-mask-position-x: -1cm; /* multiple values values */ -webkit-mask-position-x: 50px, 25%, -3em; /* global values */ -webkit-mask-position-x: inherit; -webkit-mask-position-x: initial; -webkit-mask-position-x: unset; initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typediscrete syntax values <length-percentage> a length indicating the position of the left edge of the image relative to the box's left padding edge.
... formal definition initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typediscrete formal syntax [ <length-percentage> | left | center | right ]#where <length-percentage> = <length> | <percentage> examples horizontally positioning a mask image .exampleone { -webkit-mask-image: url(mask.png); -webkit-mask-position-x: right; } .exampletwo { -webkit-mask-image: url(mask.png); -webkit-mask-position-x: 25%; } specifications not...
-webkit-mask-position-y - CSS: Cascading Style Sheets
/ -webkit-mask-position-y: 50px; -webkit-mask-position-y: -1cm; /* multiple values values */ -webkit-mask-position-y: 50px, 25%, -3em; /* global values */ -webkit-mask-position-y: inherit; -webkit-mask-position-y: initial; -webkit-mask-position-y: unset; initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typediscrete syntax values <length-percentage> a length indicating the position of the top side of the image relative to the box's top padding edge.
... formal definition initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typediscrete formal syntax [ <length-percentage> | top | center | bottom ]#where <length-percentage> = <length> | <percentage> examples vertically positioning a mask image .exampleone { -webkit-mask-image: url(mask.png); -webkit-mask-position-y: bottom; } .exampletwo { -webkit-mask-image: url(mask.png); -webkit-mask-position-y: 25%; } specifications not ...
-webkit-mask-repeat-x - CSS: Cascading Style Sheets
round as the allowed space increases in size, the repeated images will stretch (leaving no gaps) until there is room for an
other one to be added.
...example: an image with an original width of 260px, repeated three times, might stretch until each repetition is 300px wide, and then an
other image will be added.
:-moz-focusring - CSS: Cascading Style Sheets
the :-moz-focusring css pseudo-class is a mozilla extension that is similar to the :focus pseudo-class, but it only matches an element if it's currently focused and a focus ring or
other indicator should be drawn around it.
...whether the user agent has focus ring drawing enabled can depend on operating system settings and
other factors, so the precise behavior of this pseudo-class will vary from platform to platform.
::-webkit-scrollbar - CSS: Cascading Style Sheets
::-webkit-scrollbar is only available in blink- and webkit-based browsers (e.g., chrome, edge, opera, safari, all browsers on ios, and
others).
... examples .visible-scrollbar, .invisible-scrollbar, .mostly-customized-scrollbar { display: block; width: 10em; overflow: auto; height: 2em; } .invisible-scrollbar::-webkit-scrollbar { display: none; } /* demonstrate a "mostly customized" scrollbar * (won't be visible
otherwise if width/height is specified) */ .mostly-customized-scrollbar::-webkit-scrollbar { width: 5px; height: 8px; background-color: #aaa; /* or add it to the track */ } /* add a thumb */ .mostly-customized-scrollbar::-webkit-scrollbar-thumb { background: #000; } <div class="visible-scrollbar"> etiam sagittis sem sed lacus laoreet, eu fermentum eros auctor.
::first-letter (:first-letter) - CSS: Cascading Style Sheets
the ::first-letter css pseudo-element applies styles to the first letter of the first line of a block-level element, but only when not preceded by
other content (such as images or inline tables).
...punctuation includes any unicode character defined in the open (ps), close (pe), initial quote (pi), final quote (pf), and
other punctuation (po) classes.
:active - CSS: Cascading Style Sheets
other common targets of this pseudo-class include elements that contain an activated element, and form elements that are being activated through their associated <label>.
...to style links appropriately, put the :active rule after all
other link-related rules, as defined by the lvha-order: :link — :visited — :hover — :active.
:first - CSS: Cascading Style Sheets
all
other properties will be ignored.
...the words on the first page should be somewhere around the center, while
other pages will have their contents at the default position.
:host-context() - CSS: Cascading Style Sheets
in
other words, this allows a custom element, or anything within that custom element's shadow dom, to apply different styles based on its position within the outer dom or classes/attributes applied to ancestor elements.
... an
other typical use would be to allow inner elements to react to classes or attributes on any anscestor elements - for example, applying a different text color when a .dark-theme class is applied to <body>.
:scope - CSS: Cascading Style Sheets
<style scoped> made it possible to explicitly set up element scopes, but ongoing discussions about the design of this feature as well as lack of
other implementations resulted in the decision to remove it.
...<style scoped> made it possible to explicitly set up element scopes, but ongoing discussions about the design of this feature as well as lack of
other implementations resulted in the decision to remove it.
:valid - CSS: Cascading Style Sheets
the :valid css pseudo-class represents any <input> or
other <form> element whose contents validate successfully.
...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.
:visited - CSS: Cascading Style Sheets
syntax :visited examples properties that would
otherwise have no color or be transparent cannot be modified with :visited.
...thus, if you want to modify the
other properties, you'll need to give them a base value outside the :visited selector.
speak-as - CSS: Cascading Style Sheets
for all
other cases, specifying auto has the same effect as specifying speak-as: numbers.
... <counter-style-name> the name of an
other counter style, specified as a <custom-ident>.
system - CSS: Cascading Style Sheets
extends allows authors to use the algorithm of an
other counter style, but alter its
other aspects.
...l <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style upper-roman { system: additive; range: 1 3999; additive-symbols: 1000 m, 900 cm, 500 d, 400 cd, 100 c, 90 xc, 50 l, 40 xl, 10 x, 9 ix, 5 v, 4 iv, 1 i; } ul { list-style: upper-roman; } result extends example this example will use the algorithm, symbols, and
other properties of the lower-alpha counter style, but will remove the period ('.') after the counter representation, and enclose the characters in paranthesis; like (a), (b), etc.
@import - CSS: Cascading Style Sheets
the @import css at-rule is used to import style rules from
other style sheets.
... description imported rules must precede all
other types of rules, except @charset rules; as it is not a nested statement, @import cannot be used inside conditional group at-rules.
@namespace - CSS: Cascading Style Sheets
any @namespace rules must follow all @charset and @import rules, and precede all
other at-rules and style declarations in a style sheet.
...in
other words, attributes do not inherit the namespace of the element they're on.
animation-direction - CSS: Cascading Style Sheets
in
other words, each time the animation cycles, the animation will reset to the beginning state and start over again.
...in
other words, each time the animation cycles, the animation will reset to the end state and start over again.
attr() - CSS: Cascading Style Sheets
note: the attr() function can be used with any css property, but support for properties
other than content is experimental, and support for the type-or-unit parameter is sparse.
... candidate recommendation added two optional parameters; can be used on all properties; may return values
other than <string>.
background-attachment - CSS: Cascading Style Sheets
it also applies to ::first-letter and ::first-line.inheritednocomputed valueas specifiedanimation typediscrete formal syntax <attachment>#where <attachment> = scroll | fixed | local examples simple example html <p> there were doors all round the hall, but they were all locked; and when alice had been all the way down one side and up the
other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again.
... html <p> there were doors all round the hall, but they were all locked; and when alice had been all the way down one side and up the
other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again.
background-repeat - CSS: Cascading Style Sheets
round as the allowed space increases in size, the repeated images will stretch (leaving no gaps) until there is room (space left >= half of the image width) for an
other one to be added.
...example: an image with an original width of 260px, repeated three times, might stretch until each repetition is 300px wide, and then an
other image will be added.
background-size - CSS: Cascading Style Sheets
the
other dimension is computed using the specified dimension and the intrinsic proportions.
... if the image has only one intrinsic dimension but has no intrinsic proportions, it's rendered using the specified dimension and the
other dimension of the background positioning area.
<blend-mode> - CSS: Cascading Style Sheets
a black layer has no effect, while a white layer inverts the
other layer's color.
... as with difference, a black layer has no effect, while a white layer inverts the
other layer's color.
block-size - CSS: Cascading Style Sheets
alues */ block-size: 300px; block-size: 25em; /* <percentage> values */ block-size: 75%; /* keyword values */ block-size: max-content; block-size: min-content; block-size: fit-content(20em); block-size: auto; /* global values */ block-size: inherit; block-size: initial; block-size: unset; if the writing mode is vertically oriented, the value of block-size relates to the width of the element;
otherwise, it relates to the height of the element.
... a related property is inline-size, which defines the
other dimension of the element.
border-block-start - CSS: Cascading Style Sheets
related properties are border-block-end, border-inline-start, and border-inline-end, which define the
other borders of the element.
...itial valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to an
otherapplies toall elementsinheritednocomputed valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenb...
border-bottom-width - CSS: Cascading Style Sheets
full support 4opera android full support 10.1safari ios full support 1samsung internet android full support 1.0legend full support full support see also the
other border-width-related css properties: border-left-width, border-right-width, border-top-width, and border-width.
... the
other border-bottom-related css properties: border, border-bottom, border-bottom-style, and border-bottom-color.
border-inline-start - CSS: Cascading Style Sheets
related properties are border-block-start, border-block-end, and border-inline-end, which define the
other borders of the element.
...itial valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to an
otherapplies toall elementsinheritednocomputed valueas each of the properties of the shorthand:border-width: as each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenb...
border-left-style - CSS: Cascading Style Sheets
see also the
other style-related border properties: border-bottom-style, border-right-style, border-top-style, and border-style.
... the
other left-border-related properties: border-left, border-left-color, and border-left-width.
border-right-style - CSS: Cascading Style Sheets
see also the
other style-related border properties: border-bottom-style, border-left-style, border-top-style, and border-style.
... the
other bottom-border-related properties: border-right, border-right-color, and border-right-width.
border-style - CSS: Cascading Style Sheets
in the case of table cell and border collapsing, the none value has the lowest priority: if any
other conflicting border is set, it will be displayed.
...in the case of table cell and border collapsing, the hidden value has the highest priority: if any
other conflicting border is set, it won't be displayed.
bottom - CSS: Cascading Style Sheets
in all
other situations, if height is constrained in any way or position is set to relative, the top property takes precedence and the bottom property is ignored.
... formal definition initial valueautoapplies topositioned elementsinheritednopercentagesrefer to the height of the containing blockcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length, percentage or calc(); formal syntax <length> | <percentage> | auto examples absolute and fixed positioning this example demonstrates the difference in behavior of the bottom property, when position is absolute versus fixed.
box-sizing - CSS: Cascading Style Sheets
on the
other hand, when using position: relative or position: absolute, use of box-sizing: content-box allows the positioning values to be relative to the content, and independent of changes to border and padding sizes, which is sometimes desirable.
... formal definition initial valuecontent-boxapplies toall elements that accept width or heightinheritednocomputed valueas specifiedanimation typediscrete formal syntax content-box | border-box examples box sizes with content-box and border-box this example shows how different box-sizing values alter the rendered size of two
otherwise identical elements.
caret-color - CSS: Cascading Style Sheets
on the
other hand, the mouse cursor image shown when hovering over text where the cursor property is auto, or when hovering over an element where the cursor property is text or vertical-text, though it sometimes looks like a caret, is not a caret (it’s a cursor).
...this is generally currentcolor, but the user agent may choose a different color to ensure good visibility and contrast with the surrounding content, taking into account the value of currentcolor, the background, shadows, and
other factors.
clip-path - CSS: Cascading Style Sheets
note: a computed value
other than none results in the creation of a new stacking context the same way that css opacity does for values
other than 1.
... formal definition initial valuenoneapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesrefer to reference box when specified,
otherwise border-boxcomputed valueas specified, but with <url> values made absoluteanimation typeyes, as specified for <basic-shape>,
otherwise no formal syntax <clip-source> | [ <basic-shape> | <geometry-box> ] | nonewhere <clip-source> = <url><basic-shape> = <inset()> | <circle()> | <ellipse()> | <polygon()> | <path()><geometry-box> = <shape-box> | fill-box | stroke-box | view-boxwhere <inset()> = inset( <length-percentage>{1,4} [ round <'border-radius'> ]?
color - CSS: Cascading Style Sheets
currentcolor may be used as an indirect value on
other properties and is the default for
other color properties, such as border-color.
... webaim: color contrast checker mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.3 | w3c understanding wcag 2.0 formal definition initial valuevaries from one browser to an
otherapplies toall elements.
counter() - CSS: Cascading Style Sheets
note: the counter() function can be used with any css property, but support for properties
other than content is experimental, and support for the type-or-unit parameter is sparse.
... <counter-style> a counter style name or symbols() function, where a counter style name is a numeric, alphabetic, or symbolic simple predefined counter style, a complex longhand east asian or ethiopic predefined counter style, or
other predefined counter style.
counters() - CSS: Cascading Style Sheets
note: the counters() function can be used with any css property, but support for properties
other than content is experimental, and support for the type-or-unit parameter is sparse.
... <counter-style> a counter style name or symbols() function, where a counter style name is a numeric, alphabetic, or symbolic simple predefined counter style, a complex longhand east asian or ethiopic predefined counter style, or
other predefined counter style.
<custom-ident> - CSS: Cascading Style Sheets
on the
other hand, as there are several ways to escape a character, toto\?
...moreover, the first character must not be a decimal digit, nor a hyphen (-) followed by a decimal digit or an
other hyphen.
<display-inside> - CSS: Cascading Style Sheets
otherwise it generates a block container box.
... depending on the value of
other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline formatting context, it either establishes a new block formatting context (bfc) for its contents or integrates its contents into its parent formatting context.
flex-basis - CSS: Cascading Style Sheets
it sets the size of the content box unless
otherwise set with box-sizing.
... note: in case both flex-basis (
other than auto) and width (or height in case of flex-direction: column) are set for an element, flex-basis has priority.
flex-grow - CSS: Cascading Style Sheets
if all sibling items have the same flex grow factor, then all items will receive the same share of remaining space,
otherwise it is distributed according to the ratio defined by the different flex grow factors.
... flex-grow is used alongside the
other flex properties flex-shrink and flex-basis, and normally defined using the flex shorthand to ensure all values are set.
flex-shrink - CSS: Cascading Style Sheets
in use, flex-shrink is used alongside the
other flex properties flex-grow and flex-basis, and normally defined using the flex shorthand.
...d and e have flex-shrink:2 set</p> <p>the width of d and e is less than the
others.</p> <div id="content"> <div class="box" style="background-color:red;">a</div> <div class="box" style="background-color:lightblue;">b</div> <div class="box" style="background-color:yellow;">c</div> <div class="box1" style="background-color:brown;">d</div> <div class="box1" style="background-color:lightgreen;">e</div> </div> css #content { display: flex; width: 500px; } #content...
float - CSS: Cascading Style Sheets
block inline-block block inline-table table table-row block table-row-group block table-column block table-column-group block table-cell block table-caption block table-header-group block table-footer-group block inline-flex flex inline-grid grid
other unchanged note: if you're referring to this property from javascript as a member of the htmlelement.style object, modern browsers support float, but in older browsers you have to spell it as cssfloat, with internet explorer versions 8 and older using stylefloat.
...it is shifted to the left, or right, until it touches the edge of its containing box, or an
other floated element.
font-variant-alternates - CSS: Cascading Style Sheets
syntax this property may take one of two forms: either the keyword normal or one or more of the
other keywords and functions listed below, space-separated, in any order.
... ornaments() this function enables ornaments, like fleurons and
other dingbat glyphs.
font-variation-settings - CSS: Cascading Style Sheets
description this property is a low-level mechanism designed to set variable font features where no
other way to enable or access those features exist.
...it also applies to ::first-letter and ::first-line.inheritedyescomputed valueas specifiedanimation typea transform formal syntax normal | [ <string> <number> ]# examples you can find a number of
other variable fonts examples at our variable fonts guide, v-fonts.com, and axis-praxis.org.
grid-column-end - CSS: Cascading Style Sheets
note: named grid areas automatically generate implicit named lines of this form, so specifying grid-column-end: foo; will choose the end edge of that named grid area (unless an
other line named foo-end was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
grid-column-start - CSS: Cascading Style Sheets
note: named grid areas automatically generate implicit named lines of this form, so specifying grid-column-start: foo; will choose the start edge of that named grid area (unless an
other line named foo-start was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
grid-column - CSS: Cascading Style Sheets
note: named grid areas automatically generate implicit named lines of this form, so specifying grid-column: foo; will choose the start/end edge of that named grid area (unless an
other line named foo-start/foo-end was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
grid-row-end - CSS: Cascading Style Sheets
note: named grid areas automatically generate implicit named lines of this form, so specifying grid-row-end: foo; will choose the end edge of that named grid area (unless an
other line named foo-end was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
grid-row-start - CSS: Cascading Style Sheets
note: named grid areas automatically generate implicit named lines of this form, so specifying grid-row-start: foo; will choose the start edge of that named grid area (unless an
other line named foo-start was explicitly specified before it).
...
otherwise, this is treated as if the integer 1 had been specified along with the <custom-ident>.
inline-size - CSS: Cascading Style Sheets
ine-size: 300px; inline-size: 25em; /* <percentage> values */ inline-size: 75%; /* keyword values */ inline-size: max-content; inline-size: min-content; inline-size: fit-content(20em); inline-size: auto; /* global values */ inline-size: inherit; inline-size: initial; inline-size: unset; if the writing mode is vertically oriented, the value of inline-size relates to the height of the element;
otherwise, it relates to the width of the element.
... a related property is block-size, which defines the
other dimension of the element.
<integer> - CSS: Cascading Style Sheets
opera 12.1 supports values up to 215-1, ie up to 220-1, and
other browsers even higher.
... during the css3 values cycle there was a lot of discussion about setting a minimum range to support: the latest decision, in april 2012 during the lc phase, was [-227-1; 227-1], but
other values like 224-1 and 230-1 were also proposed.
list-style-type - CSS: Cascading Style Sheets
e.g., 壱萬壱阡壱百壱拾壱 the kanjis are designed so that they can't be modified to look like an
other correct one japanese-informal japanese informal numbering kannada -moz-kannada example katakana e.g.
... non-standard extensions a few more predefined types are provided by mozilla (firefox), blink (chrome and opera) and webkit (safari) to support list types in
other languages.
margin-block-end - CSS: Cascading Style Sheets
it relates to margin-block-start, margin-inline-start, and margin-inline-end, which define the
other margins of the element.
... formal definition initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting block end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition...
margin-block-start - CSS: Cascading Style Sheets
it relates to margin-block-end, margin-inline-start, and margin-inline-end, which define the
other margins of the element.
... formal definition initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting block start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-block-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the defi...
margin-inline-start - CSS: Cascading Style Sheets
values */ margin-inline-start: 10px; /* an absolute length */ margin-inline-start: 1em; /* relative to the text size */ margin-inline-start: 5%; /* relative to the nearest block container's width */ /* keyword values */ margin-inline-start: auto; /* global values */ margin-inline-start: inherit; it relates to margin-block-start, margin-block-end, and margin-inline-end, which define the
other margins of the element.
...formal definition initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting inline start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the de...
margin-inline - CSS: Cascading Style Sheets
formal definition initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typediscrete formal syntax <'margin-left'>{1,2} examples setting inline start and end margins html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-inline: 20px 40px; background-color: #c8c800; } result specifications spec...
... initial value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typediscrete ...
mask-repeat - CSS: Cascading Style Sheets
round as the allowed space increases in size, the repeated images will stretch (leaving no gaps) until there is room for an
other one to be added.
...example: an image with an original width of 260px, repeated three times, might stretch until each repetition is 300px wide, and then an
other image will be added.
max-inline-size - CSS: Cascading Style Sheets
if the writing mode is vertically oriented, the value of max-inline-size relates to the maximal height of the element,
otherwise it relates to the maximal width of the element.
... it relates to max-block-size, which defines the
other dimension of the element.
min-block-size - CSS: Cascading Style Sheets
x; min-block-size: 5em; /* <percentage> values */ min-block-size: 10%; /* keyword values */ min-block-size: max-content; min-block-size: min-content; min-block-size: fit-content(20em); /* global values */ min-block-size: inherit; min-block-size: initial; min-block-size: unset; if the writing mode is vertically oriented, the value of min-block-size relates to the minimum width of the element;
otherwise, it relates to the minimum height of the element.
... a related property is min-inline-size, which defines the
other dimension of the element.
min-inline-size - CSS: Cascading Style Sheets
ine-size: 5em; /* <percentage> values */ min-inline-size: 10%; /* keyword values */ min-inline-size: max-content; min-inline-size: min-content; min-inline-size: fit-content(20em); /* global values */ min-inline-size: inherit; min-inline-size: initial; min-inline-size: unset; if the writing mode is vertically oriented, the value of min-inline-size relates to the minimum height of the element;
otherwise, it relates to the minimum width of the element.
... a related property is min-block-size, which defines the
other dimension of the element.
offset-anchor - CSS: Cascading Style Sheets
formal definition initial valueautoapplies totransformable elementsinheritednopercentagesrelativetowidthandheightcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typea position formal syntax auto | <position>where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...the
other two cause the <div>'s top-right and bottom-left points to move along the path, respectively.
opacity - CSS: Cascading Style Sheets
thus, the element and its children all have the same opacity relative to the element's background, even if they have different opacities relative to one an
other.
... using opacity with a value
other than 1 places the element in a new stacking context.
radial-gradient() - CSS: Cascading Style Sheets
note: early implementations of this function included
other keywords (cover and contain) as synonyms of the standard farthest-corner and closest-side, respectively.
...for this reason, radial-gradient() won't work on background-color and
other properties that use the <color> data type.
repeating-radial-gradient() - CSS: Cascading Style Sheets
for this reason, repeating-radial-gradient() won't work on background-color and
other properties that use the <color> data type.
... note: early implementations of this function included
other keywords (cover and contain) as synonyms of the standard farthest-corner and closest-side, respectively.
text-emphasis-position - CSS: Cascading Style Sheets
in chinese, on the
other hand, the preferred position is under right.
...in html, this can be done with the following style rule: ruby { text-emphasis: none; } preferring emphasis marks over ruby some
other editors prefer to hide ruby when they conflict with emphasis marks.
text-size-adjust - CSS: Cascading Style Sheets
other browsers will ignore this property.
... formal definition initial valueauto for smartphone browsers supporting inflation, none in
other cases (and then not modifiable).applies toall elementsinheritedyespercentagesyes, refer to the corresponding size of the text fontcomputed valueas specifiedanimation typediscrete formal syntax none | auto | <percentage> examples basic disabling usage as hinted at above, on a properly designed responsive site the text-size-adjust behavior is not needed, so developers can elect to turn it off ...
text-transform - CSS: Cascading Style Sheets
other characters remain unchanged (they retain their original case as written in the element's text).
...this resulted in differences between browsers in the way the first letter was calculated (firefox considered - and _ as letters, but
other browsers did not.
top - CSS: Cascading Style Sheets
in all
other situations, if height is constrained in any way or position is set to relative, the top property takes precedence and the bottom property is ignored.
... formal definition initial valueautoapplies topositioned elementsinheritednopercentagesrefer to the height of the containing blockcomputed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value;
otherwise, autoanimation typea length, percentage or calc(); formal syntax <length> | <percentage> | auto examples body { background: beige; } div { position: absolute; top: 10%; right: 40%; bottom: 20%; left: 15%; background: gold; border: 1px solid blue; } <div>the size of this content is determined by the position of its edges.</div> specifications specification ...
transform-origin - CSS: Cascading Style Sheets
the
other value must be a <length>, a <percentage>, or one of the keywords top, center, and bottom.
...words are convenience shorthands and match the following <percentage> values: keyword value left 0% center 50% right 100% top 0% bottom 100% formal definition initial value50% 50% 0applies totransformable elementsinheritednopercentagesrefer to the size of bounding boxcomputed valuefor <length> the absolute value,
otherwise a percentageanimation typesimple list of length, percentage, or calc formal syntax [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?where <length-percentage> = <length> | <percentage> examples code sample transform: none; ...
unicode-bidi - CSS: Cascading Style Sheets
for block container elements this creates an override for inline-level descendants not within an
other block container element.
...efinition initial valuenormalapplies toall elements, though some values have no effect on non-inline elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax normal | embed | isolate | bidi-override | isolate-override | plaintext examples css .bible-quote { direction: rtl; unicode-bidi: embed; } html <div class="bible-quote"> a line of text </div> <div> an
other line of text </div> result specifications specification status comment css writing modes module level 3the definition of 'unicode-bidi' in that specification.
url() - CSS: Cascading Style Sheets
the url() function can be passed as a parameter of an
other css functions, like the attr() function.
...s.png); src: url('fantasticfont.woff'); offset-path: url(#path); mask-image: url("masks.svg#mask1"); /* properties with fallbacks */ cursor: url(pointer.cur), pointer; /* associated short-hand properties */ background: url('https://mdn.mozillademos.org/files/16761/star.gif') bottom right repeat-x blue; border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space; /* as a parameter in an
other css function */ background-image: cross-fade(20% url(first.png), url(second.png)); mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent); /* as part of a non-shorthand multiple value */ content: url(star.svg) url(star.svg) url(star.svg) url(star.svg) url(star.svg); /* at-rules */ @document url("https://www.example.com/") { ...
word-break - CSS: Cascading Style Sheets
the word-break css property sets whether line breaks appear wherever the text would
otherwise overflow its content box.
... note: in contrast to word-break: break-word and overflow-wrap: break-word (see overflow-wrap), word-break: break-all will create a break at the exact place where text would
otherwise overflow its container (even if putting an entire word on its own line would negate the need for a break).
regexp:replace() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes regexp:replace() replaces the portions of a string that match a given regular expression with the contents of an
other string.
...
otherwise only the first occurrence is replaced.
Want-Digest - HTTP
if want-digest does not include any digest algorithms that the server supports, the server may respond with: a digest calculated using a different digest algorithm, or a 400 bad request error, and include an
other want-digest header with that response, listing the algorithms that it does support.
...ojrjn3owduoywxbf7kbu9dbpe= unsupported digests the server does not support any of the requested digest algorithms, so uses a different algorithm: request: get /item want-digest: sha;q=1 response: http/1.1 200 ok digest: sha-256=x48e9qookqqrvdts8nojrjn3owduoywxbf7kbu9dbpe= the server does not support any of the requested digest algorithms, so responds with a 400 error and includes an
other want-digest header, listing the algorithms that it does support: request: get /item want-digest: sha;q=1 response: http/1.1 400 bad request want-digest: sha-256, sha-512 specifications specification title draft-ietf-httpbis-digest-headers-latest resource digests for http this header was originally defined in rfc 3230, but the definition of...
X-Forwarded-For - HTTP
x-forwarded-for is also an email-header indicating that an email-message was forwarded from an
other account.
... examples x-forwarded-for: 2001:db8:85a3:8d3:1319:8a2e:370:7348 x-forwarded-for: 203.0.113.195 x-forwarded-for: 203.0.113.195, 70.41.3.18, 150.172.238.178
other non-standard forms: # used for some google services x-proxyuser-ip: 203.0.113.19 specifications not part of any current specification.
Link prefetching FAQ - HTTP
if you are using an
other application which uses the network, link prefetching in mozilla may compete for bandwidth with the
other application.
...
other protocols (such as ftp) do not provide rich enough support for client side caching.
HTTP Messages - HTTP
they provide http messages through config files (for proxies or servers), apis (for browsers), or
other interfaces.
... headers http headers for responses follow the same structure as any
other header: a case-insensitive string followed by a colon (':') and a value whose structure depends upon the type of the header.
PATCH - HTTP
patch (like put) may have side-effects on
other resources.
... an
other (implicit) indication that patch is allowed, is the presence of the accept-patch header, which specifies the patch document formats accepted by the server.
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.
...
other than the upgrade and connection headers, the rest are generally optional or handled for you by the browser and server when they're talking to each
other.
Proxy servers and tunneling - HTTP
forward proxies can also be anonymous proxies and allow users to hide their ip address while browsing the web or using
other internet services.
...this can be useful if a proxy is used to provide client anonymity, but in
other cases information from the original request is lost.
A typical HTTP session - HTTP
other ports can also be used, like 8000 or 8080.
...an absolute url without the protocol or domain name the http protocol version subsequent lines represent an http header, giving the server information about what type of data is appropriate (e.g., what language, what mime types), or
other data altering its behavior (e.g., not sending an answer if it is already cached).
Meta programming - JavaScript
if the target object is not extensible, then the result list must contain all the keys of the own properties of target and no
other values.
...eflect.apply(math.floor, undefined, [1.75]) // 1 reflect.apply(string.fromcharcode, undefined, [104, 101, 108, 108, 111]) // "hello" reflect.apply(regexp.prototype.exec, /ab/, ['confabulation']).index // 4 reflect.apply(''.charat, 'ponies', [3]) // "i" checking if property definition has been successful with object.defineproperty, which returns an object if successful, or throws a typeerror
otherwise, you would use a try...catch block to catch any error that occurred while defining a property.
Unicode property escapes - JavaScript
for instance, english and spanish are written using the latin script while arabic and russian are written with
other scripts (respectively arabic and cyrillic).
...however, such forms only match characters from the latin script (in
other words, a to z and a to z for \w and 0 to 9 for \d).
constructor - JavaScript
} description a constructor enables you to provide any custom initialization that must be done before any
other methods can be called on an instantiated object.
... this.name = 'square'; } get area() { return this.height * this.width; } set area(value) { this.height = value**0.5; this.width = value**0.5; } } an
other example here the prototype of square class is changed—but the constructor of its base class polygon is still called when a new instance of a square is created.
static - JavaScript
calling static methods from an
other static method in order to call a static method within an
other static method of the same class, you can use the this keyword.
... class staticmethodcall { static staticmethod() { return 'static method has been called'; } static an
otherstaticmethod() { return this.staticmethod() + ' from an
other static method'; } } staticmethodcall.staticmethod(); // 'static method has been called' staticmethodcall.an
otherstaticmethod(); // 'static method has been called from an
other static method' calling static methods from a class constructor and
other methods static methods are not directly accessible using the this keyword from non-static methods.
TypeError: X.prototype.y called on incompatible type - JavaScript
this issue can also happen when providing a function that is stored as a property of an object as an argument to an
other function.
... in this case, the object that stores the function won't be the this target of that function when it is called by the
other function.
TypeError: cyclic object value - JavaScript
examples circular references in a circular structure like the following var circularreference = {
otherdata: 123}; circularreference.myself = circularreference; json.stringify() will fail json.stringify(circularreference); // typeerror: cyclic object value to serialize circular references you can use a library that supports them (e.g.
... loss) a cyclic reference by using the replacer parameter of json.stringify(): const getcircularreplacer = () => { const seen = new weakset(); return (key, value) => { if (typeof value === "object" && value !== null) { if (seen.has(value)) { return; } seen.add(value); } return value; }; }; json.stringify(circularreference, getcircularreplacer()); // {"
otherdata":123} ...
SyntaxError: missing ; before statement - JavaScript
however, oftentimes, this error is only a consequence of an
other error, like not escaping strings properly, or using var wrongly.
... var obj = {}; var obj.foo = 'hi'; // syntaxerror missing ; before statement var array = []; var array[0] = 'there'; // syntaxerror missing ; before statement instead, omit the var keyword: var obj = {}; obj.foo = 'hi'; var array = []; array[0] = 'there'; bad keywords if you come from an
other programming language, it is also common to use keywords that don't mean the same or have no meaning at all in javascript: def print(info){ console.log(info); }; // syntaxerror missing ; before statement instead, use function instead of def: function print(info){ console.log(info); }; ...
Arrow function expressions - JavaScript
var f = () => { 'use strict'; return this; }; f() === window; // or the global object all
other strict mode rules apply normally.
...an
other example involving object.defineproperty(): 'use strict'; var obj = { a: 10 }; object.defineproperty(obj, 'b', { get: () => { console.log(this.a, typeof this.a, this); // undefined 'undefined' window {...} (or the global object) return this.a + 10; // represents global object 'window', therefore 'this.a' returns 'undefined' } }); use of the new operator arrow functions cannot b...
Default parameters - JavaScript
other falsy values in the second call in this example, even if the first argument is set explicitly to undefined (though not null or
other falsy values), the value of the num argument is still the default.
... function test(num = 1) { console.log(typeof num) } test() // 'number' (num is set to 1) test(undefined) // 'number' (num is set to 1 too) // test with
other falsy values: test('') // 'string' (num is set to '') test(null) // 'object' (num is set to null) evaluated at call time the default argument is evaluated at call time.
arguments.callee - JavaScript
1 : arguments.callee(n - 1) * n; }); however, this was actually a really bad solution as this (in conjunction with
other arguments, callee, and caller issues) make inlining and tail recursion impossible in the general case (you can achieve it in select cases through tracing, etc., but even the best code is suboptimal due to checks that would not
otherwise be necessary.) the
other major issue is that the recursive call will get a different this value, e.g.: var global = this; var sillyfunction = function(recursed)...
...1 : factorial(n - 1)*n; }); this has numerous benefits: the function can be called like any
other from inside your code it does not create a variable in the outer scope (except for ie 8 and below) it has better performance than accessing the arguments object an
other feature that was deprecated was arguments.callee.caller, or more specifically function.caller.
Array.prototype.lastIndexOf() - JavaScript
polyfill lastindexof was added to the ecma-262 standard in the 5th edition; as such it may not be present in
other implementations of the standard.
... var numbers = [2, 5, 9, 2]; numbers.lastindexof(2); // 3 numbers.lastindexof(7); // -1 numbers.lastindexof(2, 3); // 3 numbers.lastindexof(2, 2); // 0 numbers.lastindexof(2, -2); // 0 numbers.lastindexof(2, -1); // 3 finding all the occurrences of an element the following example uses lastindexof to find all the indices of an element in a given array, using push to add them to an
other array as they are found.
Array.prototype.slice() - JavaScript
changes to the string, number, or boolean in one array do not affect the
other array.
... if a new element is added to either array, the
other array is not affected.
Array.prototype.sort() - JavaScript
if comparefunction(a, b) returns 0, leave a and b unchanged with respect to each
other, but sorted with respect to all different elements.
...strings with accented characters (e, é, è, a, ä, etc.), strings from languages
other than english, use string.localecompare.
ArrayBuffer - JavaScript
it is an array of bytes, often referred to in
other languages as a "byte array".you cannot directly manipulate the contents of an arraybuffer; instead, you create one of the typed array objects or a dataview object which represents the buffer in a specific format, and use that to read and write the contents of the buffer.
...returns false
otherwise.
Date() constructor - JavaScript
any missing fields are given the lowest possible value (1 for day and 0 for every
other component).
...all
other values are the actual year.
Date.prototype.getTime() - JavaScript
for example, a client browser in one timezone, gettime() will be the same as a client browser in any
other timezone.
... you can use this method to help assign a date and time to an
other date object.
Date.prototype.toLocaleString() - JavaScript
most notably, the ie and edge browsers insert bidirectional control characters around dates, so the output text will flow properly when concatenated with
other text.
... for this reason, you cannot expect to be able to compare the results of tolocalestring() to a static value: "1/1/2019, 01:00:00" === new date("2019-01-01t01:00:00z").tolocalestring("en-us"); // true in firefox and
others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
Error - JavaScript
error types besides the generic error constructor, there are seven
other core error constructors in javascript.
...
otherwise, old versions of babel and
other transpilers will not correctly handle the following code without additional configuration.
Function.prototype.bind() - JavaScript
// yes, it does work with `new (funca.bind(thisarg, args))` if (!function.prototype.bind) (function(){ var arrayprototypeslice = array.prototype.slice; function.prototype.bind = function(
otherthis) { if (typeof this !== 'function') { // closest thing possible to the ecmascript 5 // internal iscallable function throw new typeerror('function.prototype.bind - what is trying to be bound is not callable'); } var baseargs= arrayprototypeslice.call(arguments, 1), baseargslength = baseargs.length, ftobind = this, fnop = function() {}, ...
...this :
otherthis, baseargs ); }; if (this.prototype) { // function.prototype doesn't have a prototype property fnop.prototype = this.prototype; } fbound.prototype = new fnop(); return fbound; }; })(); some of the many differences (there may well be
others, as this list does not seriously attempt to be exhaustive) between this algorithm and the specified algorithm are: the partial implementation relies on array.prototype.slice(), array.prototype.concat(), function.prototype.call() and function.proto...
Function.prototype.call() - JavaScript
with call(), you can write a method once and then inherit it in an
other object, without having to rewrite the method for the new object.
... two
other functions, food and toy, invoke product, passing this, name, and price.
WeakMap - JavaScript
these references prevent the keys from being garbage collected, even if there are no
other references to the object.
... by contrast, native weakmaps hold "weak" references to key objects, which means that they do not prevent garbage collection in case there would be no
other reference to the key object.
WebAssembly - JavaScript
unlike most
other global objects, webassembly is not a constructor (it is not a function object).
... you can compare it to math, which is also a namespace object for mathematical constants and functions, or to intl which is the namespace object for internationalization constructors and
other language-sensitive functions.
isFinite() - JavaScript
return value false if the argument is positive or negative infinity or nan or undefined;
otherwise, true.
...if the argument is nan, positive infinity, or negative infinity, this method returns false;
otherwise, it returns true.
undefined - JavaScript
while it is possible to use it as an identifier (variable name) in any scope
other than the global scope (because undefined is not a reserved word), doing so is a very bad idea that will make your code difficult to maintain and debug.
... // x has not been declared before if (typeof x === 'undefined') { // evaluates to true without errors // these statements execute } if (x === undefined) { // throws a referenceerror } however, there is an
other alternative.
Comma operator (,) - JavaScript
var a, b, c; a = b = 3, c = 4; // returns 4 in console console.log(a); // 3 (left-most) var x, y, z; x = (y = 5, z = 6); // returns 6 in console console.log(x); // 6 (right-most) processing and then returning an
other example that one could make with comma operator is processing before returning.
... as stated, only the last element will be returned but all
others are going to be evaluated as well.
Destructuring assignment - JavaScript
the current design is useful if you want to be able to call the function without supplying any parameters, the
other can be useful when you want to ensure an object is passed to the function.
...itle: 'javascript-umgebung' } ], url: '/docs/tools/scratchpad' }; let { title: englishtitle, // rename translations: [ { title: localetitle, // rename }, ], } = metadata; console.log(englishtitle); // "scratchpad" console.log(localetitle); // "javascript-umgebung" for of iteration and destructuring const people = [ { name: 'mike smith', family: { m
other: 'jane smith', father: 'harry smith', sister: 'samantha smith' }, age: 35 }, { name: 'tom jones', family: { m
other: 'norah jones', father: 'richard jones', br
other: 'howard jones' }, age: 25 } ]; for (const {name: n, family: {father: f}} of people) { console.log('name: ' + n + ', father: ' + f); } // "name: mike smith, father: harry ...
Equality (==) - JavaScript
if one operand is null and the
other is undefined, return true.
... if one of the operands is an object and the
other is a number or a string, try to convert the object to a primitive using the object's valueof() and tostring() methods.
Exponentiation (**) - JavaScript
in most languages, such as php, python, and
others that have an exponentiation operator (**), the exponentiation operator is defined to have a higher precedence than unary operators, such as unary + and unary -, but there are a few exceptions.
... -2 ** 2; // 4 in bash, -4 in
other languages.
Logical NOT (!) - JavaScript
when used with non-boolean values, it returns false if its single operand can be converted to true;
otherwise, returns true.
... syntax !expr description returns false if its single operand can be converted to true;
otherwise, returns true.
Logical OR assignment (||=) - JavaScript
in
other words, x ||= y is equivalent to: x || (x = y); and not equivalent to the following which would always perform an assignment: x = x || y; note that this behavior is different to mathematical and bitwise assignment operators.
...if an empty string is returned (a falsy value), ||= must be used,
otherwise you want to use the ??= operator (for null or undefined return values).
Property accessors - JavaScript
any
other value, including a number, is coerced to a string.
...put an
other way, this does not necessarily refer to the object containing a method.
Unsigned right shift (>>>) - JavaScript
unlike the
other bitwise operators, zero-fill right shift returns an unsigned 32-bit integer.
...unlike the
other bitwise operators, zero-fill right shift returns an unsigned 32-bit integer.
Expressions and operators - JavaScript
yield* delegate to an
other generator function or iterable object.
... instanceof the instanceof operator determines whether an object is an instance of an
other object.
function* - JavaScript
when the iterator's next() method is called, the generator function's body is executed until the first yield expression, which specifies the value to be returned from the iterator or, with yield*, delegates to an
other generator function.
... example with yield* function* an
othergenerator(i) { yield i + 1; yield i + 2; yield i + 3; } function* generator(i) { yield i; yield* an
othergenerator(i); yield i + 10; } var gen = generator(10); console.log(gen.next().value); // 10 console.log(gen.next().value); // 11 console.log(gen.next().value); // 12 console.log(gen.next().value); // 13 console.log(gen.next().value); // 20 passing arguments into generators func...
import - JavaScript
the static import statement is used to import read only live bindings which are exported by an
other module.
... import { reallyreallylongmoduleexportname as shortname, an
otherlongmodulename as short } from '/modules/my-module.js'; import a module for its side effects only import an entire module for side effects only, without importing anything.