Index
that's a good opportunity to talk about ssl/tls connections to servers in general (not just ev, not just websites).
...but if you don't care about modifying the default trust permanently (recorded on disk), you can use the no-database init calls.
... 74 nss 3.21 release notes 2016-01-07, this page has been updated to include additional information about the release.
...And 29 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.
...the resources here provide information about this language binding and how to use it.
...it lets you get pointers to components inside mozilla, and it lets you talk about their interfaces as well.
...And 29 more matches

XUL controls - Archive of obsolete content
<button label="save" accesskey="s"/> more information about the button element.
... <button type="menu" label="view"> <menupopup> <menuitem label="list"/> <menuitem label="details"/> </menupopup> </button> more information about this type of menu button element.
... <button type="menu-button" label="new"> <menupopup> <menuitem label="new document"/> <menuitem label="new image"/> </menupopup> </button> more information about this type of menu button element.
...And 16 more matches

sslfnc.html
see the description below for more information about this option.
...for information about the options available and the possible values to pass in this parameter, see the description of the option parameter under ssl_optionsetdefault.
...applications may disable any cipher suites that they don't know about (for example, that they cannot present to the user via a gui).
...And 15 more matches

Mozilla
the articles below include content about downloading and building mozilla code.
... in addition, you'll find helpful articles about how the code works, how to build add-ons for mozilla applications and the like.
...see the gecko overview for more information about the style system.
...And 14 more matches

Event reference
each event is represented by an object which is based on the event interface, and may have additional custom fields and/or functions used to get additional information about what happened.
... beforeunload the window, the document and its resources are about to be unloaded.
... focusin an element is about to receive focus (does bubble).
...And 14 more matches

@font-feature-values - CSS: Cascading Style Sheets
to change preferences in firefox, visit about:config.ie no support noopera no support nosafari full support 9.1webview android no support nochrome android no support nofirefox android full support ...
...to change preferences in firefox, visit about:config.opera android no support nosafari ios full support 9.3samsung internet android no support no@annotationchrome no support noedge no support nofirefox full support 34 full support ...
...to change preferences in firefox, visit about:config.ie no support noopera no support nosafari full support 9.1webview android no support nochrome android no support nofirefox android full support 34 full support 34 full support ...
...And 13 more matches

Game promotion - Game development
there are many ways to promote your game — most of them being free, so even if you're struggling to make a living as an indie dev with zero budget you can still do a lot to let people know about your great new game.
... website and blog you should definitely create your own website containing all the information about your games, so people can see what you've worked on.
... you should also blog about everything related to your gamedev activities.
...And 12 more matches

Aprender y obtener ayuda - Learn web development
there are also are times when you'll get stuck and feel frustrated — even professional web developers feel like this regularly — and it pays to know about the most effective ways to try and get help so you can progress in your work.
... this article provides some hints and tips in both of these areas that will help you get more out of learning web development, as well as further reading so you can find out more information about each sub-topic should you wish..
... effective learning let's move straight on and think about effective learning.
...And 12 more matches

TypeScript support in Svelte - Learn web development
previous overview: client-side javascript frameworks next in the last article we learned about svelte stores and even implemented our own custom store to persist the app's information to web storage.
...there are different opinions about it, and in this chapter we will talk briefly about the pros and cons of using typescript.
... note: if you are curious about how typescript transpiles our code to javascript you can have a look at the typescript playground.
...And 12 more matches

Zombie compartments
viewing live compartments if you want to see a list of live compartments, type "about:memory" into the address bar and click on the measure button.
... js-compartment([system principal], 0x7f10f1250000) compartment(atoms) js-compartment(about:home) js-compartment(about:blank) compartment([system principal], resource://gre/modules/addons/xpiprovider.jsm) when looking at user compartments there are a couple of things to be aware of.
... for example, if i open https://bugzilla.mozilla.org/show_bug.cgi?id=668871 in one tab, then compartment(https://bugzilla.mozilla.org/show_bug.cgi?id=668871) will show up in about:memory.
...And 12 more matches

Introduction to client-side frameworks - Learn web development
overview: client-side javascript frameworks next we begin our look at frameworks with a general overview of the area, looking at a brief history of javascript and frameworks, why frameworks exist and what they give us, how to start thinking about choosing a framework to learn, and what alternatives there are to client-side frameworks.
... objective: to understand how client-side javascript frameworks came to exist, what problems they solve, what alternatives there are, and how to go about choosing one.
...a framework is a library that offers opinions about how software gets built.
...And 11 more matches

JSAPI User Guide
(this is a mere nicety if the process is about to exit anyway.
...it amounts to about 80 lines of code, as shown below.
...the garbage collector is rather eager about its job.
...And 11 more matches

BasicCardResponse - Web APIs
to change preferences in firefox, visit about:config.ie no support noopera no support nosafari ?
...to change preferences in firefox, visit about:config.opera android no support nosafari ios ?
...to change preferences in firefox, visit about:config.ie no support noopera no support nosafari ?
...And 11 more matches

Introduction to XPCOM for the DOM
the use of xpcom and nscomptr's described in this document covers about 80% of what you need to know to read the dom code, and even write some.
...a tutorial about how to add a new interface is also provided, and eventually, a more detailed discussion of class inheritance in c++.
...interface to a set of methods that manipulate an object (often represented by a class), without worrying about the details of the implementation.
...And 10 more matches

Plug-in Basics - Plugins
go to the help menu, and click help and then about plug-ins.
... type "about:plugins" in the location bar.
...for more information about helper applications, refer to the netscape online help.
...And 10 more matches

Index - Archive of obsolete content
for more information about how to use an overlay to modify a menu, see using menus and popups in extensions 441 methods xul methods, xul reference no summary!
... 612 tooltips xul, xul popup guide a tooltip is used to provide descriptive help to the user about the control that the mouse is over.
...this is a useful means of providing additional details about a user interface without cluttering up the main interface.
...And 9 more matches

Plug-in Development Overview - Gecko Plugin API Reference
also see making plug-ins scriptable for more information about making plug-ins accessible from the browser.
...for information about the html elements to use, see using html to display plug-ins.
...for more information about mime types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one: format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
...And 9 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.
... caring about accessibility demonstrates good ethics and morals, which improves your public image.
...the key lesson here is to think beyond your own computer and how you use the web, and start learning about how others use it — you are not your users.
...And 9 more matches

Storing the information you need — Variables - Learn web development
but one special thing about variables is that their contained values can change.
... to understand why this is so useful, let's think about how we'd write this example without using a variable.
... variables just make sense, and as you learn more about javascript they will start to become second nature.
...And 9 more matches

Client-Server Overview - Learn web development
an html file containing information about a product, or a list of products).
... head: get the metadata information about a specific resource without getting the body like get would.
...cookies contain session data about the client, including keys that the server can use to determine their login status and permissions/accesses to resources.
...And 9 more matches

Handling common accessibility problems - Learn web development
however, it is wrong to say that accessibility is just about disabilities.
... in a way, this whole module is about accessibility — cross browser testing makes sure that your sites can be used by as many people as possible.
...we've already talked about other spheres such as responsive design and performance in other places in the module.
...And 9 more matches

Application Translation with Mercurial
the page which opens has a bar holding information about how many texts (strings) have already been translated, how many there are in english and your locale and have the same text, and how many are missing in your local.
...in this example, the file aboutdialog can be found in the folder browser/chrome/browser/.
...in this example we will translate the one new text with the id privatebrowsingpage.howtostart4 in the file aboutprivatebrowsing.dtd.
...And 9 more matches

Gecko Profiler FAQ
this documents lists a number of questions asked by people in preparation for a tutorial session about the gecko profiler.
... the gecko profiler currently doesn’t have the ability to show you information about line numbers, neither for js code nor for native code.
... for js code, the profiler platform doesn’t capture any information about lines.
...And 9 more matches

Plug-in Development Overview - Plugins
also see making plug-ins scriptable for more information about making plug-ins accessible from the browser.
...for information about the html elements to use, see using html to display plug-ins.
...for more information about mime types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one: format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
...And 9 more matches

RTCStatsReport - Web APIs
codec an rtccodecstats object containing statistics about a codec currently being used by rtp streams to send or receive data for the rtcpeerconnection.
... data-channel an rtcdatachannelstats object which contains statistics about each rtcdatachannel on the connection.
... inbound-rtp an rtcinboundrtpstreamstats object providing statistics about inbound data being received from remote peers.
...And 9 more matches

RTCStatsType - Web APIs
codec an rtccodecstats object containing statistics about a codec currently being used by rtp streams to send or receive data for the rtcpeerconnection.
... data-channel an rtcdatachannelstats object which contains statistics about each rtcdatachannel on the connection.
... inbound-rtp an rtcinboundrtpstreamstats object providing statistics about inbound data being received from remote peers.
...And 9 more matches

Using Service Workers - Web APIs
however, it made many assumptions about what you were trying to do and then broke horribly when your app didn’t follow those assumptions exactly.
...if however you find that demo code is not working in your installed versions, you might need to enable a pref: firefox nightly: go to about:config and set dom.serviceworkers.enabled to true; restart browser.
... microsoft edge: go to about:flags and tick enable service workers; restart browser.
...And 9 more matches

Introduction to Public-Key Cryptography - Archive of obsolete content
for more information about the role of cas, see "how ca certificates are used to establish trust".
...for more detailed information about ssl, see "introduction to ssl." signed and encrypted email some email programs support digitally signed and encrypted email using a widely accepted protocol known as secure multipurpose internet mail extension (s/mime).
...(for information about the way digital signatures work, see "digital signatures".) s/mime also makes it possible to encrypt email messages.
...And 8 more matches

HTML: A good basis for accessibility - Learn web development
html and accessibility as you learn more about html — read more resources, look at more examples, etc.
...after all, you can use a combination of css and javascript to make just about any html element behave in whatever way you want.
... good semantics we've already talked about the importance of proper semantics, and why we should use the right html element for the job.
...And 8 more matches

HTML: A good basis for accessibility - Learn web development
html and accessibility as you learn more about html — read more resources, look at more examples, etc.
...after all, you can use a combination of css and javascript to make just about any html element behave in whatever way you want.
... good semantics we've already talked about the importance of proper semantics, and why we should use the right html element for the job.
...And 8 more matches

HTML text fundamentals - Learn web development
(you'll find out more about these later on in the course.) we've applied some css to it to make it look like a top level heading, but since it has no semantic value, it will not get any of the extra benefits described above.
...lists are everywhere on the web, too, and we've got three different types to worry about.
...that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; ordered ordered lists are lists in which the order of the items does matter—let's take a set of directions as an example: drive to the end of the road turn right go straight across the first two roundabouts turn left at the third roundabout the school is on your right, 300 meters up the road the markup structure is the same as for unordered lists, except that you have to wrap the list items in an <ol> element, rather than <ul>: <ol> <li>drive to the end of the road</li> <li>turn right</li> <li>go straight across the first two roundabouts</li> <li>turn left at the third roundabout</li> <...
...And 8 more matches

An Overview of XPCOM
« previousnext » this is a book about xpcom.
... the book is presented as a tutorial about creating xpcom components, but it covers all major aspects, concepts, and terminology of the xpcom component model along the way.
...the difference here is that a "helloworld" application in xpcom finds this screen-printing functionality at runtime and never has to know about stdio when it's compiled.
...And 8 more matches

Mail and RDF
you should learn about rdf before reading this document or you will be hopelessly confused.
... datasources we have a few primary datasources used in mail: nsmsgaccountdatasource - answers queries about arcs coming out of msgaccounts:/.
...note that it does not actually know anything about the servers who's uris it returns.
...And 8 more matches

Fullscreen API - Web APIs
see using feature policy to learn more about using feature policy to control access to an api.
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.
...And 8 more matches

Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
if you're interested in more about gecko's msaa implementation, read gecko info for windows accessibility vendors to learn how msaa clients can utilize gecko's msaa support.
...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.
...for example, gecko support isimpledomnode to provide information about the dom node for an accessible object.
...And 8 more matches

HTTP Index - HTTP
70 content-disposition http, reference, header in a multipart/form-data body, the http content-disposition general header is a header that can be used on the subpart of a multipart body to give information about the field it applies to.
... 123 feature-policy: accelerometer accelerometer, directive, feature policy, http, reference the http feature-policy header accelerometer directive controls whether the current document is allowed to gather information about the acceleration of the device through the accelerometer interface.
... 124 feature-policy: ambient-light-sensor ambient light sensor, feature policy, http the http feature-policy header ambient-light-sensor directive controls whether the current document is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
...And 8 more matches

JavaScript modules - JavaScript
it has therefore made sense in recent years to start thinking about providing mechanisms for splitting javascript programs up into separate modules that can be imported when needed.
... the good news is that modern browsers have started to support module functionality natively, and this is what this article is all about.
...to change preferences in firefox, visit about:config.ie no support noopera full support 48safari full support 10.1webview android full support 61chrome android full support 61firefox android full support ...
...And 8 more matches

test/assert - Archive of obsolete content
you can use this object to make assertions about your program's state.
... assert an object used to make assertions about a program's state in order to implement unit tests.
... message : string optional message to log, providing extra information about the test.
...And 7 more matches

Popup Guide - Archive of obsolete content
tooltips when the mouse is positioned over a ui control, a tooltip provides a small box with descriptive help about that control.
... working with popups the following additional information is available about manipulating menus and popups.
...for detailed information about how to open a popup see opening a popup or opening a menu.
...And 7 more matches

Mozilla release FAQ - Archive of obsolete content
general questions about the mozilla project what is mozilla?
...for example, if you were to make a proposal to compress whole webpages before sending them, devise a new protocol to do so, research how http works, how html works, and think about all the good *and* bad points of reworking things.
...when i try to use cvs on windows, i get an error about no home directory you need to set the home environment variable to a valid directory, as cvs was designed with unix in mind, and wants to put a file in your home directory (the password file) i'm on a unix system, and still am having problems building here's a brief guide to common build problems: cc1: invalid option 'foo' cc: no such file or directory 'foo' these are almost always caused by you...
...And 7 more matches

WAI-ARIA basics - Learn web development
an important point about wai-aria attributes is that they don't affect anything about the web page, except for the information exposed by the browser's accessibility apis (where screenreaders get their information from).
... next, you need to worry about whether the browsers in question support aria features and expose them via their apis, but also whether screenreaders recognise that information and present it to their users in a useful way.
...instead, we will cover the most critical wai-aria features for you to know about; if we don't mention any support details, you can assume that the feature is well-supported.
...And 7 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.
... objective: to learn about the html head, its purpose, the most important items it can contain, and what effect it can have on the html document.
...instead, the head's job is to contain metadata about the document.
...And 7 more matches

CustomizableUI.jsm
note that it is expressly not really aware about the specific ui used by users to make customizations.
...customizableui assumes that each area it is told about is present in every browser window.
...anode is the dom node changed, anextnode the dom node (if any) before which a widget will be inserted, acontainer the actual dom container (could be an overflow panel in case of an overflowable toolbar), and awasremoval is true iff the action about to happen is the removal of the dom node.
...And 7 more matches

DevTools API - Firefox Developer Tools
a definition is a js light object that exposes different information about the tool (like its name and its icon), and a build method that will be used later-on to start an instance of this tool.
... parameters: tooldefinition {tooldefinition} - an object that contains information about the tool.
... parameters: themedefinition {themedefinition} - an object that contains information about the theme.
...And 7 more matches

HTTP headers - HTTP
request headers contain more information about the resource to be fetched, or about the client requesting the resource.
... response headers hold additional information about the response, like its location or about the server providing it.
... entity headers contain information about the body of the resource, like its content length or mime type.
...And 7 more matches

Extension Versioning, Update and Compatibility - Archive of obsolete content
compatibility updates during the automatic update checks, applications look for both new versions and updated compatibility information about the currently installed version of an add-on.
...it lists information about 2 different versions of the extension with id foobar@developer.mozilla.org.
... it is important to get the initial rdf:description's about attribute correct.
...And 6 more matches

Install Manifests - Archive of obsolete content
firefox or thunderbird) uses to determine information about an add-on as it is being installed.
... it contains metadata identifying the add-on, providing information about who created it, where more information can be found about it, which versions of what applications it is compatible with, how it should be updated, and so on.
... layout the basic layout of an install manifest is like so: <?xml version="1.0" encoding="utf-8"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <!-- properties --> </description> </rdf> some properties are required, some are optional.
...And 6 more matches

The box model - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the css box model, what makes up the box model and how to switch to the alternate model.
...any direct children of this box will become flex items and will be laid out according to the rules set out in the flexbox spec, which you'll learn about later on.
... note: to read more about the values of display, and how boxes work in block and inline layout, take a look at the mdn guide to block and inline layout.
...And 6 more matches

Deployment and next steps - Learn web development
previous overview: client-side javascript frameworks in the previous article we learning about svelte's typescript support, and how to use it to make your application more robust.
...there are different opinions about it, and in this chapter we will talk briefly about the pros and cons of using typescript.
... learning more about svelte in this section we'll give you some resources and projects to go and check out, to take your svelte learning further.
...And 6 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.
...to start with, when we talk about sites "working cross browser", we are really saying that they should provide an acceptable user experience across different browsers.
... second, when we say "across an acceptable number of web browsers", we don't mean 100% of the browsers in the world — this is just about impossible.
...And 6 more matches

Package management basics - Learn web development
a project dependency can be an entire javascript library or framework — such as react or vue — or a very small utility like our human-readable date library, or it can be a command line tool such as prettier or eslint, which we talked about in previous articles.
...type in something really simple, like "a simple npm package to learn about using npm", then press return.
...open it up and it should look something like this: { "name": "parcel-experiment", "version": "1.0.0", "description": "a simple npm package to learn about using npm", "main": "index.js", "scripts": { "test": "echo \"error: no test specified\" && exit 1" }, "author": "chris mills", "license": "isc" } so this is the config file that defines your package.
...And 6 more matches

Creating the Component Code
using xpcom utilities to make things easier shows some simpler and more elegant ways to create an xpcom component using generic macros, and this chapter is more about learning the basics.
...in this case, the long-hand implementation gives us an opportunity to talk about various features of xpcom.
...instead, the nsimodule can ask for implementation details about the xpcom object.
...And 6 more matches

Observer Notifications
see receiving startup notifications for more information about how this works.
... quit-application the application is about to quit.
...see working with bfcache for information about the bfcache, and inner and outer windows for details about how the window hierarchy works.
...And 6 more matches

WebIDL bindings
the webidl bindings are generated at build time based on two things: the actual webidl file and a configuration file that lists some metadata about how the webidl should be reflected into gecko-internal code.
... the configuration file, dom/bindings/bindings.conf, is basically a python dict that maps interface names to information about the interface, called a descriptor.
... add an entry to dom/bindings/bindings.conf that sets some basic information about the implementation of the interface.
...And 6 more matches

Network request details - Firefox Developer Tools
this pane provides more detailed information about the request.
... network request details clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed information about the request.
... this includes: information about the request status: the response status code for the request; click the "?" icon to go to the reference page for the status code.
...And 6 more matches

Using IndexedDB - Web APIs
about this document this tutorial walks you through using the asynchronous api of indexeddb.
... if you are not familiar with indexeddb, you should first read basic concepts about indexeddb.
...(to learn more about how much storage you can have for each browser, see storage limits.) obviously, browsers do not want to allow some advertising network or malicious website to pollute your computer, so browsers used to prompt the user the first time any given web app attempts to open an indexeddb for storage.
...And 6 more matches

WebGLRenderingContext - Web APIs
webglrenderingcontext.getbufferparameter() returns information about the buffer.
... webglrenderingcontext.getframebufferattachmentparameter() returns information about the framebuffer.
... webglrenderingcontext.getrenderbufferparameter() returns information about the renderbuffer.
...And 6 more matches

WebRTC Statistics API - Web APIs
rtcicecandidatepairstats rtcstats certificate statistics about a certificate being used by an rtcicetransport.
... rtccertificatestats rtcstats codec statistics about a specific codec being used by streams being sent or received by this connection.
... rtcdatachannelstats rtcstats ice-server statistics about the connection to an ice server (stun or turn.
...And 6 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.
... cameras and relative movement when a classic live-action movie is filmed, the actors are on a set and move about the set as they perform, with one or more cameras watching their moves.
... points of view since the camera is a virtual object which, rather than necessarily representing a physical object in the virtual world, represents a viewer's position and viewing direction, it's useful to think about the kinds of situation that call for the use of a camera.
...And 6 more matches

Geometry and reference spaces in WebXR - Web APIs
you can learn more about the individual operations in matrix math for the web.
...in virtual reality (vr), it's all about creating a sense of space in which the user's movements are precisely matched by the imagery presented on the virtual display, to prevent disjoints and disconnects that could cause discomfort or worse.
... thus it's all about creating a sense of space.
...And 6 more matches

Media container formats (file types) - Web media technologies
in this guide, we'll look at the container formats used most commonly on the web, covering basics about their specifications as well as their benefits, limitations, and ideal use cases.
...see codecs used by webrtc for information about codecs commonly used for making webrtc calls, as well as browser compatibility information around codec support in webrtc.
... index of media container formats (file types) to learn more about a specific container format, find it in this list and click through to the details, which include information about what the container is typically useful for, what codecs it supports, and which browsers support it, among other specifics.
...And 6 more matches

Codecs used by WebRTC - Web media technologies
you'll find details about this on page 47 of rfc 6184.
... mandatory audio codecs codec name browser compatibility opus chrome, edge, firefox, safari g.711 pcm (a-law) chrome, firefox, safari g.711 pcm (µ-law) chrome, firefox, safari see below for more details about any webrtc-specific considerations that exist for each codec listed above.
...you can find more general information about opus and its capabilities, and how other apis can support opus, in the corresponding section of our guide to audio codecs used on the web.
...And 6 more matches

Chapter 5: Let's build a Firefox extension - Archive of obsolete content
true javascript.options.strict (present in firefox 3.5+) enforces strict error output from javascript true table 1: preferences to set for developing extensions to make these changes, start your development profile, type about:config into firefox’s location bar and open the preferences window; find the preferences listed in table 1 and double-click on them to set them accordingly.
...you can learn more about chromebug and download it at http://getfirebug.com/wiki/index.php/chromebug_user_guide you may also find this extension to be valuable: extension developer https://addons.mozilla.org/firefox/addon/7434 developing extensions: what you need to know let’s delve into chrome, something you’ll need to know about in order to develop extensions.
...ensions └───helloworld │ chrome.manifest │ install.rdf │ └───content clock.js clock.xul overlay.xul table 2: how files are used in phase 1 fixme: make the table cleaner file name role install.rdf called the install manifest, this gives basic information about the extension, and is required in order for the extension to be installed in firefox..
...And 5 more matches

The Essentials of an Extension - Archive of obsolete content
you can read about different possible types in the install.rdf specification.
...here's more about the version format.
... you also probably noticed how we format our code, and wonder about the rules we follow.
...And 5 more matches

Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
explaining overlays is beyond the scope of this tutorial -- you can read about them in the xul tutorial.
... here are some discussions at mozillazine about adding a toolbar button in a bootstrap addon: programmatically add a button to toolbar palette?
...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_la...
...And 5 more matches

Archive of obsolete content
or perhaps you're just curious about the history of an obsolete feature or api, and how it worked.
... api archived documentation about obsolete web standards apis.
... archived mozilla and build documentation these articles are archived, obsolete documents about mozilla, gecko, and the process of building mozilla projects.
...And 5 more matches

Game distribution - Game development
this article covers all you need to know about the ways in which you can distribute your newly created game into the wild.
... you don't need to have separate teams to work on the same title targeting different platforms with only one code base to worry about.
...you don't even have to worry about looking for a hosting provider as it's possible to host games on github pages.
...And 5 more matches

Index - MDN Web Docs Glossary: Definitions of Web-related terms
144 fetch metadata request header fetch metadata request headers, glossary a fetch metadata request header is a http request header that provides additional information about the context the request originated from.
... 202 head codingscripting, glossary, html, head, metadata the head is the part of an html document that contains metadata about that document, such as author, description, and links to css or javascript files that should be applied to the html.
...hoisting was thought up as a general way of thinking about how execution contexts (specifically the creation and execution phases) work in javascript.
...And 5 more matches

CSS and JavaScript accessibility best practices - Learn web development
screen reader users don't care about any of this — they are happy with the content as long as the source order makes sense, and they can get to it all.
...think carefully about whether you need that shiny javascript-powered 3d information box, or whether plain old text would do.
... think carefully about whether you need a complex non-standard form widget, or whether a text input would do.
...And 5 more matches

Organizing your CSS - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn some tips and best practices for organizing stylesheets, and find out about some of the naming conventions and tools in common usage to help with css organization and team working.
...you will thank yourself when you come back to this project in a year or so, and can vaguely remember there was a great tutorial about that thing, but where is it?
...for example, look at the classes applied to this html from the page about bem naming conventions: <form class="form form--theme-xmas form--simple"> <input class="form__input" type="text" /> <input class="form__submit form__submit--disabled" type="submit" /> </form> the additional classes are similar to those used in the oocss example, however they use the strict naming conventions of bem.
...And 5 more matches

create fancy boxes - Learn web development
it's fun because it's all about turning a design idea into working code; it's challenging because of annoying constraints and crazy freedom in the use of css.
... on the technical side, creating fancy boxes are all about mastering css border and background properties and how to apply them to a given box.
... but beyond the technics its also all about unleashing your creativity.
...And 5 more matches

Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
clearing intervals setinterval() keeps running a task forever, unless you do something about it.
...have a think about it: the number of seconds in an hour is 3600.
... things to keep in mind about settimeout() and setinterval() there are a few things to keep in mind when working with settimeout() and setinterval().
...And 5 more matches

Basic math in JavaScript — numbers and operators - Learn web development
before you start to get worried about your brain melting, stop right there!
... 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.
...but for the purposes of this course, we'll just worry about number values.
...And 5 more matches

Getting started with Svelte - Learn web development
it should take you about 30 minutes to complete.
...�── public │ ├── favicon.ico │ ├── index.html │ ├── global.css │ └── build │ ├── bundle.css │ ├── bundle.css.map │ ├── bundle.js │ └── bundle.js.map └── src ├── app.svelte └── main.js the contents are as follows: package.json and package-lock.json: contains information about the project that node.js/npm uses to keep it organized.
... you don't need to understand this file at all to complete this tutorial, however, if you'd like to learn more about it, you can read what is the file package.json?
...And 5 more matches

Understanding client-side JavaScript frameworks - Learn web development
as an aspiring front-end developer, it can be hard to work out where to begin when learning frameworks — there are so many different frameworks to choose from, new ones appear all the time, they mostly work in a similar way but do some things differently, and there are some specific things to be careful about when using frameworks.
...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.
...we want you to go forward and learn about frameworks in a pragmatic way that doesn't forget about web platform fundamental best practices such as accessibility.
...And 5 more matches

Handling common JavaScript problems - Learn web development
confusion about this, in terms of what scope it applies to, and therefore if its value is what you intended.
... linters as with html and css, you can ensure better quality, less error-prone javascript code using a linter, which points out errors and can also flag up warnings about bad practices, etc., and be customized to be stricter or more relaxed in their error/warning reporting.
... other uses there are other ways to use such linters; you can read about them on the jshint and eslint install pages.
...And 5 more matches

Introducing a complete toolchain - Learn web development
three stages of tools as we talked about in chapter 1, the toolchain will be structured into the following phases: safety net: making the software development experience stable and more efficient.
...however, bear in mind that if you want to refine and enforce a rule about how your code looks (or validates), it's very likely that it can be done with the right eslint configuration.
...here is an example eslint output: ./my-project/src/index.js 2:8 error 'react' is defined but never used no-unused-vars 22:20 error 'body' is defined but never used no-unused-vars 96:19 error 'b' is defined but never used no-unused-vars ✖ 3 problems (3 errors, 0 warnings) note: we'll install eslint in the next section; don't worry about this for now.
...And 5 more matches

Client-side tooling overview - Learn web development
in these articles, we won’t answer every question about web tooling, but we will provide you with a useful starting point of understanding the fundamentals, which you can then build from.
... linters linters are tools that check through your code and tell you about any errors that are present, what error types they are, and what code lines they are present on.
...you can find more information about it at git and github.
...And 5 more matches

Mozilla accessibility architecture
accessibility apis are used by 3rd party software like screen readers, screen magnifiers, and voice dictation software, which need information about document content and ui controls, as well as important events like changes of focus.
...accessibility apis on each operating system have built-in assumptions about what is the most important information, and how an accessibility server like mozilla should use the api's programmatic interfaces to expose this information to an accessibility client (the assistive technology).
...the shared code makes itself available to the toolkit-specific code via generic xpcom interfaces that return information about objects we want to expose.
...And 5 more matches

Displaying Places information using views
see querying places for information about obtaining and using nsinavhistoryresult objects, which this page assumes you are familiar with.
...see the tree reference and trees tutorial for general information about trees.
...how do you ask it about the data it displays?
...And 5 more matches

Getting Started with Chat
for example, do not talk about thunderbird issues in #firefox.
... channels here is a list of channels you should be aware of as a member of the mozilla community: (remember to use irc.mozilla.org and port 6697 or 6667 for your server settings) #qa a channel for qa discussion #developers a channel for mozilla development discussion #sumo a channel for support with firefox for more information about the mozilla irc network and more channels, go here.
... /whois nickname display information about the specified user.
...And 5 more matches

Mozilla DOM Hacking Guide
we will talk a lot about xpconnect in this document, since it is so important for the dom.
...i'm talking about the "scriptable flags".
...see section 1.5 for more information about the init() method.
...And 5 more matches

Investigating leaks using DMD heap scan mode
if your leak is a ghost window, it can be handy to get an about:memory report and write down the pid of the leaking process.
... the output will look something like this, after a message about loading progress: 0x7f0882fe3230 [fragmentorelement (xhtml) script https://www.example.com] --[[via hash] mlistenermanager]--> 0x7f0899b4e550 [eventlistenermanager] --[mlisteners event=onload listenertype=3 [i]]--> 0x7f0882ff8f80 [callbackobject] --[mincumbentglobal]--> 0x7f0897082c00 [nsglobalwindowinner # 2147483662 inner https://www.example.com] root 0x7f0882fe3230 is a re...
...together, these lines show a chain of strong references from an object the cycle collector thinks needs to be kept alive, 0x7f0899b4e550, to the object 0x7f0897082c00 that you asked about.
...And 5 more matches

Memory reporting
this is most obviously used in about:memory and telemetry.
... they provide more information to dmd, which is a tool that helps keep about:memory's "heap-unclassified" number low.
...if slop bytes aren't measured they'll end up in about:memory's heap-unclassified entry, which is bad.
...And 5 more matches

NSS tools : modutil
-list [modulename] display basic information about the contents of the secmod.db file.
... specifying a modulename displays detailed information about a particular module and its slots and tokens.
... "./pk11inst.dir/setup.sh" executed successfully installed module "example pkcs #11 module" into module database installation completed successfully adding module spec each module has information stored in the security database about its configuration and parameters.
...And 5 more matches

NSS tools : modutil
-list [modulename] display basic information about the contents of the secmod.db file.
... specifying a modulename displays detailed information about a particular module and its slots and tokens.
... "./pk11inst.dir/setup.sh" executed successfully installed module "example pkcs #11 module" into module database installation completed successfully adding module spec each module has information stored in the security database about its configuration and parameters.
...And 5 more matches

NSS tools : signtool
for more information about the syntax used with this file, see "tips and techniques".
...for example, you can use it with the -l option to get detailed information about a particular signing certificate.
...for more information about the use of the -g option, see "generating test object-signing certificates""generating test object-signing certificates" on page 1241.
...And 5 more matches

Handling Mozilla Security Bugs
thus people have strong feelings about how security-related bugs are handled, and in particular about the degree to which information about such bugs is publicly disclosed.
...in particular, we understand and acknowledge the concerns of those who believe that all information about security vulnerabilities should be publicly disclosed as soon as it is known, so that users may take immediate steps to protect themselves and so that problems can get the maximum amount of developer attention and be fixed as soon as possible.
... full information about security bugs will be restricted to a known group of people, using the bugzilla access control restrictions described above.
...And 5 more matches

Finishing the Component
the interfaces needed to block certain urls from loading are not frozen, and there is still some debate about how exactly this functionality should be exposed to embedders and component developers, so the apis are not ready to be published.
...see the following sidebar for information about how frozen and unfrozen interfaces can affect your component development, and for technical details about how interface changes beneath your code can cause havoc.
...they may be able to suggest a supported alternative, or they may be able to notify you about pending changes.
...And 5 more matches

Starting WebLock
you can then use the service manager to add the component to the category: nsresult rv; nscomptr<nsiservicemanager> servman = do_queryinterface((nsisupports*)acompmgr, &rv); if (ns_failed(rv)) return rv; do_queryinterface the previous code uses the special nscomptr function do_queryinterface that lets you queryinterface without having to worry about reference counting, error handling, and other overhead.
... instead of starting with the implementation, developers use xpidl (see xpidl and type libraries for more information about xpidl) to define the interface to the component: how the functionality should be organized, expressed, and exposed to its clients.
... as a strongly typed and implementation-agnostic language, xpidl requires that you be quite specific about the apis, the list of parameters, their order, and their types.
...And 5 more matches

Using XPCOM Components
component examples you can find out more about how you can use the particular components described here in the xpcom api reference.
... see http://www.mozilla.org/scriptable/ for more information about xpconnect and javascript.
...in object-oriented programming, it's typical to design the interface first-to define the functionality that's going to be provided in the abstract, without worrying about how this functionality will be achieved.
...And 5 more matches

mozIRegistry
it's not really about any "registry interface" so much as it's about how mozilla supports a more dynamic binding between interface clients and the code that actually provides the implementation of those interfaces.
... it happens that this objective requires storing information about which implementation to use in a place distinct from your source code.
...the information below is intended to tell you everything you need to know about how to do that.
...And 5 more matches

Working with windows in chrome code
opening windows from a <script> in a window or an overlay to open a new window, we usually use a window.open or window.opendialog dom call, like this: var win = window.open("chrome://myextension/content/about.xul", "aboutmyextension", "chrome,centerscreen"); the first parameter to window.open is the uri of the xul file that describes the window and its contents.
... var ww = components.classes["@mozilla.org/embedcomp/window-watcher;1"] .getservice(components.interfaces.nsiwindowwatcher); var win = ww.openwindow(null, "chrome://myextension/content/about.xul", "aboutmyextension", "chrome,centerscreen", null); window object note the win variable in the above section, which is assigned the return value of window.open.
... finding already opened windows the window mediator xpcom component (nsiwindowmediator interface) provides information about existing windows.
...And 5 more matches

Slottable - Web APIs
to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.ie no support noopera full support 40safari full support 10.1webview android full support 53chrome android full support 53firefox android full support 63 full support 63 ...
...to change preferences in firefox, visit about:config.
...And 5 more matches

Inputs and input sources - Web APIs
a full webxr experience isn't just about showing the user a wholly virtual scene or augmenting reality by adding to or altering the world around them.
... managing input sources when multiple input sources are available, you need to be able to obtain information about each one, including its position and orientation, its targeting ray (if applicable to your needs), and details that can help you decide how to present the input source visually, if at all.
... to manage input sources, then, you need to be able to enumerate input sources, examine profile information about each input source, and decide how to use each input controller.
...And 5 more matches

Rendering and the WebXR frame animation callback - Web APIs
so if the center of the viewer's head is located at [0.0, 2.0, 0.0] (about two meters above ground level at the center of the space horizontally), we first need to render the scene from, say, [-0.032, 2.0, 0.0] (32mm to the left of center) and then render it again at [0.032, 2.0, 0.0].
...because each eye is offset to one side or the other of the head's centerline, and each eye sees about the same field of view, the result is that each eye sees a slightly different part of the world in front of it, and from a slightly different angle.
...and because of those differences between what is seen by the left eye versus the right eye, the brain is able to infer a great deal of information about how deep the object is, its size, and more.
...And 5 more matches

Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
these can be used on just about any element.
...see box properties in the box model to learn about the relationship between elements and their borders, and the article styling borders using css to learn more about applying styles to borders.
... you can use the border shorthand property, which lets you configure everything about the border in one shot (including non-color features of borders, such as its width, style (solid, dashed, etc.), and so forth.
...And 5 more matches

Web video codec guide - Web media technologies
a fairly typical 30 minute video conference would need about 447.9 gb of storage, and a 2-hour movie would take almost 1.79 tb (that is, 1790 gb).
...each codec provides a link to a section below which offers additional details about the codec, including specific capabilities and compatibility issues you may need to be aware of.
...l mpeg, quicktime mpeg-2 mpeg-2 part 2 visual mp4, mpeg, quicktime theora theora ogg vp8 video processor 8 3gp, ogg, webm vp9 video processor 9 mp4, ogg, webm factors affecting the encoded video as is the case with any encoder, there are two basic groups of factors affecting the size and quality of the encoded video: specifics about the source video's format and contents, and the characteristics and configuration of the codec used while encoding the video.
...And 5 more matches

SVG documentation index - SVG: Scalable Vector Graphics
13 svg attribute reference drawing, landing, needshelp, overview, responsive design, svg, svg attribute, svg reference, vector graphics svg elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.
... 48 color-rendering svg, svg attribute the color-rendering attribute provides a hint to the svg user agent about how to optimize its color interpolation and compositing operations.
... 107 image-rendering needsexample, svg, svg attribute the image-rendering attribute provides a hint to the browser about how to make speed vs.
...And 5 more matches

Bootstrapped extensions - Archive of obsolete content
backward compatibility because older versions of firefox don't know about the bootstrap property or bootstrap.js file, it's not overly difficult to create an xpi that will work on both as a bootstrappable extension and as a traditional extension.
... shutdown called when the extensidisableon needs to shut itself down, such as when the application is quitting or when the extension is about to be upgraded or disabled.
... bootstrap data each of the entry points is passed a simple data structure containing some useful information about the add-on being bootstrapped.
...And 4 more matches

List of Mozilla-Based Applications - Archive of obsolete content
this list is likely to be incomplete since we think there are many dark matter projects that we don't know about.
... if you have information about a new project or extra information about an existing project, please feel free to update this page.
... name description additional information 389 directory server ldap server uses nss a380 seatback entertainment system media software this blog post mentions a reference to mozilla being used but i couldn't find more information about it.
...And 4 more matches

Mozilla Crypto FAQ - Archive of obsolete content
in this document i try to answer some frequently asked questions about the mozilla web browser and mail/news client and its support for ssl, s/mime, and related features based on cryptographic technology.
... for the very latest information about psm, nss, and other crypto-related mozilla developments, see the mozilla.dev.tech.crypto newsgroup or the corresponding dev-tech-crypto mailing list.
...specific questions about licensing of the psm and nss source code should be directed to the netscape.public.mozilla.license newsgroup or the associated mozilla-license mailing list.
...And 4 more matches

Venkman Introduction - Archive of obsolete content
for more information about the latest improvements and versions, see the venkman development page.
...for more information about this counter and the data, see item 2.2 in the venkman faq.) when you first start venkman, the basic views are arranged as in the screenshot above—though you can customize the layout and presence of the different views however you want, as we describe in the view customization section below.
... the scripts that have been loaded by the javascript engine appear in the loaded scripts window (for more information about how scripts are loaded and accessed in venkman, see "loading scripts into the debugger").
...And 4 more matches

SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
you can also use this page to learn about extensions, and as a starting point if you plan to write a more complex extension.
... note: for information about how to find the directory where you installed seamonkey, see: installation directory if you cannot easily find the directory, you can use the following method to find it.
...paste it into the new file: <?xml version="1.0" encoding="utf-8"?> <!doctype rdf:rdf> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <rdf:seq rdf:about="urn:mozilla:package:root"> <rdf:li rdf:resource="urn:mozilla:package:custombutton"/> </rdf:seq> <rdf:description rdf:about="urn:mozilla:package:custombutton" chrome:displayname="custom button" chrome:description="my custom toolbar button" chrome:author="my name" chrome:name="custombutton" chrome:localeversion="1.8" chrome:skinversion="1.5" chrome:extensio...
...And 4 more matches

Manifest Files - Archive of obsolete content
for more information about this feature, see xpcnativewrapper.
...for more information about themes, see themes.
... for more information about locales, see localization.
...And 4 more matches

The Implementation of the Application Object Model - Archive of obsolete content
by enforcing this distinction, we can successfully defend ourselves from any claims that we were "mucking about with strange new html" when we could have been working on our standards story.
...this inability to provide a cleanly inherited system argues for a different approach, namely that all content node implementations be the same kind of object, and that those objects communicate with their pluggable content through this new streamlined interface we talked about earlier.
...in order to achieve aggregation of data, a content node implementation cannot make any assumptions about what kind of children it holds.
...And 4 more matches

2006-10-13 - Archive of obsolete content
summary: mozilla.dev.apps.firefox - october 6, 2006 - october 13, 2006 announcements firefox vista compatible and versioning heads up robert strong describes the compatibility between windows vista and firefox, also about the versioning change.
... large discussion about why the use of the sequence 2.0.0.*.
... discussions everyone and his goldfish thinks bug 300198 should be fixed large response to the discussion about the bug: https://bugzilla.mozilla.org/show_bug.cgi?id=300198, regarding middle clicking on a tab.
...And 4 more matches

2006-10-26 - Archive of obsolete content
discussions should be easier to import bookmark backups user asking for thoughts about having bookmarks manager's import wizard import from backups in the bookmarkbackups folder.
...(what it is, how to use it) cross-post-and followup fx2 announcment to support-firefox request for when the announcement about firefox 2's release to be posted on the mozilla.dev.apps.firefox newsgroup.
... debug minefield on intel mac an inqury about how to debug minefield on an intel mac.
...And 4 more matches

2006-10-27 - Archive of obsolete content
discussions should be easier to import bookmark backups user asking for thoughts about having bookmarks manager's import wizard import from backups in the bookmarkbackups folder.
...(what it is, how to use it) cross-post-and followup fx2 announcment to support-firefox request for when the announcement about firefox 2's release to be posted on the mozilla.dev.apps.firefox newsgroup.
... debug minefield on intel mac an inqury about how to debug minefield on an intel mac.
...And 4 more matches

Common Firefox theme issues and solutions - Archive of obsolete content
@media all and (-moz-windows-compositor) { /* make transition to fullscreen mode seamlessly in firefox 10+ */ #main-window[infullscreen="true"] { -moz-appearance: none; background-color: -moz-dialog!important; } } for more information about this issue please see bug 732757 and bug 732757 and this mozillazine thread.
...vicon { -moz-image-region: rect(0, 32px, 16px, 16px); } #identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, #identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { -moz-image-region: rect(0, 48px, 16px, 32px); } #page-proxy-favicon[pageproxystate="invalid"] { opacity: 0.5; } for more information about identity boxes please see the identity box section of the amo editors theme review guidelines no visual clue for disabled url bars there needs to be a visual clue when url bar is disabled.
... "about" pages about:addons disabled add-on icons are not grey scale in tools > add-ons, the icons of disabled icons need to be converted to grey scale.
...And 4 more matches

Index - Game development
without promotion, they wouldn't even be able to learn about it and play it.
...you have a whole lot of options to chose from with most of them being free, so it's only about your enthusiasm and available time.
...it is assumed that before reading this you have read our 3d collision detection introductory article first, and have basic knowledge about three.js.
...And 4 more matches

Desktop gamepad controls - Game development
pure javascript approach let's think about implementing pure javascript gamepad controls in our little controls demo first to see how it would work.
... useful variables and functions: var gamepadapi = { active: false, controller: {}, connect: function(event) {}, disconnect: function(event) {}, update: function() {}, buttons: { layout: [], cache: [], status: [], pressed: function(button, state) {} } axes: { status: [] } }; the controller variable stores the information about the connected gamepad, and there's an active boolean variable we can use to know if the controller is connected or not.
...the next function is update(), which updates the information about the pressed buttons and axes.
...And 4 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.
... in this lesson you will first learn about the syntax used in media queries, and then move on to use them in a worked example showing how a simple design might be made responsive.
... <body> <div class="wrapper"> <header> <nav> <ul> <li><a href="">about</a></li> <li><a href="">contact</a></li> <li><a href="">meet the team</a></li> <li><a href="">blog</a></li> </ul> </nav> </header> <main> <article> <div class="content"> <h1>veggies!</h1> <p> ...
...And 4 more matches

Responsive images - Learn web development
previous overview: multimedia and embedding next in this article, we'll learn about the concept of responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features — and look at what tools html provides to help implement them.
...css arguably has better tools for responsive design than html, and we'll talk about those in a future css module.
...screen widths) and indicates what image size would be best to choose, when certain media conditions are true — these are the hints we talked about earlier.
...And 4 more matches

What went wrong? Troubleshooting JavaScript - Learn web development
note: see our typeerror: "x" is not a function reference page for more details about this error.
... let's think about what the problem could be.
... note: see our typeerror: "x" is (not) "y" reference page for more details about this error.
...And 4 more matches

Framework main features - Learn web development
this component needs to display a portrait of the author and a short byline about them.
... </figcaption> </figure> state we talked about the concept of state in the previous chapter — a robust state-handling mechanism is key to an effective framework, and each component may have data to control the state of.
...all of them track the current rendered version of your browser's dom, and each makes slightly different decisions about how the dom should change as components in your application re-render.
...And 4 more matches

Getting started with React - Learn web development
we'll discover a little bit of detail about its background and use cases, set up a basic react toolchain on our local computer, and create and play with a simple starter app — learning a bit about how react works in the process.
... to read more about jsx, check out the react team's jsx in depth article.
... the package.json file contains information about our project that node.js/npm uses to keep it organized.
...And 4 more matches

Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
we also need to learn a bit about component lifecycle, to understand when these dom nodes get mounted and and unmounted from the dom and how we can access them.
... we will also learn about the action directive, which will allow us to extend the functionality of html elements in a reusable and declarative way.
... finally, we will learn a bit more about components.
...And 4 more matches

Initial setup
add a request about creating your locale's repository to the new locales newsgroup.
...see this wiki page about how to gain access to svn.
...add a request about creating your locale's repository to the new locales newsgroup.
...And 4 more matches

Profiling with the Firefox Profiler
you can check out some frequently asked questions about the firefox profilers.
... synchronous re-flow can be caused by js that, for example, makes changes to the page content in a loop and queries about the layout of the page in that same loop.
... it's a good idea to search bugzilla before filing a bug about a performance problem in firefox but sometimes it's hard to find issues that have already been reported.
...And 4 more matches

Shell global objects
stackdump(showargs, showlocals, showthisprops) tries to print a lot of information about the current stack.
... arrayinfo(a1, a2, ...) report statistics about arrays.
...if fun is not careful, hook could be asked to retrieve the source code for compilations that occurred long before it was set, and that it knows nothing about.
...And 4 more matches

Introduction to DOM Inspector - Firefox Developer Tools
now, once you have selected a node like the "search-go-button" node, you can select any one of several viewers to display information about that node in the object pane of the dom inspector application window, all of which are available from the menupopup accessed from the upper left corner of the the object pane.
... the list of viewers available from the viewer menu gives you some idea about how extensive the dom inspector's inspecting capabilities are.
... the following descriptions provide an overview of what these viewers are about: the dom nodes viewer shows attributes of nodes that can take them, or the text content of text nodes, comments, and processing instructions.
...And 4 more matches

Debugger.Object - Firefox Developer Tools
this means that the debugger can use the == operator to recognize when two debugger.object instances refer to the same debuggee object, and place its own properties on a debugger.object instance to store metadata about particular debuggee objects.
...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.
... hostannotations a javascript object providing further metadata about the referent, or null if none is available.
...And 4 more matches

Window.open() - Web APIs
if url is an empty string, then a new blank, empty window (url about:blank) is created with the default toolbars of the main window.
...when window.open() returns, the window always contains about:blank.
...see rel="noopener" for more information and for browser compatibility details, including information about ancillary effects.
...And 4 more matches

Intercepting Page Loads - Archive of obsolete content
you can close the tab, redirect the tab to about:blank or another 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.
... the aforementioned observer notifications page has more information about these notifications and links to other useful documentation.
...we're being careful about removing all listeners, as not doing it has the potential of causing memory leaks.
...And 3 more matches

XPCOM Objects - Archive of obsolete content
then you'll see a list of all members of this object, with some documentation about it.
...in many cases you only need to use one interface, and you won't have to worry about queryinterface.
...you can read more about it in the xpcom string guide.
...And 3 more matches

Setting up an extension development environment - Archive of obsolete content
this will utilize distinctive development preferences in about:config.
... development preferences there is a set of development preferences that, when enabled, allows you to view more information about application activity, thus making debugging easier.
... accessing firefox development preferences to change preference settings in firefox or seamonkey, type about:config in the location bar.
...And 3 more matches

MMgc - Archive of obsolete content
another 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).
...a finalizer is a method which will be invoked by the gc when an unreachable object is about to be destroyed.
...finalizers may not perform any of the following actions: fire any write barriers dereference a pointer to any gc object, including member variables (except see below about rcobject references) allocate any gc memory (gc::alloc), explicitly free gc memory (gc::free) change the set of gc roots (create a gcroot object or derivative) cause itself to become reachable if a finalized object holds a reference to an rcobject, it may safely call decrementref on the rcobject.
...And 3 more matches

MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
situation int-evry manages about 3000 users (mostly students) who share computers in labs and "self service" computer rooms.
...= getenv("homepath"); } var env_mozdebug= getenv("mozilla_debug"); // 2) define here (because if set after "3)" below it doesn't work !) processldapvalues which is eventually called by getldapattributes() just below, // check getldapattributes() code from $mozilla_home/defaults/autoconfig/prefcalls.js to see the inside call to "user defined" processldapvalues /* commented all this section about ldap calls, not supported in ff5 packages :-( function processldapvalues (values) { if(values) { // set the global var with the values returned from the ldap query ldap_values = values; var uid = getldapvalue ( values ,"uid" ); var cn = getldapvalue ( values ,"cn" ); var mail = getldapvalue ( values ,"mail" ); var url = getldapvalue ( values ,"labeleduri" ...
...one can check how firefox has been compiled by opening about:buildconfig (don't know the equivalent for thunderbird!
...And 3 more matches

Creating a Help Content Pack - Archive of obsolete content
next, you'll need to insert a rdf:description element into the file, inside the rdf:rdf element just created: <rdf:description rdf:about="urn:root" nc:title="" nc:defaulttopic="" nc:base=""> </rdf:description> fill in the attributes as follows: rdf:about must be urn:root or your pack won't work.
... this attribute marks the start point in the rdf graph described by the file, and the help viewer searches for this element in order to query for further information (stored in child elements) about the content pack being parsed.
...(the index, table of contents, and search data sources are more likely to be nested, complicating their formats.) create a new rdf file (for now let's name it glossary.rdf), and add the following lines to it: <?xml version="1.0"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:nc="http://home.netscape.com/nc-rdf#"> <rdf:description rdf:about="urn:root"> <nc:subheadings> <rdf:seq> </rdf:seq> <nc:subheadings> </rdf:description> </rdf:rdf> this forms the outer framework of a glossary description file.
...And 3 more matches

Measuring add-on startup performance - Archive of obsolete content
using about:startup the about startup add-on provides a much simpler way to measure startup performance.
... once installed, it will gather startup data and display it in the about:startup page.
... to test with about:startup, you should set up a new firefox profile, install this add-on, and then open and quit firefox repeatedly.
...And 3 more matches

Using XPInstall to Install Plugins - Archive of obsolete content
this article is about how you can use xpinstall to install plugins to the browsers that support xpinstall.
... write keys in the windows registry which store information about this secondary location, in particular the plugin path and the xpt path (if applicable) so that netscape gecko browsers can pick up the plugin from the secondary location if they are installed after the plugin is (and thus, if a particular netscape gecko browser follows or replaces the current browser).
...this value is actually entered in the client version registry upon installation, a mozilla-browser file that stores metadata about the software that has just been installed.
...And 3 more matches

IO - Archive of obsolete content
files and streams this section describes how to access and get information about files, read from files and create and write files.
... retrieve a file object for information about getting a file object, see accessing files get information about a file available information about a file include the permissions, size, and last modified date of a file.
...reading from a file for information about reading from text and binary files, see reading from files.
...And 3 more matches

Complete - Archive of obsolete content
this page is for readers who have followed the custom toolbar button tutorial for firefox, thunderbird and sunbird, or the custom toolbar button:seamonkey tutorial for seamonkey, and who want to learn more about developing extensions.
...for more information about developing extensions, see the main extensions page here.
...the xpi contains: install.rdf information about the extension chrome.manifest registration data for firefox etc.
...And 3 more matches

Custom toolbar button - Archive of obsolete content
you can also use this page to learn about extensions, and as a starting point if you plan to write a more complex extension.
... note: for information about how to find the profile directory, see: profile folder explanation: the profile directory contains information specific to a user, keeping it separate from the application.
...there is more information about identifiers in a later section of this tutorial.
...And 3 more matches

Gecko Compatibility Handbook - Archive of obsolete content
you can verify the string got changed by looking under help | about.
... upgrade web authoring tool to versions that support the w3 standards and gecko browsers content differs in gecko browsers and internet explorer the javascript console in netscape 6.x and netscape 7.x displays errors about document.all, document.layers, document.<property> not being defined because of an incorrect browser sniffing, or use of proprietary javascript.
...(more about css) content differs in gecko browsers and internet explorer incorrect layout mode specified by doctype.
...And 3 more matches

Introduction to SSL - Archive of obsolete content
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.
... for more information about the handshake process, see "the ssl handshake." ciphers used with ssl the ssl protocol supports the use of a variety of different cryptographic algorithms, or ciphers, for use in operations such as authenticating the server and client to each other, transmitting certificates, and establishing session keys.
... decisions about which cipher suites a particular organization decides to enable depend on trade-offs among the sensitivity of the data involved, the speed of the cipher, and the applicability of export rules.
...And 3 more matches

LiveConnect Overview - Archive of obsolete content
in the earlier example about the redwood corporation, for example, the reference packages.redwood is a javapackage object.
...most of the time, you don't have to worry about the javapackage and javaclass objects—you just work with java packages and classes, and liveconnect creates these objects transparently.
...} catch (e) { if (e instanceof java.io.filenotfound) { // handling for filenotfound } else { throw e; } } see exception handling statements for more information about javascript exceptions.
...And 3 more matches

Anatomy of a video game - Game development
think about whether your function really needs to be called on a strict interval of time, every frame, or only after something else happens.
... being more specific with the browser about when your function needs to be called allows the browser to optimize when it is called.
... you can think about developing realtime applications as having a budget of time to do work.
...And 3 more matches

Introduction to CSS layout - Learn web development
the fact that you can change the value of display for any element means that you can pick html elements for their semantic meaning, without being concerned about how they will look.
...this gives us the effect of text wrapped around that box, and is most of what you need to know about floats as used in modern web design.
...positioning isn’t a method for creating your main page layouts, it is more about managing and fine-tuning the position of specific items on the page.
...And 3 more matches

What are hyperlinks? - Learn web development
objective: learn about links on the web and why they matter.
...we'll talk about designing website navigation in another 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.
... on the other hand, if your site has more than about ten pages, it's counter-productive to link to every page from every other page.
...And 3 more matches

Advanced form styling - Learn web development
<input type="color"> date-related controls such as <input type="datetime-local"> <input type="range"> <input type="file"> <progress> and <meter> let's first talk about the appearance property, which is pretty useful for making all of the above more stylable.
...ype="checkbox"]::before { content: "✔"; position: absolute; font-size: 1.2em; right: -1px; top: -0.3em; visibility: hidden; } input[type="checkbox"]:checked::before { /* use `visibility` instead of `display` to avoid recalculating layout */ visibility: visible; } input[type="checkbox"]:disabled { border-color: black; background: #ddd; color: gray; } you'll find more out about such pseudo-classes and more in the next article; the above ones do the following: :checked — the checkbox (or radio button) is in a checked state — the user has clicked/activated it.
... what can be done about the "ugly" elements?
...And 3 more matches

UI pseudo-classes - Learn web development
note: a number of the pseudo-classes discussed here are concerned with styling form controls based on their validation state (is their data valid, or not?) you'll learn much more about setting and controlling validation constraints in our next article — client-side form validation — but for now we'll keep things simple with regards to form validation, so it doesn't confuse things.
... using generated content with pseudo-classes in previous articles, we've seen the usage of generated content, but we thought now would be a good time to talk about it in a bit more detail.
... styling controls based on whether their data is valid the other really important, fundamental concept in form validation is whether a form control's data is valid or not (in the case of numerical data, we can also talk about in-range and out-of-range data).
...And 3 more matches

Your first form - Learn web development
objective: to gain familiarity with what web forms are, what they are used for, how to think about designing them, and the basic html elements you'll need for simple cases.
...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.
... designing your form before starting to code, it's always better to step back and take the time to think about your form.
...And 3 more matches

Getting started with HTML - Learn web development
attributes look like this: attributes contain extra information about the element that won't appear in the content.
... title: the title attribute specifies extra information about the link, such as a description of the page that is being linked to.
...you'll learn more about this in the next article of the series.
...And 3 more matches

Video and audio content - Learn web development
such companies offer a convenient, easy way to host and consume videos, so you don't have to worry about the enormous bandwidth consumption.
...as we talked about before, different browsers support different video and audio formats, and different container formats (like mp3, mp4, and webm, which in turn can contain different types of video and audio).
...each codec offers its own advantages and drawbacks, and each container may also offer its own positive and negative features affecting your decisions about which to use.
...And 3 more matches

Graceful asynchronous programming with Promises - Learn web development
obviously, that's not an acceptable option; without promises, everything in the browser becomes unusable until the user decides what to do about the camera and microphone.
... note: you can learn more about this somewhat advanced topic, if you're interested, in the article signaling and video calling.
... let's talk about ordering pizza as an analogy.
...And 3 more matches

Functions — reusable blocks of code - Learn web development
in fact, we've been using functions all the way through the course so far; we've just not been talking about them very much.
... now is the time, however, for us to start talking about functions explicitly, and really exploring their syntax.
...you don't need to learn about the inner workings of structured javascript objects yet — you can wait until our later module that will teach you all about the inner workings of objects, and how to create your own.
...And 3 more matches

Function return values - Learn web development
previous overview: building blocks next there's one last essential concept about functions for us to discuss — return values.
...you've already met return values a number of times, although you may not have thought about them explicitly.
... next, we're going to include a way to print out information about the number entered into the text input.
...And 3 more matches

Drawing graphics - Learn web development
graphics on the web as we talked about in our html multimedia and embedding module, the web was originally just text, which was very boring, so images were introduced — first via the <img> element and later via css properties such as background-image, and svg.
...you can't do anything to change this, so you have to think carefully about the order in which you draw the graphics.
... note: to find out more about advanced path drawing features such as bézier curves, check out our drawing shapes with canvas tutorial.
...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 another, and more.
...you really don't need to know about most of these early on in your learning journey.
... first think about how you could test whether the message in each case is a christmas message.
...And 3 more matches

Measuring performance - Learn web development
objective: to provide information about web performance metrics that you can collect through various web performance apis and tools that you can use to visualize that data.
... we'll talk about both categories in this course.
... and as well as talking about performance metrics we will of course talk about the metrics that you'll use to measure whether your site's performance is improving.
...And 3 more matches

Server-side web frameworks - Learn web development
objective: to understand how web frameworks can simplify development/maintenance of server-side code and to get readers thinking about selecting a framework for their own development.
... the next section provides a bit more detail about how web frameworks can ease web application development.
...the http request may also include information about the current session or user in a client-side cookie.
...And 3 more matches

React resources - Learn web development
objective: to provide further resources for learning more about react.
... you can read more about component stylesheets in the create-react-app docs.
... you can read more about react devtools on the react blog.
...And 3 more matches

Developer guide
mozilla modules and module ownership this article provides information about mozilla's modules, what the role of a module owner is, and how module owners are selected.
... the mozilla platform information about the workings of the mozilla platform.
... mozilla much more additional information about mozilla coding practices.
...And 3 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.
... project documentation get detailed information about the internals of firefox and its build system, so you can find your way around in the code.
... contents experimental features in firefoxthis page lists features that are in nightly versions of firefox along with information on how to activate them, if necessary.firefox and the "about" protocolthere is a lot of useful information about firefox hidden away behind the about: url protocol.
...And 3 more matches

How to get a stacktrace for a bug report
if you file a bug report in bugzilla about a crash you should include a stacktrace (call stack) in your report.
...if you have any additional information about the crash, such as additional detail on what you were doing at the time that may have triggered the crash, please enter it into the comments box.
... be sure that you check the "tell mozilla about this crash" checkbox and click the restart button.
...And 3 more matches

DMD
it helps us reduce the "heap-unclassified" value in firefox's about:memory page, and also detects if any heap blocks are reported twice.
...for instance, on osx, you can run something like: dmd=1 /applications/firefox\ nightly.app/contents/macos/firefox you can tell it is working by going to about:memory and looking for "save dmd output".
... visit about:memory and click the dmd button (depending on how old your build is, it might be labelled "save" or "analyze reports" or "dmd").
...And 3 more matches

GCIntegration - SpiderMonkey Redirect 1
we're still thinking about how the apis for moving gc should work.
...the troublesome spots are the pointers in gecko that spidermonkey doesn't know about.
... if a pointer is not traced via js_call_tracer or any similar mechanism, then there's no need for a write barrier (although see below about read barriers).
...And 3 more matches

Mork
meta-tables are used to establish some facts about the table as well as the default row scope.
...if inside the meta-dictionary, the only cell we care about is if the key is 'a' (for atom scope).
...the meta-row of the table (different from the meta-row of a row) contains a few things you might care about.
...And 3 more matches

nsIDOMWindowUtils
void garbagecollect( in nsicyclecollectorlistener alistener optional ); parameters alistener optional listener that receives information about the cc graph (see @mozilla.org/cycle-collector-logger;1 for a logger component) getcursortype() get current cursor type from this window.
... return value a json string summarizing the information profiled about the script.
... getpccountscriptcontents() returns detailed information about the profile information for a script.
...And 3 more matches

nsIDocShell
method overview void addsessionstorage(in nsiprincipal principal, in nsidomstorage storage); void addstate(in nsivariant adata, in domstring atitle, in domstring aurl, in boolean areplace); void beginrestore(in nsicontentviewer viewer, in boolean top); void createaboutblankcontentviewer(in nsiprincipal aprincipal); void createloadinfo(out nsidocshellloadinfo loadinfo); void detacheditorfromwindow(); violates the xpcom interface guidelines void finishrestore(); void firepagehidenotification(in boolean isunload); native code only!
... printpreview nsiwebbrowserprint if the current content viewer is not initialized for print preview, it is replaced with one which is and to which an about:blank document is loaded.
... createaboutblankcontentviewer() create a new about:blank document and content viewer.
...And 3 more matches

nsITreeView
layout/xul/base/src/tree/public/nsitreeview.idlscriptable this interface is used by the tree widget to get information about what and how to display a tree widget.
... further information about creating treeviews is given in the xul tutorial.
... boolean iscontainer( in long index ); parameters index the index of the row being asked about.
...And 3 more matches

nsIURI
about:blank) note: characters are not escaped.
...about:blank) note: characters are not escaped.
...about:blank) note: some characters may be escaped.
...And 3 more matches

Accessibility Inspector - Firefox Developer Tools
here we are mainly talking about exposing information to people with visual disabilities — this is done via the accessibility apis available inside web browsers, which expose information on what roles the different elements on your page play (e.g., are they just text, or are they buttons, links, form elements, etc.?).
...this is a bit like the dom tree, except that it contains a more limited set of elements and slightly different information about them.
... if you don't wish to allow the accessibility features to be automatically enabled, you can use the configuration editor (also known as about:config) to define the preference devtools.accessibility.auto-init.enabled, and set it to false.
...And 3 more matches

ByteLengthQueuingStrategy - Web APIs
to change preferences in firefox, visit about:config.ie no support noopera full support 46safari ?
...to change preferences in firefox, visit about:config.opera android full support 43safari ios ?
...to change preferences in firefox, visit about:config.ie no support noopera full support 46safari ?
...And 3 more matches

CountQueuingStrategy - Web APIs
to change preferences in firefox, visit about:config.ie no support noopera full support 46safari ?
...to change preferences in firefox, visit about:config.opera android full support 43safari ios ?
...to change preferences in firefox, visit about:config.ie no support noopera full support 46safari ?
...And 3 more matches

Using the Media Capabilities API - Web APIs
more and more finely-detailed information about the display's properties, so that informed decisions can be made when choosing the best format to play on the user's device.
... 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.
...you can, therefore, test for the presence of the api like so: if ("mediacapabilities" in navigator) { // mediacapabilities is available } else { // mediacapabilities is not available } taking video as an example, to obtain information about video decoding abilities, you create a video decoding configuration which you pass as a parameter to mediacapabilities.decodinginfo() method.
...And 3 more matches

RTCRemoteOutboundRtpStreamStats.localId - Web APIs
together, these two objects provide statistics about the inbound and outbound sides of the same synchronization source (ssrc).
...both of these provide information about the same batch of packets being transmitted from the remote peer to the local device.
... the difference is that remote-outbound-rtp describes statistics about the transmission(s) from the perspective of the remote peer, while inbound-rtp offers statistics about the incoming data from the local peer's perspective.
...And 3 more matches

Lighting a WebXR setting - Web APIs
you can learn more about how to perform lighting in webgl in the article lighting in webgl.
...you can learn all about the proposed api and a fair amount about the concept of lighting estimation in the explainer documnent that's included in the specification's github repository.
... in essence, lighting estimation collects this information about the light sources and the shape and orientation of the objects in the scene, along with information about the materials they're made of, then returns data you can use to create virtual light source objects that approximately match the real world's lighting.
...And 3 more matches

Starting up and shutting down a WebXR session - Web APIs
emulator issues and notes while this isn't the place for a full article about the extension, there are some specific things worth mentioning.
... for more specifics about securing webxr actitvities and usage, see the article permissions and security for webxr.
... const immersiveok = await navigator.xr.issessionsupported("immersive-vr"); if (immersiveok) { // create and use an immersive vr session } else { // create an inline session instead, or tell the user about the // incompatibility if inline is required } creating and starting the session a webxr session is represented by an xrsession object.
...And 3 more matches

Web audio spatialization basics - Web APIs
we need to change the x orientation and the z orientation of the panner coordinates, to move around the y-axis for our left rotation: case 'rotate-left': transform.rotatey -= degreesy; // 'left' is rotation about y-axis with negative angle increment z = panner.orientationz.value*math.cos(q) - panner.orientationx.value*math.sin(q); x = panner.orientationz.value*math.sin(q) + panner.orientationx.value*math.cos(q); y = panner.orientationy.value; panner.orientationx.value = x; panner.orientationy.value = y; panner.orientationz.value = z; break; this is a little confusing, but what we're doing i...
... case 'rotate-right': transform.rotatey += degreesy; // 'right' is rotation about y-axis with positive angle increment z = panner.orientationz.value*math.cos(-q) - panner.orientationx.value*math.sin(-q); x = panner.orientationz.value*math.sin(-q) + panner.orientationx.value*math.cos(-q); y = panner.orientationy.value; panner.orientationx.value = x; panner.orientationy.value = y; panner.orientationz.value = z; break; case 'rotate-up': transform.rotatex += degreesx; // 'up' is rotation about x-axis with negative angle incre...
...ment z = panner.orientationz.value*math.cos(-q) - panner.orientationy.value*math.sin(-q); y = panner.orientationz.value*math.sin(-q) + panner.orientationy.value*math.cos(-q); x = panner.orientationx.value; panner.orientationx.value = x; panner.orientationy.value = y; panner.orientationz.value = z; break; case 'rotate-down': transform.rotatex -= degreesx; // 'down' is rotation about x-axis with positive angle increment z = panner.orientationz.value*math.cos(q) - panner.orientationy.value*math.sin(q); y = panner.orientationz.value*math.sin(q) + panner.orientationy.value*math.cos(q); x = panner.orientationx.value; panner.orientationx.value = x; panner.orientationy.value = y; panner.orientationz.value = z; break; one last thing — we need to update the css and keep a ...
...And 3 more matches

CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
in moving to css we often spoke about css for layout enabling a separation of content and markup and presentation.
...if so that would be a sign that you need to address something about the layout.
...the nice thing about using css grid layout is that you should be able to move an item in the source to match the logical order, without needing to make big changes to your layout.
...And 3 more matches

HTML elements reference - HTML: Hypertext Markup Language
for more information about the basics of html elements and attributes, see the section on elements in the introduction to html article.
... document metadata metadata contains information about the page.
... this includes information about styles, scripts and data to help software (search engines, browsers, etc.) use and render the page.
...And 3 more matches

Digital audio concepts - Web media technologies
therefore, a typical three-minute song requires about 34.5 mb of memory.
...for details about the most important and useful ones for web developers to be familiar with, see the article guide to audio codecs used on the web.
... you can apply a filter that narrows the audio bandwidth, removing any audio frequencies that you don't care about.
...And 3 more matches

Media type and format guide: image, audio, and video content - Web media technologies
references images image file type and format guide covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.
... image file types for web designers fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.
... web video codec guide this article provides basic information about the video codecs supported by the major browsers, as well as some that are not commonly supported but that you might still run into.
...And 3 more matches

Compiling from Rust to WebAssembly - WebAssembly
note: pay attention to the post-install note about needing cargo's bin directory in your system path.
...it has three main parts; let's talk about them in turn.
... we give a high-level explanation here, and gloss over some details; to learn more about rust, please check the free online book the rust programming language.
...And 3 more matches

Preferences - Archive of obsolete content
if you haven't yet, read other documents about mozilla preferences on mdn (links below in resources section).
... you can see the list of preferences in about:config (where available).
... more about preferences "branches" preference names consist of a few strings separated with dots, and related preferences usually share the same prefix.
...And 2 more matches

Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
this file should be located in the main extension directory and look something like this: <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>myextension@mycompany.com</em:id> <em:version>0.1</em:version> <em:targetapplication> <!-- firefox --> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>1.0+</em:minversion> <em:maxversion>1.0+</em:maxversion> </description> </em:targetapplication> <!-- front-end...
...rcdir = @srcdir@ vpath = @srcdir@ include $(depth)/config/autoconf.mk module = myextension xpidl_module = myextension xpi_name = myextension exports = \ myheader.h \ $(null) xpidlsrcs = \ myifirstcomponent.idl \ myisecondcomponent.idl \ $(null) include $(topsrcdir)/config/rules.mk xpidl_module is the name of the generated xpt file that contains type information about your idl interfaces.
...don't worry about this; all you need are the generated header files that contain the c++ implementation stubs.
...And 2 more matches

Enhanced Extension Installation - Archive of obsolete content
in the profile directory, the file compatibility.ini stores information about the version of the application (build info) that last started this profile - during startup this file is checked and if the version info held by the running app disagrees with the info held by this file, a compatibility check is run on all installed items.
...if it is, a small set of metadata about it is written to the appropriate datasource (name, version, a flag to tell the system to properly install it on the next startup), and it is added to the appropriate type container.
...by default, the application knows about and maintains three install locations: app-profile a directory-based install location for items living in the application profile extensions directory.
...And 2 more matches

Extension Etiquette - Archive of obsolete content
about dialogs there is a default popup about dialog that is created from install.rdf data; creating a new xul about box is usually unnecessary.
... you can decrease download size by omitting a customized about box.
... about: page urls.
...And 2 more matches

Listening to events in Firefox extensions - Archive of obsolete content
gecko uses events to pass information about interesting things that have occurred along to the parties that may wish to know about them.
... there are several different categories of events; this article will help you learn about them and direct you to more specific documentation covering each of them.
... types of events there are multiple types of events that application and extension authors can use to receive notifications from <xul:browser> and <xul:tabbrowser> elements to hear about changes relating to loads of the content contained within them.
...And 2 more matches

Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
tools for extension developers fixme: are we sure we'll talking about venkman since it's not well maintained fixme: we maybe should talk about firebug and chromebug fixme: and what about console 2 and docked-js console?
... also, because it works with the javascript in extensions and firefox itself, the debugger can be a good way to learn about design methods.
...open the about:config screen and edit the extensions.mozlab.mozunit.editor property.
...And 2 more matches

Local Storage - Archive of obsolete content
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.
...you can read more about reading and writing files here.
...others feel concerned about privacy and storing private information locally without deleting it.
...And 2 more matches

Getting Started - Archive of obsolete content
on every line that references <code>classic.jar we need to make some changes (there are about 5 lines).
...skin info when switching skins in mozilla, it displays a preview image and some information about the theme.
...list all the skins being supplied by this theme <rdf:seq about="urn:mozilla:skin:root"> <rdf:li resource="urn:mozilla:skin:myskin/1.0" /> in the code search for the part listed above.
...And 2 more matches

Microsummary XML grammar reference - Archive of obsolete content
warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) this article provides detailed information about the xml grammar used to build microsummary generators, describing each element and their attributes.
...the following example identifies a generator as being able to summarize all pages on the www.example.com web site except pages named about.html: <pages> <include> ^http://www\.example\.com/ </include> <exclude>/about\.html</exclude> </pages> note: regular expressions intended to match the beginnings of page urls should start with the caret (^) to ensure they do not inadvertently match urls which merely contain the urls they intend to match.
...for more information about the use of this element, see the entry for #the_<pages>_element.
...And 2 more matches

Modularization techniques - Archive of obsolete content
the mechanism we're using is based on the principles laid down by com, so pretty much anything you know about com can be applied here, and any reference on com can provide you with more interesting and complex examples than the ones provided here.
...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.
... about nsiids and nscids to simplify the process of dynamically finding, loading and binding interfaces, all classes and interfaces are assigned unique ids.
...And 2 more matches

Frequently Asked Questions - Archive of obsolete content
mozilla is strict about this, and no, it's not a bug.
... if you discover any problems with our svg implementation that you think we should know about then we'd like to hear from you.
...to access the pref type about:config into the url bar, then type svg.enabled into the filter field.
...And 2 more matches

A XUL Bestiary - Archive of obsolete content
there are, unfortunately, different document object models corresponding to different types of documents and also to different proprietary notions about what in a document should be exposed programmatically.
... near synonyms for xul there is much confusion about the words that begin with "x" in the mozilla open source project.
... xul parts people sometimes get confused about the syntax for describing the parts of a widget.
...And 2 more matches

Using Spacers - Archive of obsolete content
we'll talk more about this in the next section but it essentially allows you to divide a window into a series of boxes that hold elements.
...before we get into detail about boxes, we'll introduce another xul element that is useful for layout, the spacer.
... <spacer flex="1"/> <button id="find-button" label="find"/> more about flexibility xul lays out elements on a window by calculating suitable widths and heights for the elements and then adding space where they are flexible.
...And 2 more matches

Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
everything you ever wanted to know about building mozilla (and thus xulrunner) can be found in the build documentation.
...you can find out more about which options to use in configuring build options.
...don't think to hard about this, just copy mccoy's file and adapt accordingly.
...And 2 more matches

2006-11-03 - Archive of obsolete content
source code for the nsinstall contained in moztools a user asks for advice about building nsinstall on windows.
... picking an alternate search engine for a particular search large discussion about how the search engine could be imporved.
... firing pageshow/pagehide when users change tabs discussion about using events that could be fired when the user changes a tab.
...And 2 more matches

2006-11-04 - Archive of obsolete content
code for the nsinstall contained in moztools a user asks for advice about building nsinstall on windows.
... an alternate search engine for a particular search large discussion about how the search engine could be imporved.
... pageshow/pagehide when users change tabs discussion about using events that could be fired when the user changes a tab.
...And 2 more matches

2006-11-10 - Archive of obsolete content
event in firefox similar to ondownloadcomplete event in ie an inquiry about how to change the font of a web page before it is displayed using an extenstion.
... favicon as microsummary/feed/other stuff indicator suggestion about making the favicon create a bookmark for the page with a microsummary.
... firefox 2.0 - net accessed when bookmark properties viewed question about whether firefox 2.0 downlads the web page again when the properties of the bookmark are viewed.
...And 2 more matches

2006-10-06 - Archive of obsolete content
extension compatibility for firefox 2 chris hofmann reminds about the push to have extensions work with ff2.
... also invites people to file bugs about extensions that don't work.
...adam gutherie replied that cbeard's blog post from nov 2005 is as close to a roadmap as exists right now and agrees that needs to be done about this.
...And 2 more matches

NPEvent - Archive of obsolete content
ws typedef xevent npevent; fields npevent on microsoft windows the data structure has the following fields: event one of the following event types: wm_paint wm_lbuttondown wm_lbuttonup wm_lbuttondblclk wm_rbuttondown wm_rbuttonup wm_rbuttondblclk wm_mbuttondown wm_mbuttonup wm_mbuttondblclk wm_mousemove wm_keyup wm_keydown wm_setcursor wm_setfocus wm_killfocus for information about these events, see the microsoft windows developer documentation.
...values: 0 nullevent 1 mousedown 2 mouseup 3 keydown 4 keyup 5 autokey 6 updateevt 7 diskevt 8 activateevt 15 osevt 23 khighlevelevent getfocusevent 0, 1 (true, false) losefocusevent adjustcursorevent 0, 1 (true, false) for information about these events, see the mac os developer documentation.
...additional information about the event.
...And 2 more matches

Theme changes in Firefox 2 - Archive of obsolete content
global/about.css new file; css used in the application's about box.
... mozapps/extensions/about.css updated with a simplified set of style names, since several styles were identical.
... #enginelist treechildren::-moz-tree-image(enginename) changes in global about.css this is a new file for firefox 2.
...And 2 more matches

Reference - Archive of obsolete content
i was wondering what should be done about those examples, since they would no longer be valid with fx 1.5+ and family.
...--nickolay 00:58, 26 aug 2005 (pdt) (more coding style questions) --maian 04:06, 31 aug 2005 (pdt) i'd say, just make a note here about decisions you make.
...i'm very confused about the way function and object in the javascript core are related at first i thought it was something like this : function -> object -> instance instance is for example the math object, it behaves same way as creating new object.
...And 2 more matches

Game monetization - Game development
the technology is mature enough; now it's just about chosing the right approach.
...it varies, but around one person in every thousand is about average.
...they follow various strategies to earn money via your games, but you don't have to worry about all that as selling the license is usually a one-time deal.
...And 2 more matches

Unconventional controls - Game development
leap motion have you ever thought about controlling a game only with your hands?
...you can also check out the tutorial about using leap motion plugin for kiwi.js, or the case study of building a web game with leap motion and pixi.js.
... be sure to visit the leapjs repository on github to learn about the javascript client for the leap motion controller and read the documentation there.
...And 2 more matches

Debugging CSS - Learn web development
this article will give you guidance on how to go about debugging a css problem, and show you how the devtools included in all modern browsers can help you to find out what is going on.
... find out more about the firefox devtools there is a lot of information about the firefox devtools here on mdn.
... debugging problems in css devtools can be a great help when solving css problems, so when you find yourself in a situation where css isn't behaving as you expect, how should you go about solving it?
...And 2 more matches

CSS values and units - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the different types of values and units used in css properties.
...the page on mdn for each value will give you information about browser support.
... the standard color system available in modern computers is 24 bit, which allows the display of about 16.7 million distinct colors via a combination of different red, green and blue channels with 256 different values per channel (256 x 256 x 256 = 16,777,216.) let's have a look at some of the ways in which we can specify colors in css.
...And 2 more matches

What is CSS? - Learn web development
this article explains what css is, with a simple syntax example, and also covers some key terms about the language.
...browsers are the main type of user agent we think of when talking about css, however, it is not the only one.
...alternatively, you should get used to searching for "mdn css-feature-name" in your favourite search engine whenever you need to find out more information about a css feature.
...And 2 more matches

How do I start to design my website? - Learn web development
talk about your music.
... talk about your music.
...again, there are so many web services already available for showcasing photos that it isn't worth the effort to build a new site just to spread the word about how cute our cats are.
...And 2 more matches

What is a Domain Name? - Learn web development
deeper dive structure of domain names a domain name has a simple structure made of several parts (it might be one part only, two, three...), separated by dots and read from right to left: each of those parts provides specific information about the whole domain name.
...each dns server that knows about a given domain stores the information for some time before it is automatically invalidated and then refreshed (the dns server queries an authoritative server and fetches the updated information from it).
... thus, it takes some time for dns servers that know about this domain name to get the up-to-date information.
...And 2 more matches

Document and website structure - Learn web development
we use color and font size to draw sighted users' attention to the most useful parts of the content, like the navigation menu and related links, but what about visually impaired people for example, who might not find concepts like "pink" and "large font" very useful?
... line breaks and horizontal rules two elements that you'll use occasionally and will want to know about are <br> and <hr>: <br> creates a line break in a paragraph; it is the only way to force a rigid structure in a situation where you want a series of fixed short lines, such as in a postal address or a poem.
...you might also want to include notes about how things might be presented.
...And 2 more matches

HTML table advanced features and accessibility - Learn web development
objective: to learn about more advanced html table features, and the accessibility of tables.
...rather than have a screenreader read out the contents of many cells just to find out what the table is about, he or she can rely on a caption and then decide whether or not to read the table in greater detail.
...you'll learn more about this when you go through our css modules (introduction to css is a good place to start; we also have an article specifically on styling tables).
...And 2 more matches

HTML table basics - Learn web development
data about the planets of our solar system (planetary facts taken from nasa's planetary fact sheet - metric.
...in this module we are focusing on the html part; to find out about the css part you should visit our styling tables article after you've finished here.
... tables headers also have an added benefit — along with the scope attribute (which we'll learn about in the next article), they allow you to make tables more accessible by associating each header with all the data in the same row or column.
...And 2 more matches

Introduction to events - Learn web development
previous overview: building blocks next events are actions or occurrences that happen in the system you are programming, which the system tells you about so you can respond to them in some way if desired.
... 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.
...these are often used to display information about filling in form fields when they are focused, or displaying an error message if a form field is filled with an incorrect value.
...And 2 more matches

Fetching data from the server - Learn web development
let's think about the significance of this: go to one of your favorite information-rich sites, like amazon, youtube, cnn, etc., and load it.
... aside on promises promises are a bit confusing the first time you meet them, but don't worry too much about this for now.
... you'll get used to them after a while, especially as you learn more about modern javascript apis — most of the newer ones are heavily based on promises.
...And 2 more matches

A first splash into JavaScript - Learn web development
previous overview: first steps next now you've learned something about the theory of javascript, and what you can do with it, we are going to give you a crash course in the basic features of javascript via a completely practical tutorial.
...you create a variable with the keyword let (or var) followed by a name for your variable (you'll read more about the difference between the keywords in a future article).
... note: you'll learn a lot more about variables/constants later on in the course, starting with the next article.
...And 2 more matches

What is JavaScript? - Learn web development
you can find out much more about these in our client-side web apis module.
... let's briefly recap the story of what happens when you load a web page in a browser (first talked about in our how css works article).
...in this module we are explicitly talking about client-side javascript.
...And 2 more matches

Inheritance in JavaScript - Learn web development
the technique we covered here is not the only way to create inheriting classes in javascript, but it works ok, and it gives you a good idea about how to implement inheritance in javascript.
... object member summary to summarize, you've got four types of property/method to worry about: those defined inside a constructor function that are given to object instances.
... if you are not sure which is which, don't worry about it just yet — you are still learning, and familiarity will come with practice.
...And 2 more matches

Website security - Learn web development
with great regularity, we hear about websites becoming unavailable due to denial of service attacks, or displaying modified (and often damaging) information on their homepages.
... the rest of this article gives you more details about a few common threats and some of the simple steps you can take to protect your site.
... note: this is an introductory topic, designed to help you start thinking about website security, but it is not exhaustive.
...And 2 more matches

Starting our Svelte Todo list app - Learn web development
once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to screen reader users — this is because these words are not needed by sighted users; they are there to provide more information about what the button does for screenreader users that do not have the extra visual context to help them.
...a <ul> is treated like a list by default, but the styles we're about to add will break that functionality.
...if you want to learn more about why this is necessary, you can check out scott o'hara’s article, “fixing lists”.
...And 2 more matches

Setting up your own test automation environment - Learn web development
ration options for browsers to be tested, for example you can set a specific version and os to test in the forbrowser() method: let driver = new webdriver.builder() .forbrowser('firefox', '46', 'mac') .build(); you could also set these options using an environment variable, for example: selenium_browser=firefox:46:mac let's create a new test to allow us to explore this code as we talk about it.
... add this line to the bottom of quick_test.js now: driver.get('http://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html'); interacting with the document now we've got a document to test, we need to interact with it in some way, which usually involves first selecting a specific element to test something about.
... test best practices there has been a lot written about best practices for writing tests.
...And 2 more matches

Learn web development
you should feel at home whether you are a student learning web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist, or someone who just wants to understand more about how web technologies work.
... frameworks and tooling: after mastering the essentials of vanilla html, css, and javascript, you should learn about client-side web development tools, and then consider digging into client-side javascript frameworks, and server-side website programming.
...besides, if you have a specific question about web development, our common questions section may have something to help you.
...And 2 more matches

Gecko info for Windows accessibility vendors
anything that is focusable or conveys important information about the structure of the document is exposed in the msaa tree of iaccessibles.
...there are currently two techniques for parsing tables: 1) use acclocation() to get the coordinates for each cell and feed that into an algorithm that builds up your own table data structure, or 2) use isimpledomnode and parse the table see below for the complete list of roles and notes about what we support intentional differences with internet explorer for the most part, where we support an msaa feature, we have tried to duplicate internet explorer's use of it.
... page loading is tracked via state_change events when a new document is about to be loaded, an event_state_change occurs on the root role_document object for a window.
...And 2 more matches

Creating a Language Pack
while in that directory, issue the following command: $ make merge-x-testing locale_mergedir=$(pwd)/mergedir x-testing: browser chrome browser aboutcerterror.dtd // add and localize this file ...
... // lots of notifications about missing entities ...
...you can either use the locale switcher extension, or set it in about:config.
...And 2 more matches

How Mozilla's build system works
you don't have to worry about how you obtain a configure file: the build system does this for you.
... to view information about the tiers, you can execute the following special make targets: command effect make echo-tiers show the final list of tiers.
...in this section, we'll talk about how moz.build files actually work.
...And 2 more matches

Eclipse CDT
basically, you want to do something similar to the steps in the initial project properties section above, but use "make -j1 -wb" (or just "make" if you don't care about keeping code assistance working) instead of using just-print-mozilla-build.py.
...however, when the object directory is outside the source directory, eclipse doesn't know about it - or the headers it contains - unless the user takes extra steps to tell it.
... if you are trying to dig into a particular parser errors to figure out what it's about, here are a few things you can try: select your project in the project explorer, then from the context menu select "index > search for unresolved includes".
...And 2 more matches

Eclipse CDT Manual Setup
before you proceed any further, check that your changes to eclipse's memory limits have taken effect and are present in eclipse/help > about eclipse > installation details > configuration.
...this script will complete in about 30 seconds on a warm tree (files cached in ram) if your object directory is up to date, although eclipse will take several minutes to process the "build output" that it produces.
...it should take about 5-10 minutes for eclipse to finish processing the output.
...And 2 more matches

Multiple Firefox profiles
you can find details about profiles on mozilla's end-user support site.
... mac os x multifirefox by dave martorana profile management determining the profile while firefox is running to determine the profile of a currently-running firefox instance in windows, macos or linux, type about:profiles into the browser url search bar.
... from profile manager inside firefox if you already have firefox instance running, you can open another profile from the integrated profile manager on any platform: type about:profiles into the browser url search bar.
...And 2 more matches

AddonListener
a listener only needs to implement the methods corresponding to the events it cares about; missing methods will not cause any problems.
... void oninstalling(in addon addon, in boolean needsrestart) void oninstalled(in addon addon) void onuninstalling(in addon addon, in boolean needsrestart) void onuninstalled(in addon addon) void onoperationcancelled(in addon addon) void onpropertychanged(in addon addon, in string properties[]) methods onenabling() called when an add-on is about to be enabled.
... void onenabled( in addon addon, ) parameters addon the addon that has been enabled ondisabling() called when an add-on is about to be disabled.
...And 2 more matches

Add-on Manager
through its apis information about all installed add-ons can be retrieved and new add-ons can be installed.
... accessing installed add-ons information about installed add-ons can be retrieved through the main addonmanager api.
...for example: components.utils.import("resource://gre/modules/addonmanager.jsm"); addonmanager.getalladdons(function(aaddons) { // here aaddons is an array of addon objects }); // this code will execute before the code inside the callback notifications about changes to installed add-ons are dispatched to any registered addonlisteners.
...And 2 more matches

Localizing without a specialized tool
you should see something like this: x-testing browser chrome browser aboutcerterror.dtd // add and localize this file aboutdialog.dtd +aboutlink +aboutlink.accesskey +aboutversion +closecmdgnome.accesskey +closecmdgnome.label +copyright +copyright.accesskey +copyrightgnome.accesskey +copyrightinfo1 +copyrightinfo2 +licen...
...selink +licenselinktext aboutprivatebrowsing.dtd // add and localize this file aboutrobots.dtd // add and localize this file ...
... you should see // add and localize this file aboutcerterror.dtd notice from the compare-locales output that this file is located in the directory /browser/chrome/browser.
...And 2 more matches

Creating localizable web applications
don't forget about right-to-left locales.
... app logic detect the locale correctly be smart about detecting the user's locale correctly.
...you can learn more about the choice of the format for your project at file formats.
...And 2 more matches

L20n HTML Bindings
<p data-l10n-id="about"></p> notice that you don't have to put the text content in the html anymore (you still can if you want to).
...for instance, a string could use the information about the user's gender to provide two variants of the translation, like in the example below.
... see l20n by example to learn more about l20n's syntax.
...And 2 more matches

Localization Use Cases
declensions in gaia's browser app, there's an about-browser string defined as follows in apps/browser/locales/browser: about-browser=about {{browserbrandshortname}} problem definition in many inflected languages (e.g.
... german, finnish, hungarian, all slavic languages), the about preposition governs the grammatical case of the complement.
...browser, to give about the firefox browser.
...And 2 more matches

NSS tools : certutil
-l list all the certificates, or display information about a named certificate, in a certificate database.
...pnb163v2, c2pnb163v3, c2pnb176v1, c2tnb191v1, c2tnb191v2, c2tnb191v3, c2pnb208w1, c2tnb239v1, c2tnb239v2, c2tnb239v3, c2pnb272w1, c2pnb304w1, c2tnb359w1, c2pnb368w1, c2tnb431r1, secp112r1, secp112r2, secp128r1, secp128r2, sect113r1, sect113r2 sect131r1, sect131r2 -r display a certificate's binary der encoding when listing information about that certificate with the -l option.
... the --upgrade-merge command must give information about the original database and then use the standard arguments (like -d) to give the information about the new databases.
...And 2 more matches

certutil
-l list all the certificates, or display information about a named certificate, in a certificate database.
... -r display a certificate's binary der encoding when listing information about that certificate with the -l option.
... the --upgrade-merge command must give information about the original database and then use the standard arguments (like -d) to give the information about the new databases.
...And 2 more matches

Index
127 jsnewresolveop jsapi reference, obsolete, spidermonkey like jsresolveop, but flags provide contextual information about the property access.
... 328 js_getpropertyattrsgetterandsetter jsapi reference, obsolete, spidermonkey see js_getpropertyattributes for details about these functions.
...for more details about contexts, see jscontext.
...And 2 more matches

TPS Tests
you can sign up for an fxa account on stage or dev by creating an fxa account after adding the identity.fxaccounts.autoconfig.uri preference (with the appropriate value) to about:config.
... inspect about:sync-log.
...it will include log output written by the python driver, which includes information about where the temporary profiles it uses are stored.
...And 2 more matches

Redis Tips
so rather than thinking about redis as a database with some kind of non-existent relationship to sql, think of it as a data structure server with a rich set of commands for querying and manipulating those data structures over a network connection.
... the redis command watch lets you name keys you're worried about; it causes your next transaction to be immediately aborted if any of the watched keys has been modified by anyone else.
... i recommend instead reading about redis's memory optimizations for small zsets: http://oldblog.antirez.com/post/everything-about-redis-24.html.
...And 2 more matches

XPCOM array guide
these enumerators maintain state about the current position in the array.
...this allows direct processing of array elements without worrying about calling release().
...d-only because of const void printsize(const nscomarray<nsielements>& elements) { printf("there are %d elements.\n", elements.count()); } // no const, so we can modify the array void tweakarray(nscomarray<nsielement>& elements, nsielement* newelement) { elements.removeobjectat(0); elements.appendobject(newelement); } in-place enumeration the callback-based enumeration in nscomarray<t> is about as fast as, if not faster than, standard loop-based iteration.
...And 2 more matches

Preface
next » this is a book about gecko, and about creating xpcom components for gecko-based applications.
...accordingly, the book is arranged so that you can follow along and create your own components or learn about different xpcom topics individually, as in a reference work.
...by the end of the book, if we've done our job, you will have learned how to build a component and you will know something about the framework for these components in gecko, which is xpcom.
...And 2 more matches

nsIAnnotationService
toolkit/components/places/public/nsiannotationservice.idlscriptable stores arbitrary data about a web page.
...otherwise, uris can exist in history as annotations but the user has no way of knowing it, potentially violating their privacy expectations about actions such as clear history.
...otherwise, uris can exist in history as annotations but the user has no way of knowing it, potentially violating their privacy expectations about actions such as clear history.
...And 2 more matches

nsICacheVisitor
netwerk/cache/nsicachevisitor.idlscriptable this interface provides information about cache devices and entries.
... inherits from: nsisupports last changed in gecko 1.7 method overview boolean visitdevice(in string deviceid, in nsicachedeviceinfo deviceinfo); boolean visitentry(in string deviceid, in nsicacheentryinfo entryinfo); methods visitdevice() this method is called to provide information about a cache device.
...deviceinfo specifies information about this device.
...And 2 more matches

nsINavHistoryObserver
the specified page and all its visits are about to be deleted.
... note: see using onbeforedeleteuri() in gecko 1.9.1 for how to implement this in gecko 1.9.1 void onbeforedeleteuri( in nsiuri auri, in acstring aguid ); parameters auri the uri of the page about to be deleted.
... onbeginupdatebatch() notifies you that a batch of things are about to change.
...And 2 more matches

nsISupports proxies
for more information about alternatives, see making cross-thread calls using runnables.
... about xpcom proxies a proxy, in this context, is a stub object which enables a method of any class which is derived from nsisupports and has a typelib to be called on any in-process thread.
... warning about proxy_async: you must take very special care when using this flag.
...And 2 more matches

Setting HTTP request headers
(and yes, "http-on-modify-request" is a string.) note: there are many topics, besides just "http-on-modify-request", that you can get notifications about, for example "http-on-examine-response" and "xpcom-shutdown".
... for more information about notifications framework and a list of common notification topics, see observer notifications.
... observers to get notified about some topic (like "http-on-modify-request") we need to create an observer.
...And 2 more matches

Getting Started Guide
a good place to learn about the basic rules and reasoning behind com is in essential com by don box.
...clients don't get to know much about the implementation of any such object.
... nsresult rv; nscomptr<nsifoo> foo(do_queryinterface(bar, &rv)); // or, if you don't care about the |nsresult| nscomptr<nsifoo> foo(do_queryinterface(bar)); nscomptr happily calls addref and release implicitly.
...And 2 more matches

Deprecated tools - Firefox Developer Tools
you may see a warning message, as in the following image, when trying to activate a deprecated panel: in addition, if you open the panel for one of these tools, you will also see a warning message about its removal.
... alternatives remote debugging is available in about:debugging as of firefox 68.
... features not ported to about:debugging are: wifi debugging for firefox for android, application development.
...And 2 more matches

Index - Firefox Developer Tools
41 dominators with a garbage-collected language, like javascript, the programmer doesn't generally have to worry about deallocating memory.
...this pane provides more detailed information about the request.
...we don’t care about the internal implementation of these libraries.
...And 2 more matches

Migrating from Firebug - Firefox Developer Tools
it also provides information about html parsing or layout.
...while firebug focuses on javascript performance and provides detailed information about javascript function calls during the profiling session, the performance tool in the devtools offers a broad spectrum of information regarding a website's performance but doesn't go into detail regarding javascript function calls.
... inspect request information both firebug and the firefox devtools' network monitor allow you to inspect the information about a request by clicking on it.
...And 2 more matches

Network request list - Firefox Developer Tools
there's an icon next to the domain that gives you extra information about the security status of that request.
...you can configure the threshhold in the configuration editor (about:config) by modifying the devtools.netmonitor.audits.slow setting.
... transferred: the number of bytes that were actually transferred to load the resource, or a message about why the resource was not transferred.
...And 2 more matches

The HTML DOM API - Web APIs
each node is based on the node interface, which provides properties for getting information about the node as well as methods for creating, deleting, and organizing nodes within the dom.
... the htmlelement interface is generic, however, providing only the functionality common to all html elements such as the element's id, its coordinates, the html making up the element, information about scroll position, and so forth.
...to learn more about the actual structure of the dom, see introduction to the dom.
...And 2 more matches

Basic concepts - Web APIs
about this document this introduction discusses essential concepts and terminology in indexeddb.
... to learn more about indexeddb terms, see the definitions section.
...you're storing critical data that cannot be recomputed later) you can force a transaction to flush to disk before delivering the complete event by creating a transaction using the experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.) this is currently experimental, and can only be used if the dom.indexeddb.experimental pref is set to true in about:config.
...And 2 more matches

Navigator - Web APIs
navigator.battery read only returns a batterymanager object you can use to get information about the battery charging status.
... navigator.connection read only provides a networkinformation object containing information about the network connection of a device.
... navigator.locks read only returns a lockmanager object which provides methods for requesting a new lock object and querying for an existing lock object navigator.mediacapabilities read only returns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities.
...And 2 more matches

WebGL2RenderingContext - Web APIs
renderbuffers webgl2renderingcontext.getinternalformatparameter() returns information about implementation-dependent support for internal formats.
... webgl2renderingcontext.getqueryparameter() returns information about a query.
... webgl2renderingcontext.gettransformfeedbackvarying() returns information about varying variables from webgltransformfeedback buffers.
...And 2 more matches

Signaling and video calling - Web APIs
you can learn more about the codecs which webrtc requires browsers to support, which additional codecs are supported by which browsers, and how to choose the best codecs to use in the guide codecs used by webrtc.
... function createpeerconnection() { mypeerconnection = new rtcpeerconnection({ iceservers: [ // information about ice servers - use your own!
... rtcpeerconnection.oniceconnectionstatechange the iceconnectionstatechange event is sent by the ice layer to let you know about changes to the state of the ice connection.
...And 2 more matches

Fundamentals of WebXR - Web APIs
assuming a person has two healthy eyes, their total field of view is about 200° to 220° wide.
...for more details about this, see the optics of 3d in rendering and the webxr frame animation callback.
... for more information about using webxr to create augmented reality experiences, see augmented reality with webxr.
...And 2 more matches

Web Speech API - Web APIs
speech synthesis speechsynthesis the controller interface for the speech service; this can be used to retrieve information about the synthesis voices available on the device, start and pause speech, and other commands besides.
... speechsynthesiserrorevent contains information about any errors that occur while processing speechsynthesisutterance objects in the speech service.
... speechsynthesisevent contains information about the current state of speechsynthesisutterance objects that have been processed in the speech service.
...And 2 more matches

Window.customElements - Web APIs
the customelements read-only property of the window interface returns a reference to the customelementregistry object, which can be used to register new custom elements and get information about previously registered custom elements.
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.ie no support noopera full support 41safari full support 10.1webview android full support 54chrome android full support 54firefox android full support 63 full support ...
...And 2 more matches

Window - Web APIs
window.customelements read only returns a reference to the customelementregistry object, which can be used to register new custom elements and get information about previously registered custom elements.
... deviceorientation fired when fresh data is available from the magnetometer orientation sensor about the current orientation of the device as compared to the earth coordinate frame.
... load & unload events beforeunload fired when the window, the document and its resources are about to be unloaded.
...And 2 more matches

Web Accessibility: Understanding Colors and Luminance - Accessibility
at the surface, the subject seems simple, but it is actually a complex subject because color is as much about the physiology of the eye and human perception as it is about light emitting from a computer screen.
... according to the article, hypersensitive cones, the authors note that "by population, about 64% of the cones are red-sensitive, about 32% green sensitive, and about 2% are blue sensitive." surprisingly, although cones that are blue-sensitive typically make up the fewest number of cones, they are also the most "sensitive" to color.
... to summarize, color is as much about human physiology and perception in the brain as it is the measurement of light coming from a computer screen.
...And 2 more matches

:scope - CSS: Cascading Style Sheets
sorry about that.
...<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.
...to change preferences in firefox, visit about:config.ie no support noopera full support 15safari full support 7webview android full support ≤37chrome android full support 27firefox android full support 32notes full support 32notes notes firefox 55 removes support for <style scop...
...And 2 more matches

Visual formatting model - CSS: Cascading Style Sheets
much of the information about the visual formatting model is defined in css2, however, various level 3 specifications have added to this information.
... something to consider about these anonymous boxes is that they inherit styles from their direct parent, but you cannot change how they look by targeting the anonymous box.
... read more about flow layout in css.
...And 2 more matches

Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
one of the first things we learn about css is that some elements are block-level and some are inline-level.
... the flow-root value makes sense if you think about block and inline layout, which is sometimes called normal flow.
...what about the matched pair display: inline flow-root?
...And 2 more matches

Media buffering, seeking, and time ranges - Developer guides
this is usually contiguous but if the user jumps about while media is buffering, it may contain holes.
...(learn more about timeranges).
... without any user interaction there is usually only one time range, but if you jump about in the media more than one time range can appear, as illustrated by the below visualization.
...And 2 more matches

HTML5 - Developer guides
designed to be usable by all open web developers, this reference page links to numerous resources about html5 technologies, classified into several groups based on their function.
... improvement in <iframe> using the sandbox and srcdoc attributes, authors can now be precise about the level of security and the wished rendering of an <iframe> element.
... 2d/3d graphics and effects canvas tutorial learn about the new <canvas> element and how to draw graphs and other objects in firefox.
...And 2 more matches

A hybrid approach - Developer guides
instead of maintaining two completely different sites, we simply redirect users to pages for the content they care about.
...for example, an often-criticized point about responsive web design is that full-resolution images are sent to all devices, including phones that show the images scaled down anyway.
... we’ve talked about incorporating server-side techniques into a responsive design, but there are even ways to use the hybrid approach if your use cases for mobile and desktop are very different.
...And 2 more matches

User input and controls - Developer guides
for example if you want to add controls when any key gets pressed, you need to add an event listener on the window object: window.addeventlistener("keydown", handlekeydown, true); window.addeventlistener("keyup", handlekeyup, true); where handlekeydown and handlekeyup are the functions implementing the controls about the keydown and keyup events.
... note: have a look at the events reference and keyboardevent guide to find out more about keyboard events.
... note: for further information about what you can do with touch events, please read our touch events guide.
...And 2 more matches

A re-introduction to JavaScript (JS tutorial) - JavaScript
javascript supports object-oriented programming with object prototypes, instead of classes (see more about prototypical inheritance and es2015 classes).
...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 va...
...we'll talk about variables later, but in javascript it is possible to declare a variable without assigning a value to it.
...And 2 more matches

Introduction - JavaScript
if you are new to programming, try one of the tutorials linked on the main page about javascript.
... javascript guide (this guide) provides an overview about the javascript language and its objects.
...see new in javascript to learn more about different versions of javascript and ecmascript specification editions.
...And 2 more matches

JavaScript
read more about javascript.
...for information about api specifics to web pages, please see web apis and dom.
...this module gives you some fundamental background knowledge about how client-side frameworks work and how they fit into your toolset, before moving on to tutorial series covering some of today's most popular ones.
...And 2 more matches

Web audio codec guide - Web media technologies
for information about the fundamental concepts behind how digital audio works, see the article digital audio concepts.
... factors affecting the encoded audio there are two general categories of factors that affect the encoded audio which is output by an audio codec's encoder: details about the source audio's format and contents, and the codec and its configuration during the encoding process.
... for more information about these and other features of audio data, see audio data format and structure in digital audio concepts.
...And 2 more matches

Privacy, permissions, and information security
security and privacy defined before we go into any depth about the various security and privacy features available to users on the web, let's define some important terms.
... 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.
...everyone has some idea what it means to keep something private, but when talking about the privacy of data, it becomes murky.
...And 2 more matches

Mobile first - Progressive web apps (PWAs)
this rings true, yes, but in our experience mobile first is more about having the mobile implementation as a default layer to build on.
...our html looks like this: <article> <nav> <ul> <li><a href="#">home</a></li> <li><a href="#">articles</a></li> <li><a href="#">videos</a></li> <li><a href="#">work</a></li> <li><a href="#">about</a></li> <li><a href="#">contact</a></li> </ul> </nav> <header> <a id="top" href="#bottom">jump to menu</a> <h1>my article</h1> </header> <div class="main"> <p>lorem ipsum … </p> <a id="bottom" href="#top">back to top</a> </div> </article> <button id="install-btn">install</button> default mobile css for the css, i first added some styles into our app.cs...
... one word of warning about this technique though - positioning doesn't work as expected on elements with display: table set on them.
...And 2 more matches

The building blocks of responsive design - Progressive web apps (PWAs)
it is usually much better to create a single version of your code which doesn't care about what browser or platform is accessing the site, but instead uses feature tests to find out what code features the browser supports or what the values of certain browser features are, and then adjusts the code appropriately.
...read more about responsive design advantages and disadvantages.
...we have used brick to create the mobile layout for snapshot, which you will read more about below.
...And 2 more matches

Progressive web apps (PWAs)
this set of docs tells you all you need to know about them.
...to find out more about what these mean, read progressive web app advantages.
...this guide explains how a2hs is used, and what you need to do as a developer to allow your users to take advantage of it.how to make pwas installablein this article, we learned about how we can make pwas installable with a properly-configured web manifest, and how the user can then install the pwa with the "add to home screen" feature of their browser.how to make pwas re-engageable using notifications and pushhaving the ability to cache the contents of an app to work offline is a great feature.
...And 2 more matches

WebAssembly Concepts - WebAssembly
(note that webassembly has the high-level goal of supporting languages with garbage-collected memory models in the future.) with the advent of webassembly appearing in browsers, the virtual machine that we talked about earlier will now load and run two types of code — javascript and webassembly.
... above we talked about the raw primitives that webassembly adds to the web platform: a binary format for code and apis for loading and running this binary code.
... now let’s talk about how we can use these primitives in practice.
...And 2 more matches

Content Scripts - Archive of obsolete content
to learn about how to interact with the content for a given user interface module, please see the module-specific documentation: panel, sidebar, frame.
...second, it means that content scripts can create objects without worrying about whether they might clash with objects added by page scripts.
...if you need to do this, read about interacting with page scripts.
...to learn about communicating with content scripts loaded using context-menu, see the context-menu documentation.

context-menu - Archive of obsolete content
read more about patterns.
... a special event named "context" is emitted in your content scripts whenever the context menu is about to be shown.
... to learn more about private windows, how to opt into private browsing, and how to support private browsing, refer to the documentation for the private-browsing module.
... parameters predicatefunction : function(context) a function which will be called with an object argument that provide information about the invocation context.

/loader - Archive of obsolete content
don't get too excited about configuration options, keep in mind that modules are more useful if they can be used across loader instances.
...these graphs can be used to reason about modules without diving into implementation details.
... if (subject.wrappedjsobject === unloadsubject) console.log("i am about to unload, reason is " + reason); }}; observerservice.addobserver(observer, 'sdk:loader:destroy', false); unload the loader module exposes an unload() function that can be used to unload specific loader instance and undo changes made by modules loaded into it.
...it takes the following set of configuration options: name: a string value which identifies the sandbox in about:memory.

Developing add-ons - Archive of obsolete content
this includes information about addons.mozilla.org, mozilla's add-on distribution web site.
... plugins information about how to create plugins, which are binary components that let mozilla based software display content they can't handle natively.
... addons.mozilla.org (amo) api developers' guide the amo developers' guide describes how to use the amo api to fetch information about add-ons from the addons.mozilla.org site.
... the mozilla platform information about the mozilla platform, including all of its apis and technologies, as well as how to use them in your own projects.

Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
« previousnext » fixme: we should include a link to the mdc list of snippets fixme: we need to add a part about 'why and how to create your own component' c++/js this document was authored by hiroshi shimoda of clear code inc.
... about xpcom xpcom is a framework for developing platform-independent components.
...type about:config into the location bar to confirm that the value has been stored correctly.
...again, you can use about:config to check that the value has been stored correctly.

Adding Toolbars and Toolbar Buttons - Archive of obsolete content
read more about this in the type attribute specification.
...this makes it easy to keep the themes separate and to make changes to one of them without having to worry about the rest.
...now you just need to be careful about when to use chrome://xulschoolhello/skin/ and when to use chrome://xulschoolhello-os/skin/.
...keep in mind that you shouldn't assume anything about the location (or presence!) of any specific buttons; remember users could have moved them or removed them altogether.

Appendix F: Monitoring DOM changes - Archive of obsolete content
non-mutation triggers it is usually possible to tell when a mutation has occurred or is about to occur without resorting to mutation events or observers.
...you can read more about event delegation here.
... * * @param {string} selector the css selector of nodes about which you * want to be notified.
...for instance, if you need to know about attribute changes to a particular node, then you should replace its setattribute method with a function that calls the original setattribute function as originalsetattribute.apply(this, arguments) before running your necessary event code.

Handling Preferences - Archive of obsolete content
to access all other preferences, enter "about:config" into the location bar.
...all changes done in about:config are saved to the prefs.js file.
... the list in about:config is not complete.
...you'll see this preference appear in about:config after installing the extension.

Firefox addons developer guide - Archive of obsolete content
the stuff about installing the dom inspector (https://developer.mozilla.org/en/firefox_addons_developer_guide/let%27s_build_a_firefox_extension#install_the_dom_inspector) is not accurate for firefox 3 or later, since it's no longer included in the firefox installer and must be downloaded from amo.
...certainly appendix 2 doesn't care what version of firefox you're using, since it's just about open source software licenses.
...es inside the documents; add abbreviation definition to acronyms; add some link to the internal mdc documentation when it makes sense; indent source code; make sure documentation is relevant for all platforms: gnu/linux, macos, windows; add anchor links to figures & listings; add credits to original authors and license; completed sometimes, interfaces names are misspelled: s/nsl/nsi; talk about fuel; titles of chapters and sub-headings should have caps for first letter of each word; we should add a part about bad and good practices (leaks, global scopes, ...); add external resources (mozdev.org/community/books.html); add to chapter 3 or 5 more informations about overlay (how to overlay some interesting part of firefox like status bar, menus or toolbar) add previous/next at the end ...
... opinions: i think we should be careful about adding new contents to this guide.

An Interview With Douglas Bowman of Wired News - Archive of obsolete content
besides the fact that the engineers can finally focus on building out the working functionality of the site rather than worrying about appearance or where the next spacer.gif is supposed to go?
...we don't make any claims about past archived content, but we've taken many efforts to make sure even stories from a few years ago are as valid as possible.
...but some users may write in, frustrated and complaining about the horrible design decisions we've made.
...what are the browser percentages of your current user base, and what about your target user base (which may be different)?

XML data - Archive of obsolete content
for more information about xml in mozilla, see the xml page in this wiki.
... notes about this demonstration: the superscript 2 (in "million km²") a unicode character, coded as \b2 in the css file.
...if you had difficulty understanding this page, or if you have other comments about it, please contribute to its discussion page.
...for more information about css in mozilla, see the main css page in this wiki.

Creating a status bar extension - Archive of obsolete content
download the sample the install manifest the install manifest, install.rdf, is a text file containing information that tells the host application important information about the extension.
... <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>status-bar-sample-1@example.com</em:id> <em:version>1.0</em:version> <em:type>2</em:type> <!-- front end metadata --> <em:name>status bar sample 1</em:name> <em:description>sample static status bar panel</em:description> <em:creator>my name</em:creator> <em:homepageurl>http://developer.mozilla.org/en/docs/creating_a_status_bar_extension</em:homepageurl> <!-- describe the firefox versions we support --> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>1.5</em:minversion> <em:maxversion>2.0.0.
... homepageurl the url of a web site the user can visit to get information about the extension, or to look for updates.
...you can also find more details about format of chrome manifests in the chrome manifest section.

JXON - Archive of obsolete content
if you want a complete bidirectional jxon library (modelled on the json global object), skip to the dedicated paragraph (but please read the note about the const statement compatibility).
... now let's serialize doc — the dom tree — to a javascript object tree (you can read more about working with objects and how javascript is object-oriented).
...before implementing it in a working environment, please read the note about the const statement compatibility.
... about this library the jxon.build() method summarizes all our four ways of conversion (see: #1, #2, #3, #4).

Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
one concrete example is window.open, which opens a new window: <script> function doopenwindow(){ var mywindow = window.open("about:blank"); mywindow.location.href = "http://www.ibm.com"; } </script> the problem with the code is that window.open is asynchronous -- it does not block the javascript execution until the window has finished loading.
...this is because the parser has no knowledge about javascript (or any other language) when in strict mode.
...i'll discuss more about doctypes in the next section.
...zilla uses almost standards mode for the following conditions: for any "loose" doctype (for example, <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en">, <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">) for the ibm doctype (<!doctype html system "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd">) you can read more about the image gap issue.

Space Manager High Level Design - Archive of obsolete content
during reflow, the space manager stores the space taken up by floats (updatespacemanager in nsblockframe) and provides information about the space available for other elements (getavailablespace in nsblockreflowstate).
... data model class/component diagram nsspacemanager: the central point of management of the space taken up by floats in a block nsbanddata: provides information about the frames occupying a band of occupied or available space nsblockbanddata: a specialization of nsbanddata that is used by nsblockreflowstate to determine the available space, float impacts, and where floats are cleared.
... frameinfo: a structure that keeps information about the rectangle associated with a specific frame, in a linked list.
...this is used to communicate information about the space in the band to the clients of the space manager.

Menus - Archive of obsolete content
for information about submenus, see submenus below.
...for details about adding shortcut keys to menus, see adding shortcut keys to menu items.
... for details about adding icons to menus, see adding icons to menu items.
... for details about creating checkbox menu items or radio menu items see checkbox menu items or radio menu items.

Panels - Archive of obsolete content
for more information about positioning the popup, see positioning popups.
...for more information about this attribute and other possible values that can be used, see positioning popups.
...for more details about both methods, see opening and closing popups.
... for more information about these types of panels, see floating panels.

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.
... <rdf:seq about="urn:mozilla:overlays"> <rdf:li resource="chrome://navigator/content/navigator.xul"/> </rdf:seq> this declares that we are adding a overlay window, a child of the root overlay node (urn:mozilla:overlays).
... <rdf:seq about="chrome://navigator/content/navigator.xul"> <rdf:li>chrome://findfile/content/foverlay.xul</rdf:li> </rdf:seq> mozilla reads this information and builds a list of overlays that are applied to other windows.
...the following example shows how: <rdf:seq about="urn:mozilla:stylesheets"> <rdf:li resource="chrome://messenger/content/messenger.xul"/> </rdf:seq> <rdf:seq about="chrome://messenger/content/messenger.xul"> <rdf:li>chrome://blueswayedshoes/skin/myskinfile.css</rdf:li> </rdf:seq> next, we'll see how to create an installer for a xul application.

Using the Editor from XUL - Archive of obsolete content
the xul contains an <editor> tag, e.g.: <editor type="content-primary" id="content-frame" src="about:blank" flex="1"/> the attribute type="content-primary" identifies this as the window content element, i.e.
... when the xul was parsed, the src attribute on the content frame was set to about:blank (our default 'blank page' url).
...one thing to note about editor initialization is that we pass into the editor's init() method an nsicontent* that corresponds to the root of the content tree that the editor is allowed to work with.
... now, we initialize a nstextrulesinfo with the information about the string being inserted, and call willdoaction() on the current editing rules.

XUL accessibility guidelines - Archive of obsolete content
titles provide users the most basic information about the application.
... flexible sizing one of the great things about xul is that visual layout is easy to control.
... animation user has control over animation and is warned about flashing content.
... no control over animation or warnings about flashing exist.

Debugging a XULRunner Application - Archive of obsolete content
see: preference reference for more information about these preferences.
... jsdump(str) (function defined below) will output str as a "message" with a speech bubble icon next to it: function jsdump(str) { components.classes['@mozilla.org/consoleservice;1'] .getservice(components.interfaces.nsiconsoleservice) .logstringmessage(str); } for more information about the error console see the error console and browser console article.
...bugger has changed: components.utils.import('resource://gre/modules/devtools/dbg-server.jsm'); if (!debuggerserver.initialized) { debuggerserver.init(); debuggerserver.addbrowseractors(); debuggerserver.allowchromeprocess = true; } let dbglistener=debuggerserver.createlistener(); dbglistener.portorpath=6000; dbglistener.open(); add the following to your prefs.js: (in recent ffox, edit about:config instead) pref("devtools.debugger.remote-enabled", true); in firefox, go to tools > web developer > connect...
... note the "new in firefox 3" attribute "contentaccessible" on https://developer.mozilla.org/en/chrome_registration so as per http://markmail.org/message/ezbomhkw3bgqjllv#query:x-jsd+page:1+mid:xvlr7odilbyhn6v7+state:results change the manifest to have this line: content venkman jar:venkman.jar!/content/venkman/ contentaccessible=yes i get errors about not being able to open contentareautils.js, contentareadd.js, findutils.js, or contentareautils.js...

Archived Mozilla and build documentation - Archive of obsolete content
these articles are archived, obsolete documents about mozilla, gecko, and the process of building mozilla projects.
... califiletype the califiletype interface provides information about a specific file type.
... mozilla application framework the mozilla application framework: for powerful, easy to develop cross-platform applications mozilla crypto faq in this document i try to answer some frequently asked questions about the mozilla web browser and mail/news client and its support for ssl, s/mime, and related features based on cryptographic technology.
... sxsw 2007 presentations presentations about the mozilla project given at the sxsw 2007 event in austin, texas.

2006-11-24 - Archive of obsolete content
discussions about functions that display the events/tasks of the calendars in month view.
... filing bugs for prototype implementations discussions about explicitly address bugs in the prototype implementations.
... proposal for an event summary dialog discussions about design for an event summary dialog.
... treating calendars as tags discussions concerning about the layout of calendar list in lightning/sunbird.

2006-12-01 - Archive of obsolete content
discussions cancellable async requests discussions about a bug of calicalendar's async methods.
... tasks in sunbird & lightning discussion about how to accessing the tasks in view in sunbird and lightning.
... discussions about universal binaries for sunbird.
... override a method (xbl) discussions about how to override a js function in a js file.

Sunbird Theme Tutorial - Archive of obsolete content
making a theme a theme consists of: a unique identifier a file containing information about the theme a file that registers the theme with sunbird some files containing the theme itself set up your theme in sunbird's profile directory.
... creating information about your theme in your theme directory, create a plain text file named <tt>install.rdf</tt>.
... copy and paste the content from here, making sure that you scroll to get all of it: <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest" em:id="just-testing@example.com" em:name="just testing" em:creator="rod whiteley" em:description="a test theme for sunbird" em:homepageurl="http://developer.mozilla.org/" em:version="0.1" em:internalname="testing" em:type="4" > <em:targetapplication><!-- sunbird --> <description em:id="{718e30fb-e89b-41dd-9da7-e25a45638b28}" em:minversion="0.2.9" em:maxversion="0.4" /> </em:targetapplication> </description> </rdf> in the line that starts <tt>em:id</tt>, ...
...make an image file about 200 by 100 pixels, and save it as <tt>preview.png</tt> in your theme directory.

Building a Theme - Archive of obsolete content
note: this tutorial is about building themes for firefox 29 and later.
... create the install manifest open the file called install.rdf that you created at the top of your extension's folder hierarchy and put this inside: <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>sample@example.net</em:id> <em:version>1.0</em:version> <em:type>4</em:type> <!-- target application this theme can install into, with minimum and maximum supported versions.
...rather than load the browser from disk using a file:// uri (since the location of firefox on the system can change from platform to platform and system to system), mozilla developers came up with a solution for creating uris to content that the installed add-on knows about.
... test first, we need to tell firefox about your theme.

Audio for Web games - Game development
there is further information about it here from the google developers site.
...you can find out more about best practises with the autoplay policy here.
... testing and support here's a table that shows what mobile platforms support the features talked about above.
... the pannernode harnesses the positional capabilities of the web audio api so we can relate further information about the game world to the player.

Backgrounds and borders - Learn web development
this example demonstrates two things about background images.
... you can read more about the different types of gradients and things you can do with them on the mdn page for the <gradient> data type.
... borders when learning about the box model, we discovered how borders affect the size of our box.
...do explore the different property pages if you want to find out more about any of the features we have discussed.

Cascade and inheritance - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the cascade and specificity, and how inheritance works in css.
... note: on mdn css property reference pages you can find a technical information box, usually at the bottom of the specifications section, which lists a number of data points about that property, including whether it is inherited or not.
... something to note here is that although we are thinking about selectors, and the rules that are applied to the thing they select, it isn't the entire rule which is overwritten, only the properties which are the same.
...we'd advise that you return to this article a few times as you continue through the course, and keep thinking about it.

Handling different text directions - Learn web development
instead they will talk about start and end along with this idea of inline and block.
... don't worry too much about that right now, but keep these ideas in mind as you start to look at layout; you will find it really helpful in your understanding of css.
... logical properties and values the reason to talk about writing modes and direction at this point in your learning however, is because of the fact we have already looked at a lot of properties which are tied to the physical dimensions of the screen, and make most sense when in a horizontal writing mode.
... logical margin, border, and padding properties in the last two lessons we have learned about the css box model, and css borders.

Images, media, and form elements - Learn web development
you need to make a decision about what happens with the overflow.
... so what can we do about the overflowing issue?
... you can make other choices about images inside containers.
...you learned about the box-sizing property in our box model lesson and you can use this knowledge when styling forms to ensure a consistent experience when setting widths and heights on form elements.

How CSS works - Learn web development
javascript is handled a bit later on in the process, and we won't talk about it here to keep things simpler.
... about the dom a dom has a tree-like structure.
... the updated output is as follows: in our debugging css article in the next module we will be using browser devtools to debug css problems, and will learn more about how the browser interprets css.
...old browsers will use the pixel version, ignoring the line about calc() as they don't understand it.

Fundamental text and font styling - Learn web development
verdana sans-serif note: among various resources, the cssfontstack.com website maintains a list of web safe fonts available on windows and macos operating systems, which can help you make your decision about what you consider safe for your usage.
...the maths can be complicated, so you need to be careful about how you style things.
...if you are going to use this, you should also think about using something else along with it, such as hyphens, to break some of the longer words across lines.
...the next article will give you all you need to know about styling html lists.

What text editors are available? - Learn web development
in this article we highlight some things to think about when installing a text editor for web development.
... prerequisites: you should already know about various software you need to build a website.
...you will learn more about customizing your editors and tools as you gain experience, and more importantly you will learn what features are more useful to your purposes.
... dig deeper choice criteria so, in more detail, what should you be thinking about when you choose a text editor?

How to build custom form controls - Learn web development
we have to think a little further: what about the escape key?
...if you want to learn more about this topic, you should check out the following helpful resources: uxmatters.com uxdesign.com the ux design section of smashingmagazine note: also, in most systems there is a way to open the <select> element with the keyboard to look at all the available choices (this is the same as clicking the <select> element with a mouse).
... .select .optlist.hidden { /* this is a simple way to hide the list in an accessible way; we will talk more about accessibility in the end */ max-height: 0; visibility: hidden; } note: we could also have used transform: scale(1, 0) to give the optionlist no height and full width.
... making the job easier in the code we are about to build, we will use the standard javascript and dom apis to do all the work we need.

CSS property compatibility table for form controls - Learn web development
font yes yes see the note about line-height letter-spacing yes yes text-align yes yes text-decoration partial partial see the note about opera text-indent partial[1] partial[1] ie9 supports this property only on <textarea>s, whereas opera only supports it on single line text fields.
... text and font color yes yes font yes yes see the note about line-height.
... text and font color yes yes font yes yes see the note about line-height.
... text and font color yes yes font yes yes see the note about line-height.

JavaScript basics - Learn web development
to learn more about alternative approaches, see script loading strategies.
...(see this section about naming rules.) if you are unsure, you can check your variable name to see if it's valid.
... note: for more details about the difference between var and let, see the difference between var and let.
...(read more about variable scoping.) events real interactivity on a website requires events handlers.

The web and web standards - Learn web development
this article provides some useful background on the web — how it came about, what web standard technologies are, how they work together, why "web developer" is a great career to choose, and what kinds of best practices you'll learn about through the course.
... web best practices we have briefly talked about the technologies that you'll use to build websites.
...it also goes beyond people with disabilities — how about young or old people, people from different cultures, people using mobile devices, or people with unreliable or slow network connections?
...privacy refers to allowing people to go about their business privately and not spying on them or collecting more of their data than you absolutely need to.

Creating hyperlinks - Learn web development
the title contains additional information about the link, such as which kind of information the page contains, or things to be aware of on the web site.
... <p>i'm creating a link to <a href="https://www.mozilla.org/" title="the best place to find more information about mozilla's mission and how to contribute">the mozilla homepage</a>.
... inside the html body, add one or more paragraphs or other types of content you already know about.
... <a href="https://www.mozilla.org/"> <img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage"> </a> note: you'll find out more about using images on the web in a future article.

Adding vector graphics to the Web - Learn web development
you can also go to the svg element reference, find out more details about other toys you can use in svg, and try those out too.
... this section is all about practising your research skills, and having some fun.
...nt to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; summary this article has provided you with a quick tour of what vector graphics and svg are, why they are useful to know about, and how to include svg inside your webpages.
...we've included some links below that might help you if you wish to go and find out more about how it works.

From object to iframe — other embedding technologies - Learn web development
the online world is very familiar with youtube, but many people don't know about some of the sharing facilities it has available.
...ie 10 and above) requests heightened security settings; we'll say more about this in the next section.
...if you are using different hosting and are not sure, ask your hosting provider about it.
...and then you constantly got annoying alerts about updating flash player and your java runtime environment.

Introduction to web APIs - Learn web development
as a real-world example, think about the electricity supply in your house, apartment, or other dwellings.
... 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.
...find out more about these types of api in manipulating documents.
...find out more about such apis in fetching data from the server.

Arrays - Learn web development
if we had 10 items to add to the invoice it would already be annoying, but what about 100 items, or 1000?
... as in previous articles, let's learn about the real basics of arrays by entering some examples into browser developer console.
...so for example: let sequence = [1, 1, 2, 3, 5, 8, 13]; for (let i = 0; i < sequence.length; i++) { console.log(sequence[i]); } you'll learn about loops properly later on (in our looping code article), but briefly, this code is saying: start looping at item number 0 in the array.
...we'll be teaching you all the useful basics there are to know about loops in the next module, but for now you should give yourself a clap and take a well-deserved break; you've worked through all the articles in this module!

Object-oriented JavaScript for beginners - Learn web development
objects can contain related data and code, which represent information about the thing you are trying to model, and functionality or behavior that you want it to have.
... defining an object template let's consider a simple program that displays information about the students and teachers at a school.
...there are lots of things you could know about a person (their address, height, shoe size, dna profile, passport number, significant personality traits ...) , but in this case we are only interested in showing their name, age, gender, and interests, and we also want to be able to write a short introduction about them based on this data, and get them to say hello.
...think about how the sentences should be structured differently depending on gender, and depending on whether the number of listed interests is 1, 2, or more than 2.

What is web performance? - Learn web development
previous overview: performance next web performance is all about making web sites fast, including making slow processes seem fast.
... how content is rendered to effectively understand web performance, the issues behind it, and the major topic areas we mentioned above, you really should understand some specifics about how browsers work.
...you can read all about this topic at understanding latency.
... conclusion that's it for now; we hope our brief overview of the web performance topic helped you to get an idea of what it is all about, and made you excited to learn more.

The "why" of web performance - Learn web development
overview: performance next web performance is all about making websites fast, including making slow processes seem fast.
... why care about performance?
...our example 22.6 mb cnn.com experience would cost about 11% of the average indian's daily wage to download.
...this is why you should care about web performance.

Introduction to the server side - Learn web development
in the modern world of web development, learning about server-side development is highly recommended.
... customised user experience servers can store and use information about clients to provide a convenient and tailored user experience.
... data analysis a website may collect a lot of data about users: what they search for, what they buy, what they recommend, how long they stay on each page.
... summary congratulations, you've reached the end of the first article about server-side programming.

React interactivity: Editing, filtering, conditional rendering - Learn web development
objective: to learn about conditional rendering in react, and implementing list filtering and an editing ui in our app.
...we're about to create this.
... editing from the ui much of what we're about to do will mirror the work we did in form.js: as the user types in our new input field, we need to track the text they enter; once they submit the form, we need to use a callback prop to update our state with the new name of the task.
... back to the filter buttons now that our main features are complete, we can think about our filter buttons.

Beginning our React todo list - Learn web development
once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to screen reader users — this is because these words are not needed by sighted users; they are there to provide more information about what the button does for screenreader users that do not have the extra visual context to help them.
...a <ul> is treated like a list by default, but the styles we're about to add will break that functionality.
...if you want to learn more about why this is necessary, you can check out scott o'hara’s article, “fixing lists”.
...don't worry too much about this for now — we will cover this later on when we get to using events.

Strategies for carrying out testing - Learn web development
studying analytics data now you should be able to go back to the analytics web homepage, and start looking at the data you've collected about your site (you need to leave a little bit of time for some data to actually be collected, of course.) by default, you should see the reporting tab, like so: there is a huge amount of data you could look at using google analytics — customized reports in different categories, etc.
...u are not able to have multiple versions of the default browser installed side by side, so you might want to build up a library of virtual machines to handle different tests as required, e.g.: windows 10 with edge 14 windows 10 with edge 13 windows 8.1 with ie11 windows 8 with ie10 windows 7 with ie9 windows xp with ie8 windows xp with ie7 windows xp with ie6 note: another good thing about virtual machines is that the virtual disk images are fairly self-contained.
... there are also commercial tools available such as sauce labs, browser stack and lambdatest that do this kind of thing for you, without you having to worry about the setup, if you wish to invest some money in your testing.
... user testing before we move on, we'll finish this article off by talking a bit about user testing — this can be a good option if you have a willing user group to test your new functionality on.

Git and GitHub - Learn web development
this module aims to teach you what you need to know about both of them.
... in terms of prerequisite knowledge, you don't need to know anything about web development, git/github or vcses to start this module.
... about pull requests (from github) a useful guide to managing pull requests, the way that your suggested code changes are delivered to people's repositories for consideration.
...this articles gives you what you need to know about issues.

Command line crash course - Learn web development
we’ll see how to install some tools later on in this chapter, and we’ll learn more about package registries in the next chapter.
... you don’t need to worry too much about whether a command is a built-in or not, but bear in mind that built-ins appear on all unix-based systems.
...simple commands do not carry too much danger, but as you start putting together more complex commands, you need to think carefully about what the command will do, and try testing them out first before you finally run them in the intended directory.
...you can find a lot more information about using prettier in different ways in the prettier docs.

Adding a new CSS property
see the gecko overview for more information about the style system.
... issues about how to write such a specification (including things such as whether it is appropriate to use prefixes or when properties should be inherited by default) are not covered here.
... 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.
... while we implement the string api in terms of the value api, we generally don't care much about the deprecated primitive value api, so in cases where there's some new structure, you should generally create the simplest structure of primitive values that will produce the right string.

Application cache implementation overview
nsiapplicationcacheservice::chooseapplicationcache is given the url the channel is about to load.
...associating the top level document with offline cache this happens between document load start and the first sub-resource download start and is not about associating nsiapplicationcache object with the channel, but with the document object the load is performed for.
... until steps described further the document doesn't know anything about its appcache.
...when the update is about to actually start, the scheduling service calls nsofflinecacheupdate::begin() method, that switches the update to checking state (+invokes onchecking event) and starts fetch of the manifest file.

Creating reftest-based unit tests
sorry about this, but the released builds and the nightly builds are built with the "--disable-tests" option and reftest will not work - see bug 369809.
... there is one thing about automated tests that may not be obvious.
...the cost of thinking about and managing the execution of a manual test is fairly high.
... reftests and preferences in order to use preferences that are not listed in the browser's built-in preferences files such as all.js (in other words, preferences that will not show up in about:config) it is necessary to add the preference to testing/profiles/reftest/user.js.

Debugging JavaScript
to enable it, go to about:config in the url bar and set devtools.chrome.enabled to true, or set the "enable chrome and add-on debugging" option in the developer tool settings.
... go to about:config and set the following two prefs: devtools.chrome.enabled: true devtools.debugger.remote-enabled: true after you restart the browser, you can access the browser debugger through tools > web developer > browser toolbox.
... (note that before firefox 28, this was labeled "browser debugger" and only the debugger was available, not the whole toolbox.) note that you must accept the incoming connection : (you may disable the pop-up above with the devtools.debugger.prompt-connection set to false in about:config.
...in about:config (add new pref, it doesn't exist per default).

HTTP logging
using about:networking this is available starting with firefox 52.
... open a new tab and type in "about:networking" into the url bar.
... logging http activity by manually setting environment variables sometimes the about:networking approach won't work, for instance if your bug occurs during startup, or you're running on mobile, etc.
... this will cause each log message to be immediately written (and fflush()'d), which is likely to give us more information about your crash.

Debugging
debugging the mozilla platform using debuggers with mozilla debugging mozilla on windows faq questions (and answers) about debugging mozilla on windows.
... debugging mozilla on os x questions (and answers) about debugging mozilla on os x.
... debugging a minidump windows crash reports include a minidump, which contains a lot of information about the application when it crashed.
... miscellaneous debugging safari some tips for debugging safari debugging chrome some tips for debugging chrome debugging internet explorer some tips for debugging internet explorer providing useful information to the mozilla developers how to get a stacktrace for a bug report useful information you can provide about a crash.

The Firefox codebase: CSS Guidelines
the overriding css section contains more information about this.
... testing to test for rtl layouts, you can go to about:config and set intl.uidirection to -1.
... if you are not using windows, one way to test against those adjustments on other platforms is: going to about:preferences clicking on the "colors..." button in the "fonts & colors" sub-section of the "language and appearance" section under "override the colors specified by the page with your selections above", select the "always" option chrome area the automatic adjustments previously mentioned only apply to pages rendered in the content area.
... reflows and style flushes see performance best practices for firefox front-end engineers for more information about this.

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.
... 11 firefox and the "about" protocol firefox, guide, mozilla, protocols there is a lot of useful information about firefox hidden away behind the about: url protocol.
... the most useful is the url about:config, which displays preferences and settings that can be inspected and changed.
...you can find details about profiles on mozilla's end-user support site.

Limitations of chrome scripts
in this case, the shim will return a javascript object that looks somewhat like a window or a document for about:blank.
... nsiaboutmodule by default, custom about: pages registered using nsiaboutmodule are loaded in the chrome process.
... you can change this default in the code you use to register the about: uri.
... see about: and chrome: uris.

Limitations of frame scripts
nsiaboutmodule by default, custom about: pages registered using nsiaboutmodule are loaded in the chrome process.
... there is a shim for this that makes the content of about: pages registered by the add-on transparently available in the content process.
... to avoid the shim: if you need to access the content of your about page from the content process, you need to register the nsiaboutmodule in the content process as well as the chrome process.
... by default, about: pages (except for a small whitelist) are loaded in the chrome process when browsed to from the awesomebar.

Performance best practices for Firefox front-end engineers
detecting and avoiding synchronous reflow this is also sometimes called “sync layout”, "sync layout flushes" or “sync layout calculations” sync reflow is a term bandied about a lot, and has negative connotations.
... here's a list of things that javascript can ask for that can cause uninterruptible reflow, to help you think about the problem.
...there’s plenty of excellent documentation on mdn about the gecko profiler: basic instructions for gathering and sharing a performance profile advanced profile analysis don’t guess—measure.
... if you’re working on a performance improvement, this should go without saying: ensure that what you care about is actually improving by measuring before and after.

AsyncShutdown.jsm
info optionally, a function returning information about the current state of the blocker as an object.
... // execute this code during profilebeforechange // no specific guarantee about completion of profilebeforechange }); if the promise returned by condition is not resolved/rejected within one minute, the process will crash to avoid blocking system shutdown, preventing the user from restarting firefox or burning through battery.
... properties attribute type description profilebeforechange read only phase the profile is about to be unmounted.
... webworkersshutdown read only phase javascript threads are about to be killed.

OS.File for the main thread
os.file.stat() obtain information about a file, such as size, creation date, etc.
... promise resolves to an instance of file.info holding information about a file.
... stat() obtain information about the file, such as size, creation date, etc.
... promise<file.info> stat() promise resolves to an instance of file.info holding information about the file.

Localizing with Mozilla Translator
the directory structure will look like this: (ab-cd jar root) locale |-- branding | |-- brand.dtd | `-- brand.properties |-- browser | |-- aboutdialog.dtd .
... |-- browser-region | `-- region.properties `-- ab-cd |-- alerts | `-- notificationnames.properties |-- autoconfig | `-- autoconfig.properties |-- cookie | |-- cookieacceptdialog.dtd | `-- cookieacceptdialog.properties |-- global | |-- about.dtd | |-- apppicker.dtd .
...rt looks like this: toolkit |-- locales | |-- en-us | | |-- chrome | | | |-- alerts | | | | `-- notificationnames.properties | | | |-- autoconfig | | | | `-- autoconfig.properties | | | |-- cookie | | | | |-- cookieacceptdialog.dtd | | | | `-- cookieacceptdialog.properties | | | |-- global | | | | |-- about.dtd | | | | |-- apppicker.dtd .
... browser |-- locales | |-- en-us | | |-- readme.txt | | |-- chrome | | | |-- branding | | | | |-- brand.dtd | | | | `-- brand.properties | | | |-- browser | | | | |-- aboutdialog.dtd as you see, there is ''link'' point, usually at chrome (in cvs & mozilla-central), sometimes in a deeper point.

GC and CC logs
gc and cc logs garbage collector (gc) and cycle collector (cc) logs give information about why various js and c++ objects are alive in the heap.
... generating logs from within firefox to manually generate gc and cc logs, navigate to about:memory and use the buttons under "save gc & cc logs." "save concise" will generate a smaller cc log, "save verbose" will provide a more detailed cc log.
... about:cc is simple, ugly, but rather powerful.
... about:ccdump is prettier but a bit slower.

Power profiling overview
this article covers important background information about power profiling, with an emphasis on intel processors used in desktop and laptop machines.
... the other thing to note about c-states is that they apply both to cores and the entire package — i.e.
...see section 14.9 of volume 3 of the intel software developer's manual for more details about rapl.
... further reading chapter 13 of the intel optimization manual has many details about optimizing for power consumption.

Performance
about:memory about:memory is the easiest-to-use tool for measuring memory usage in mozilla code, and is the best place to start.
...about:memory is built on top of firefox's memory reporting infrastructure.
... dmd dmd is a tool that identifies shortcomings in about:memory's measurements, and can also do multiple kinds of general heap profiling.
... investigating css performance how to figure out why restyle is taking so long power profiling power profiling overview this page provides an overview of relevant information, including details about hardware, what can be measured, and recommended approaches.

Debugging out-of-memory problems
by the time about:memory is loaded in a new tab and you have clicked the "measure" button to diagnose what's happened, the memory usage causing the spike has gone away, making temporary memory spikes difficult to diagnose.
... out-of-memory exceptions from js setting memory.dump_reports_on_oom in about:config to true will cause the browser to automatically write about:memory dumps to a temp file printed to the browser console (note: not web console) when an oom crash is encountered.
... ideally, memory.dump_reports_on_oom would generate an about:memory dump, but it does not currently.
... firefox android on firefox android, an about:memory dump may be triggered from a connect desktop machine with the command: adb shell am broadcast -a org.mozilla.gecko.memory_dump the location of the dump file will be printed to the android log (viewed with adb logcat | grep geckoconsole) and can be retrieved via adb pull.

Midas
examples this example shows the basic structure described in the notes section : <html> <head> <title>simple edit box</title> </head> <body> <iframe id="midasform" src="about:blank" onload="this.contentdocument.designmode='on';" ></iframe> </body> </html> methods document.execcommand executes the given command.
...see: more about security preferences note: the shortcut key will automatically trigger this command (typically accel-c) with or without the signed js or any code on the page to handle it.
...see: more about security preferences note: the shortcut key will automatically trigger this command (typically accel-x) with or without the signed js or any code on the page to handle it.
...user_pref("capability.policy.policynames", "allowclipboard"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); see: more about security preferences note: the shortcut key will automatically trigger this command (typically accel-v) with or without the signed js or any code on the page to handle it.

PR_GetFileInfo
gets information about a file with a specified pathname.
... syntax #include <prio.h> prstatus pr_getfileinfo( const char *fn, prfileinfo *info); parameters the function has the following parameters: fn the pathname of the file to get information about.
...on output, pr_getfileinfo writes information about the given file to the file information object.
... description pr_getfileinfo stores information about the file with the specified pathname in the prfileinfo structure pointed to by info.

PR_GetFileInfo64
gets information about a file with a specified pathname.
... syntax #include <prio.h> prstatus pr_getfileinfo64( const char *fn, prfileinfo64 *info); parameters the function has the following parameters: fn the pathname of the file to get information about.
...on output, pr_getfileinfo64 writes information about the given file to the file information object.
... description pr_getfileinfo64 stores information about the file with the specified pathname in the prfileinfo64 structure pointed to by info.

PKCS11 FAQ
nss never attempts to cache this information, because login state can change instantly without nss knowing about it (for example, when the user removes the card).
...nss knows about all the mechanisms defined in pkcs #11 version 2.01, but will not perform those that aren't defined by nss's policy mechanism.
... questions about keys and tokens is the pkcs #11 token treated in a read-only manner?
... questions about pins will a password change ever be done on the token?

NSS Tools
for information about downloading the nss source, see https://developer.mozilla.org/nss/building.
...this newsgroup is the preferred forum for all questions about nss and nss tools.
...for additional information about this tool, see object signing.
...for additional information about this tool, see form signing ...

NSS Tools modutil
-list [modulename] display basic information about the contents of the secmod.db file.
... use modulename to display detailed information about a particular module and its slots and tokens.
... creating a set of security management database files (key3.db, cert8.db, and secmod.db): -create displaying basic module information or detailed information about the contents of a given module: -list [modulename] adding a pkcs #11 module, which includes setting a supporting library file, enabling ciphers, and setting default provider status for various security mechanisms: -add modulename -libfile library-file [-ciphers cipher-enable-list] [-mechanisms mechanism-list] adding a pkcs #11 module from an existing jar file: -jar jar-file -installdi...
... displaying module information this example gives detailed information about the specified module: modutil -list "netscape internal pkcs #11 module" -dbdir c:\databases the security module database tool displays information similar to this: using database directory c:\databases...--------------------------------------------------------name: netscape internal pkcs #11 modulelibrary file: **internal only module**manufacturer: netscape communications corp description: com...

Network Security Services
nss faq answers basic questions about nss.
... introduction to ssl introduces the ssl protocol, including information about cryptographic ciphers supported by ssl and the steps involved in the ssl handshake.
... getting started nss releases this page contains information about the current and past releases of nss.
... nss api guidelines explains how the libraries and code are organized, and guidelines for developing code (naming conventions, error handling, thread safety, etc.) nss technical notes links to nss technical notes, which provide latest information about new nss features and supplementary documentation for advanced topics in programming with nss.

Garbage collection
mark bits are allocated based on the minimum cell size, thus an object comprised of larger cells consumes multiple bits in the bitmap (but only uses two of them.) exact stack rooting api note: the information here is about the implementation of gc roots and their use within spidermonkey.
...the barrier fires whenever the mutator is about to overwrite a location that holds a gc pointer.
...thus, if whenever we're about to overwrite a pointer to an object we mark the object black first, then no objects can get 'lost'.
...in other words, it is an updatable pointer to a gc thing (it is essentially a cell** that the gc knows about.) root a starting point to the gc graph traversal, a root is known to be alive for some external reason (one other than being reachable by some other part of the gc heap.) weak pointer in common cs terminology, a weak pointer is one that doesn't keep the pointed-to value live for gc purposes.

Web Replay
when the code creates a debugger object, that debugger provides information about the child process rather than the current (middleman) process.
... as with the devtools js code, this debugger lives in the middleman process, and instead of wrapping things from another compartment the debug objects hold heap structures with information about some thing in the child process.
... appendix: debugger details here is some more detailed information about how a recording/replaying process affects the debugger, and options for future improvements.
... appendix: impacts on gecko development web replay is designed to minimize the places where other parts of gecko need to know about it or interact with it.

Querying Places
a new session starts when the user types a new url or follows a bookmark (xxx link to more details about what constitutes a session).
...the results are of type result_type_full_visit and have additional information about the visit, such as the referring visit, and how the transition happened (typed, redirect, link, etc).
... and deserializing two queries and an options object: let querystring = placesutils.history.queriestoquerystring([query1, query2], 2, options); let queriesref = { }; let querycountref = { }; let optionsref = { }; placesutils.history.querystringtoqueries(querystring, queriesref, querycountref, optionsref); // now use queriesref.value, optionsref.value see places query uris for more information about the terms available for "place:" uris.
... nsinavhistoryfullvisitresultnode: derived from nsinavhistoryvisitresultnode, contains information about how the user navigated to this page.

nsIProtocolHandler
if the protocol doesn't need a port (for example, the "about" protocol), this attribute is -1.
... uri_norelative 1<<0 the protocol doesn't support relative uris (for example, about and javascript).
...(many servers do not support utf-8 iris at the present time, so we must be careful about tracking the native charset of the origin server.) nsiuri newuri( in autf8string aspec, in string aorigincharset, in nsiuri abaseuri ); parameters aspec the uri string in utf-8 encoding.
... see also nsiproxiedprotocolhandler adding a new protocol to mozilla writing a firefox protocol handler custom about: urls - similar to adding new protocol but adding onto the existing about: protocol ...

Storage
if you end up finalizing the statement (see mozistoragestatement.finalize()) you do not need to worry about calling mozistoragestatement.reset().
...of course, if your statement is local only to the function, you do not have to worry about calling reset since the object will be destroyed.
...this method will manage the transactions for you, so you don't have to worry about them.
... you can use them quite simply in your select queries, like this: var stmt = aconn.createstatement("select * from foo order by name collate locale asc"); var results = []; while (stmt.executestep()) { results.push(stmt.row.t); } stmt.finalize(); how to corrupt a database sqlite is very good about maintaining database integrity, but there are a few things you can do that can lead to database corruption.

Reference Manual
you're more likely to see it in a form like this nscomptr<nsifoo> foo( do_queryinterface(alist->elementat(i)) ); // |elementat|, like all good getters, |addrefs| it's result // which would be dropped on the floor, after querying it for the needed // interface bugzilla bug 8221 is specifically about finding and fixing this particular kind of leak.
...they know about each other, but neither holds an owning reference to the other.
...several reasons: it would become inconvenient take the address of an nscomptr in all other situations; the name "getter_addrefs" enforces the notion that a certain behavior is required of the getter; and once upon a time, there was another possibility (as you're about to learn).
... nsifoo* temp; nsresult rv = getfoo_withoutaddref(&temp); // note to self: must report |getfoo_withoutaddref| as a bug, all getters // must |addref| nscomptr<nsifoo> foo = temp; "in/out" parameters what about "in/out" parameters?

Using the clipboard
this section provides information about cutting, copying, and pasting to and from the clipboard.
... tell the transferring object about the type of data being copied.
... tell the transferring object about the data to copy.
... tell the transferring object about the flavor of data you want to get.

XPCOM
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.
... troubleshooting xpcom components registrationoften the first time you create an xpcom component, it may fail to register correctly.using nscomptrthis document is the sum total of everything written down about nscomptr.
... if you have a question about nscomptr, and this document doesn't answer it, there probably isn't a document that answers it.
...this implementation will allow you to get(), set(), define(), and undefine() nsifile.using nsipasswordmanagertechnical review completed.using nsisimpleenumeratorusing the clipboardthis section provides information about cutting, copying, and pasting to and from the clipboard.using the gecko sdkweak referencein xpcom, a weak reference is a special object that contains a pointer to an xpcom object, but doesnot keep that object alive.

Index
(see this document for info about that.) for the addressbook card pane, the icon will show is on disk at: <profile home>/nim/<value of pref aim.session.screenname>/picture/<screenname for card>.gif if aim.session.screenname is not set, the icon will not appear.
... 32 index index found 72 pages: 33 ldap support administration, enterprise, thunderbird this document is intended to "fill in the gaps" about how enterprise customers can leverage and customize ldap support in mozilla thunderbird.
...when this tutorial is finished, our extension will look like this: 76 building a thunderbird extension 3: install manifest extensions, thunderbird the install.rdf file is an xml file that provides general information about the extension.
...bug 493414), but in the meantime, it would be helpful to be able to get useful output on stderr about exceptions, events and pretty-printed objects.

Thunderbird
(from early 2007 to early 2011 thunderbird was developed by mozilla messaging, a subsidiary owned by mozilla.) documentation building thunderbird information about building thunderbird with the comm-central repository.
... there's also information about how the review process works and how to use the mozilla symbol server to help with debugging.
... mailnews protocols rough documentation about mail protocols..
... database views backend information about nsimsgdbview and related interfaces.

CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
in the infobar when you hover over an element in the html pane, you will see a tooltip that gives you more information about the element.
...once you select an element whose display is defined as flex, the panel will include a number of options for viewing details about the flex container and flex items within it.
... you can find out more about those in the section below.
... if you click on the item, the display shifts to show details about that element: this view shows information about the calculations for the size of the selected flex item: a diagram visualizing the sizing of the flex item content size - the size of the component without any restraints imposed on it by its parent flexibility - how much a flex item grew or shrunk based on its flex-grow value when there is extra free space or its flex-shrink value when ther...

Work with animations - Firefox Developer Tools
the bar is: blue if a transition was used to animate a property orange if a @keyframes animation was used green if the web animations api was used the bar contains a lightning bolt icon if the property was animated using the compositor thread (see more about the cost of animating different css properties).
... if you hover over the bar, a tooltip appears, giving you more detailed information about the animation or transition, including: the type of animation: css transition, css animation, or web animations api the duration of the animation the animation's start and end delay the animation's easing (or timing function).
... the animation's fill the playback rate of the animation information about the animated element to the left of each bar is a selector for the element that the animation applies to.
... further information about animation compositing if you open animation-inspector-compositing.html and click the red rectangle, a simple opacity animation will start.

UI Tour - Firefox Developer Tools
select element button the inspector gives you detailed information about the currently selected element.
...to learn more about the structure of the html pane, see the guide to examining and editing html.
... to learn more about the layout view, see examine and edit the box model.
... to learn more about the css declarations listed in this view, see examine computed css.

UI Tour - Firefox Developer Tools
to learn much more about the waterfall, see the separate waterfall page.
... to learn much more about the call tree, see the separate call tree page.
... flame chart if the call tree tells you, statistically, which functions your site is spending most time executing across the whole recording, the flame chart tells you the call stack at any given point during the recording: to learn much more about the flame chart, see the separate flame chart page.
... the allocations view only appears if you checked "record allocations" in the performance tool settings, before recording a profile: to learn much more about the allocations view, see the separate allocations page.

Settings - Firefox Developer Tools
if common preferences is not included in the settings, web console logs can be persisted by using the 'about:config' url in browser address bar, searching for: 'devtools.webconsole.persistlog' then toggling this value to true inspector show browser styles a setting to control whether styles applied by the browser (user-agent styles) should be displayed in the inspector's rules view.
...this setting works by toggling the about:config preference "devtools.markup.collapseattributes".
... to change the threshold at which attributes are truncated, you can edit the about:config preference "devtools.markup.collapseattributelength".
...learn more about style editor support for css source maps.

Background Tasks API - Web APIs
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.
... html content in order to be oriented about what we're trying to accomplish, let's have a look at the html.
...on"> start </div> <div class="label counter"> task <span id="currenttasknumber">0</span> of <span id="totaltaskcount">0</span> </div> </div> <div class="logbox"> <div class="logheader"> log </div> <div id="log"> </div> </div> the progress box uses a <progress> element to show the progress, along with a label with sections that are changed to present numeric information about the progress.
... variable declarations let tasklist = []; let totaltaskcount = 0; let currenttasknumber = 0; let taskhandle = null; these variables are used to manage the list of tasks that are waiting to be performed, as well as status information about the task queue and its execution: tasklist is an array of objects, each representing one task waiting to be run.

Using the Frame Timing API - Web APIs
the performanceframetiming interface provides frame timing data about the browser's event loop.
...this means the browser should process a frame in about 16.7ms.
... an application can register a performanceobserver for "frame" performance entry types and the observer will have data about the duration of each frame event.
...see performance profiling with the timeline for more information about this tool.

Guide to the Fullscreen API - Web APIs
to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.

GlobalEventHandlers.onanimationend - Web APIs
note that there's nothing there about animation.
...we'll use this to show information about the events we receive.
... note the use of animationevent.animationname and animationevent.elapsedtime to get information about the event which occurred.
...for information about why, and how to support running an animation more than once, see run an animation again in css animations tips and tricks.

GlobalEventHandlers.onanimationstart - Web APIs
note that there's nothing there about animation.
...we'll use this to show information about the events we receive.
... note the use of animationevent.animationname and animationevent.elapsedtime to get information about the event which occurred.
...for information about why, and how to support running an animation more than once, see run an animation again in css animations tips and tricks.

HTMLSlotElement.name - Web APIs
to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.ie no support noopera full support 40safari full support 10.1webview android full support 53chrome android full support 53firefox android full support 63 full support 63 ...
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.opera android full support 41safari ios full support 10.3samsung internet android full support 6.0legend full support full support no support no supportexperimental.

HTML Drag and Drop API - Web APIs
see interoperability for more information about drag-and-drop interoperability.
... for more information about drag data, see drag data.
... let img = new image(); img.src = 'example.gif'; ev.datatransfer.setdragimage(img, 10, 10); } learn more about drag feedback images in: setting the drag feedback image define the drag effect the dropeffect property is used to control the feedback the user is given during a drag-and-drop operation.
... for more information about handling the end of a drag operation, see: finishing a drag interoperability as can be seen in the datatransferitem interface's browser compatibility table, drag-and-drop interoperability is relatively broad among desktop browsers (except the datatransferitem and datatransferitemlist interfaces have less support).

RTCPeerConnection - Web APIs
see signaling in lifetime of a webrtc session for more details about the signaling process.event handlersalso inherits event handlers from: eventtargetonaddstream the rtcpeerconnection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeerconnection.
...the answer contains information about any media already attached to the session, codecs and options supported by the browser, and any ice candidates already gathered.
...h rtp receiver manages the reception and decoding of data for a mediastreamtrack on an rtcpeerconnectiongetsenders()the rtcpeerconnection method getsenders() returns an array of rtcrtpsender objects, each of which represents the rtp sender responsible for transmitting one track's data.getstats()the rtcpeerconnection method getstats() returns a promise which resolves with data providing statistics about either the overall connection or about the specified mediastreamtrack.getstreambyid() the rtcpeerconnection.getstreambyid() method returns the mediastream with the given id that is associated with local or remote end of the connection.
...<<<add a link to info about multiplexed rtcp.

Slottable: assignedSlot - Web APIs
to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.ie no support noopera full support 40safari full support 10.1webview android full support 53chrome android full support 53firefox android full support 63 full support 63 ...
...to change preferences in firefox, visit about:config.
...to change preferences in firefox, visit about:config.opera android full support 41safari ios full support 10.3samsung internet android full support 6.0legend full support full support no support no supportexperimental.

WebRTC connectivity - Web APIs
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.
...this description includes all the information about the caller's proposed configuration for the call.
... see the individual articles on these properties and methods for more specifics, and codecs used by webrtc for information about codecs supported by webrtc and which are compatible with which browsers.
... ice candidates as well as exchanging information about the media (discussed above in offer/answer and sdp), peers must exchange information about the network connection.

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 another example.
... 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.
... the next step is to connect the local peer to the remote by telling the remote peer about it.
...now the remoteconnection knows about the connection that's being built.

WebRTC API - Web APIs
to learn more about adapter.js, see improving compatibility using webrtc adapter.js.
...details about using webrtc statistics can be found in webrtc statistics api.
... rtcicetransport represents information about an ice transport.
... rtcrtpcontributingsource contains information about a given contributing source (csrc) including the most recent time a packet that the source contributed was played out.

Using XMLHttpRequest - Web APIs
these tell the client making the xmlhttprequest important information about the status of the response.
...read the article about html in xmlhttprequest to learn how to do this.
...if you want to perform the same effects using javascript you have to instruct the interpreter about everything.
...*/ ifhaschanged("yourpage.html", function (nmodif, nvisit) { console.log("the page '" + this.filepath + "' has been changed on " + (new date(nmodif)).tolocalestring() + "!"); }); if you want to know if the current page has changed, please read the article about document.lastmodified.

Web applications and ARIA FAQ - Accessibility
for more information about how to create accessible widgets with aria, see the overview of accessible web applications and widgets.
...user interface library (yui) for more information about javascript toolkit accessibility: steve faulkner's wai-aria implementation in javascript ui libraries can you show me an example of aria in action?
... .tab-panel[aria-hidden="true"] { display: none; } .tab-panel[aria-hidden="false"] { display: block; } what about validation?
... where can i learn more about aria?

Cognitive accessibility - Accessibility
providing warnings about inactivity that could result in data loss.
... all users benefit from information about where they are in a site's hierarchy, especially for sites or applications with large amounts of content or many subsections.
...for example, this document has an average grade level of about 11.
...if you need to redirect a user, let the user know about it beforehand.

@supports - CSS: Cascading Style Sheets
to change preferences in firefox, visit about:config.ie no support noopera full support 12.1safari full support 9webview android full support ≤37chrome android full support 28firefox android full suppor...
...to change preferences in firefox, visit about:config.opera android full support 12.1safari ios full support 9samsung internet android full support 1.5selector()chrome full support 83edge full support 83firefox full support 69 ...
...to change preferences in firefox, visit about:config.ie no support noopera full support 69safari no support nonotes no support nonotes notes see bug 199237webview android full support 83chrome android full support 83firefox android full support ...
...to change preferences in firefox, visit about:config.opera android no support nonotes no support nonotes notes see bug 979041.safari ios no support nonotes no support nonotes notes see bug 199237samsung internet android no support nonotes no support nonotes notes see bug 979041.legend ...

Basic concepts of flexbox - CSS: Cascading Style Sheets
start and end lines another vital area of understanding is how flexbox makes no assumption about the writing mode of the document.
... you can read more about the relationship between flexbox and the writing modes specification in a later article; however, the following description should help explain why we do not talk about left and right and top and bottom when we describe the direction that our flex items flow in.
... after a while, thinking about start and end rather than left and right becomes natural, and will be useful to you when dealing with other layout methods such as css grid layout which follow the same patterns.
... find out more about wrapping flex items in the guide mastering wrapping of flex items.

CSS Scrollbars - CSS: Cascading Style Sheets
to change preferences in firefox, visit about:config.ie no support noopera no support nosafari no support nowebview android no support nochrome android no support nofirefox android full support ...
...to change preferences in firefox, visit about:config.opera android no support nosafari ios no support nosamsung internet android no support nolegend full support full support no support no supportuser must explicitly enable this feature.user must explici...
...to change preferences in firefox, visit about:config.ie no support noopera no support nosafari no support nowebview android no support nochrome android no support nofirefox android full support ...
...to change preferences in firefox, visit about:config.opera android no support nosafari ios no support nosamsung internet android no support nolegend full support full support no support no supportsee implementation notes.see implementation notes.user mus...

Event developer guide - Developer guides
our hope is that everything you need to know about events will go under here.
... two common styles are: the generalized addeventlistener() and a set of specific on-event handlers.media eventsvarious events are sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.mouse gesture eventsgecko 1.9.1 added support for several mozilla-specific dom events used to handle mouse gestures.
... these are special movements that can be made with a mouse or trackpad and can be interpreted to perform specific tasks.mutation eventsmutation events provide a mechanism for a web page or an extension to get notified about changes made to the dom.
...this article provides details about 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 avail...

Index - Developer guides
20 media events intermediate, media various events are sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.
... 22 mutation events advanced, dom, guide mutation events provide a mechanism for a web page or an extension to get notified about changes made to the dom.
...this article provides details about the coordinate systems at play and how you use them.
...decisions like these are at the heart of mobile web development: be specific about what you would like to accomplish, and pick a practical approach while being aware of the tradeoffs.

<a>: The Anchor element - HTML: Hypertext Markup Language
linking to an email address to create links that open in the user's email program to let them send a new message, use the mailto: scheme: <a href="mailto:nowhere@mozilla.org">send email to nowhere</a> for details about mailto: urls, such as including a subject or body, see email links or rfc 6068.
... see rfc 3966 for syntax, additional features, and other details about the tel: url scheme.
... inaccessible, weak link text a sadly common mistake is to only link the words “click here” or “here”: <p> learn more about our products <a href="/products">here</a>.
... <p> learn more <a href="/products">about our products</a>.

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
tip: if using the pattern attribute, inform the user about the expected format by including explanatory text nearby.
...when it is, the position and size of the element's size and positioning within its frame can be adjusted using the css object-position and object-fit properties styling for more information about adding color to elements in html, see: applying color to html elements using css.
...the <label> element provides explanatory information about a form field that is always appropriate (aside from any layout concerns you have).
...for more information about labels in general see labels .

Link types - HTML: Hypertext Markup Language
<a>, <area>, <link> <form> help if the element is <a> or <area>, it indicates that the hyperlink leads to a resource giving further help about the parent of the element, and its descendants.
... if the element is <link> it indicates that the hyperlink leads to a resource giving further help about the page as a whole.
... this is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the window.opener property (see about rel=noopener for more details), while still providing the referer http header (unless noreferrer is used as well).
... <a>, <area>, <form> <link> pingback defines an external resource uri to call if one wishes to make a comment or a citation about the webpage.

Browser detection using the user agent - HTTP
browser makers do pay attention to bug reports, and the analysis may hint about other workarounds for the bug.
... lastly, the above code snippets bring about a critical issue with cross-browser coding that must always be taken into account.
...let us imagine a page composed of boxes of information; each box is about a different feline breed or canine breed.
...always be very deliberate about choosing the right media query and choosing the right >=, <=, >, or < in any corresponding javascript because it is very easy to get these mixed up, resulting in the website looking wonking right at the screen size where the layout changes.

Using HTTP cookies - HTTP
for details about the header attributes mentioned below, refer to the set-cookie reference article.
...however, it can be helpful when subdomains need to share information about a user.
... as a defence-in-depth measure, however, it is possible to use cookie prefixes to assert specific facts about the cookie.
... for more information about cookie prefixes and the current state of browser support, see the prefixes section of the set-cookie reference article.

Feature-Policy - HTTP
directives accelerometer controls whether the current document is allowed to gather information about the acceleration of the device through the accelerometer interface.
... ambient-light-sensor controls whether the current document is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
... gyroscope controls whether the current document is allowed to gather information about the orientation of the device through the gyroscope interface.
... magnetometer controls whether the current document is allowed to gather information about the orientation of the device through the magnetometer interface.

Index - HTTP
22 content-disposition http, reference, header in a multipart/form-data body, the http content-disposition general header is a header that can be used on the subpart of a multipart body to give information about the field it applies to.
... 82 index http, http header, index found 115 pages: 83 keep-alive general header, http, http header, reference the keep-alive general header allows the sender to hint about how the connection may be used to set a timeout and a maximum amount of requests.
... 98 server http, reference, header the server header contains information about the software used by the origin server to handle the request.
... 115 warning general header, http, reference, header the warning general http header contains information about possible problems with the status of the message.

Link prefetching FAQ - HTTP
add this line to your prefs.js file located in your profile directory (or make the appropriate change via about:config): user_pref("network.prefetch-next", false); however, the theory is that if link prefetching needs to be disabled then there must be something wrong with the implementation.
... what about folks who pay-per-byte for network bandwidth?
...you can block 3rd party cookies in firefox, see disabling third party cookies.) what about...?
... if you have any questions or comments about link prefetching, please feel free to send them my way :-) see also...

Control flow and error handling - JavaScript
the javascript reference contains exhaustive details about the statements in this chapter.
...see expressions and operators for complete information about expressions.
... throw statement try...catch statement exception types just about any object can be thrown in javascript.
...you can use this identifier to get information about the exception that was thrown.

The "codecs" parameter in common media types - Web media technologies
for instance, just describing a video in an mpeg-4 file with the mime type video/mp4 doesn't say anything about what format the actual media within takes.
... this guide briefly examines the syntax of the media type codecs parameter and how it's used with the mime type string to provide details about the contents of audio or video media beyond simply indicating the container type.
...the table below provides a basic list of the audio object types and in the case of the more common object ypes provides a list of the profiles supporting it, but you should refer to the specification for details if you need to know more about the inner workings of any given mpeg-4 audio type.
...the following table lists permitted values; see chroma subsampling in digital video concepts for additional information about this topic and others.

Web Performance
this article starts the module off with a good look at what performance actually is — this includes the tools, metrics, apis, networks, and groups of people we need to consider when thinking about performance, and how we can make performance part of our web development workflow.
... frame timing api the performanceframetiming interface provides frame timing data about the browser's event loop.
...from there, we'll go on to talk about how browsers text, and how you can use css and javascript features to ensure your fonts render quickly, and with minimal disruption to the user experience.
...in this guide we'll talk about the dynamic import() statement, which is a feature in modern browsers that loads a javascript module on demand.

Progressive loading - Progressive web apps (PWAs)
this is all about deferring loading of as many resources as possible (html, css, javascript), and only loading those immediately that are really needed for the very first experience.
...if you're past that point, then you can start thinking about optimizing the image loading using javascript.
... remember about the progressive enhancement approach — offer a usable product no matter the device or platform, but be sure to enrich the experience to those using modern browsers.
... final thoughts that's all for this tutorial series — we went through the source code of the js13kpwa example app and learned about the use of progressive web apps features including an introduction, pwa structure, offline availability with service workers, installable pwas, and finally notifications.

SVG Presentation Attributes - SVG: Scalable Vector Graphics
value: auto|srgb|linearrgb|<name>|<iri>|inherit; animatable: yes color-rendering it provides a hint to the browser about how to optimize its color interpolation and compositing operations.
... value: auto|<angle>|inherit; animatable: no image-rendering it provides a hint to the browser about how to make speed vs.
... value: bounding-box|visiblepainted|visiblefil|visiblestroke|visible |painted|fill|stroke|all|none; animatable: yes shape-rendering hints about what tradeoffs to make as the browser renders <path> element or basic shapes.
... value: none|underline|overline|line-through|blink|inherit; animatable: yes text-rendering hints about what tradeoffs to make as the browser renders text.

Guides - Archive of obsolete content
this page lists more theoretical in-depth articles about the sdk.
... modules learn about the module system used by the sdk (which is based on the commonjs specification), how sandboxes and compartments can be used to improve security, and about the built-in sdk module loader, known as cuddlefish.
... classes and inheritance learn how classes and inheritance can be implemented in javascript, using constructors and prototypes, and about the helper functions provided by the sdk to simplify this.

page-mod - Archive of obsolete content
to learn much more about communicating with content scripts, see the guide to content scripts and in particular the chapter on communicating using port.
...sometimes, though, we don't care about the url: we just want to execute a script on demand in the context of a particular tab.
... to learn more about private windows, how to opt into private browsing, and how to support private browsing, refer to the documentation for the private-browsing module.

panel - Archive of obsolete content
it means that the panel's about // to be shown.
...pe="text/css" media="all"> textarea { margin: 10px; } body { background-color: gray; } </style> </head> <body> <textarea rows="13" cols="33" id="edit-box"></textarea> </body> </html> finally, save these three icon files to the "data" directory: icon-16.png icon-32.png icon-64.png to learn much more about content scripts, see the working with content scripts guide.
...it means that the panel's about // to be shown.

platform/xpcom - Archive of obsolete content
to learn more about this, see registering and unregistering.
...to learn more about this, see registering and unregistering.
... if the object implements an interface that's already defined in xpcom, you can pass that in here: var about = aboutfactory.createinstance(null, ci.nsiaboutmodule); // you can now access the nsiaboutmodule interface of the 'about' object if you will be getting the wrappedjsobject property from the returned object to access its javascript implementation, pass ci.nsisupports here: var custom = factory.createinstance(null, ci.nsisupports).wrappedjsobject; // you can now access the interface defined for t...

Display a Popup - Archive of obsolete content
it means that the panel's about // to be shown.
... learning more to learn more about the panel module, see the panel api reference.
... to learn more about buttons, see the action button and toggle button api reference.

List Open Tabs - Archive of obsolete content
you'll see output in the command line console that looks something like this: info: http://www.mozilla.org/about/ info: http://www.bbc.co.uk/ you don't get direct access to any content hosted in the tab.
...document: require("sdk/ui/button/action").actionbutton({ id: "list-tabs", label: "list tabs", icon: "./icon-16.png", onclick: listtabs }); function listtabs() { var tabs = require("sdk/tabs"); for (let tab of tabs) runscript(tab); } function runscript(tab) { tab.attach({ contentscript: "document.body.style.border = '5px solid red';" }); } learning more to learn more about working with tabs in the sdk, see the tabs api reference.
... to learn more about running scripts in tabs, see the tutorial on using tab.attach().

Listen for Page Load - Archive of obsolete content
you can get notifications about new pages loading using the tabs module.
...adds a red border to the tab's document: require("sdk/tabs").on("ready", runscript); function runscript(tab) { tab.attach({ contentscript: "if (document.body) document.body.style.border = '5px solid red';" }); } (this example is only to show the idea: to implement something like this, you should instead use page-mod, and specify "*" as the match-pattern.) learning more to learn more about working with tabs in the sdk, see the tabs api reference.
... to learn more about running scripts in tabs, see the tutorial on using tab.attach().

JS XPCOM - Archive of obsolete content
xpcomutils - about protocol handler this example implements a quick about protocol handler in js using xpcomutils.jsm.
... components.utils.import("resource://gre/modules/services.jsm"); components.utils.import("resource://gre/modules/xpcomutils.jsm"); const cc = components.classes; const ci = components.interfaces; function abouthandler() {} abouthandler.prototype = { newchannel: function(uri) { var channel = services.io.newchannel("chrome://mystuff/content/mystuff.xul", null, null); channel.originaluri = uri; return channel; }, geturiflags: function(uri) { // do not return ci.nsiaboutmodule.uri_safe_for_untrusted_content unless // you make sure to set a non-system principal in newchannel.
... return 0; }, classdescription: "about mystuff page", classid: components.id("xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"), contractid: "@mozilla.org/network/protocol/about;1?what=mystuff", queryinterface: xpcomutils.generateqi([ci.nsiaboutmodule]) } var nsgetmodule = xpcomutils.generatensgetmodule([abouthandler]); } ...

Deploying a Plugin as an Extension - Archive of obsolete content
normally, this plugin is installed in a local directory, and a registry item is used to let firefox know about the plugin.
...this contains information about our extension; all extensions have one.
... here's what a basic install.rdf file looks like: <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>rhapsodyplayerengine@rhapsody.com</em:id> <em:name>rhapsody player engine</em:name> <em:version>1.0.0.487</em:version> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>1.5</em:minversion> <em:maxversion>1.5.0.*</em:maxversion> </description> </em:targetapplication> </description> </rdf> you can get more detailed information about this file at install.rdf.

Multiple item extension packaging - Archive of obsolete content
<rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:nc="http://home.netscape.com/nc-rdf#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <!-- nsiupdateitem type for a multiple item package --> <em:type nc:parsetype="integer">32</em:type> ...
...<rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <!-- nsiupdateitem type for a multiple item package --> <em:type>32</em:type> ...
... structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific information about how to package extensions theme packaging: specific information about how to package themes multiple-item extension packaging: specific information about multiple-item extension xpis xul application packaging: specific information about how to package xulrunner applications chrome registration ...

Adding windows and dialogs - Archive of obsolete content
you may be asking yourself what's the big deal about defining a simple xul window with an ok and maybe a cancel button.
...there are also subtle aspects about window size, margins and paddings that are not the same for all systems, so you should avoid making dialogs from scratch or overriding the default dialog css styles.
...all of this without having to worry about your dialog looking odd in some operating systems.

Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
what about jsonp?
... you don't have to care about parameter naming (or changes in naming in future application versions) or short-hand/arrow functions.
... of course, the issues given in the previous section about functions remain.

Custom XUL Elements with XBL - Archive of obsolete content
but there is one thing you need to know about moving or cloning your node: all internal state in the node will be lost.
...you do need to be careful about keeping all anonid attributes consistent, and even some dom structure if the code does node traversal.
...it's very easy to break the ui of the application or other extensions if you do this the wrong way, so be very careful about it.

Getting Started with Firefox Extensions - Archive of obsolete content
this tutorial is about extension development, but themes and language packs are developed in a very similar way.
...you can read more about plugins and their development in the plugins page.
...unsigned add-ons can still be installed in developer edition, nightly, and esr versions of firefox, after toggling the xpinstall.signatures.required preference in about:config.

Mozilla Documentation Roadmap - Archive of obsolete content
the about:mozilla newsletter is a weekly publication that includes the highlights of what is posted at planet mozilla.
...posts on about:mozilla also make it to planet mozilla.
...be sure to look at the license the extension's code is released with before thinking about copying large sections of it.

Setting Up a Development Environment - Archive of obsolete content
more about this further ahead.
...there is also a mention about building c++ xpcom, which is something much more complicated.
... you can learn about setting up multiple firefox profiles in the mozilla support article managing profiles.

User Notifications and Alerts - Archive of obsolete content
« previousnext » it is often the case that extensions need to notify users about important events, often requiring some response.
... the alerts service this is a very good option when you want to alert users about events without requiring input from them.
...this usually means that the box will be hovering on top of the page's content, and there are a few things you must know about this.

Session store API - Archive of obsolete content
knowing when to restore each time firefox is about to restore a tab, an event of type sstabrestoring is sent.
... firefox 3 note in firefox 3 and later, if you need to detect when a tab is about to be closed so that you can update data associated with the tab before it is closed, you can watch for the "sstabclosing" event, which is sent to the tab.
... the session restore process the exact sequence of events that occurs when a session is being restored is: a session state is about to be restored.

Add-ons - Archive of obsolete content
how to convert an overlay extension to restartless first off, what kind of add-on are we talking about here?
...firefox or thunderbird) uses to determine information about an add-on as it is being installed.
... it contains metadata identifying the add-on, providing information about who created it, where more information can be found about it, which versions of what applications it is compatible with, how it should be updated, and so on.

Creating reusable content with CSS and XBL - Archive of obsolete content
more details for more information about xbl bindings, see the xbl page in this wiki.
...it looks something like this, before and after you press the button: notes about this demonstration: the html document links the document stylesheet as usual, but it does not link any javascript code.
...if you had difficulty understanding this page, or if you have other comments about it, please contribute to its discussion page.

XUL user interfaces - Archive of obsolete content
more details for more information about xul user interfaces, see the xul page in this wiki.
... it looks something like this: xul demonstration day of week calculator date: 6/27/2005 day: sunday monday tuesday wednesday thurdsay friday saturday clear today june 27, 2005 notes about this demonstration: the xul document links the stylesheet as usual, and it also links the script.
...if you had difficulty understanding this page, or if you have other comments about it, please contribute to its discussion page.

Creating a Firefox sidebar extension - Archive of obsolete content
see building an extension for more detailed information about structuring, packaging, and deploying extensions.
...install.rdf <?xml version="1.0" encoding="utf-8"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>emptysidebar@yourdomain.com</em:id> <em:name>emptysidebar extension</em:name> <em:version>1.0</em:version> <em:creator>your name</em:creator> <em:description>example extension for creation and registration of a sidebar.</em:description> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</e...
...first, we need to tell firefox about your extension.

Creating a Skin for Firefox/Getting Started - Archive of obsolete content
skin\classic\communicator doesn't do a whole lot and can typically be forgotten about promptly.
... <description about="urn:mozilla:install-manifest"> <em:id>{themes_uuid}</em:id> <em:version>themes_version</em:version> the first section requires that you establish a uuid for your theme and that you give your theme a version number.
... see install manifests for the reference information about the install.rdf file.

Creating regular expressions for a microsummary generator - Archive of obsolete content
by the end of the tutorial, you should know some basics about regular expressions and understand how to create expressions that match urls.
... for detailed documentation about regular expressions, see core_javascript_1.5_reference:global_objects:regexp.
... conclusion if we include both of these regular expressions in a microsummary generator for ebay auction item pages, the generator will then apply to just about all ebay auction item pages (at least all the ones we've seen so far!).

Layout System Overview - Archive of obsolete content
the decision about when to apply css-specified formatting and when to apply legacy formatting is controlled by the document's doctype specification.
...the presentation shell also receives notifications about changes in cursor and focus states, whereby the selection and caret updates can be made visible.
...the frame manager uses the frame constructor state class to manage the important information about the container of a frame being created (and lots of other state-stuff too - need to describe more fully).

Repackaging Firefox - Archive of obsolete content
notice: the article is about repackaging firefox 2.0 and is obsolete when working on 3.x repackaging.
...more about this below.
... install.rdf meta-information about your extension, such as the creator (your organization), a unique id, and which versions of firefox are supported.

JavaScript Client API - Archive of obsolete content
before starting before you start learning the javascript api, you should spend some time on http://docs.services.mozilla.com/ reading about how the sync service operates.
...you can find out more about registering as an observer here: [link].
...when your tracker detects that an item has changed, you should add it to this list by calling: this.addchangedid(guid); these guids correspond to the .id fields of your record objects; see the section on the store class for more about defining and maintaining the mapping between guids and records.

How to Write and Land Nanojit Patches - Archive of obsolete content
in this case, you have to look through the converted revisions you're about to push (run hg outgoing to list them) and figure out which patch(es) caused the breakage.
...at this point the set of changes you are about to push will consist of a sequence of converted revisions from nanojit-central, followed by one of more "fixups" to tr/tm to make them work properly.
...if you are at all confused about this, ask in #nanojit irc.

Space Manager Detailed Design - Archive of obsolete content
the primary goal of the space manager is to provide information about those bands of space to support the css notion of floated elements.
...); } prbool intersectsdamage(nscoord aintervalbegin, nscoord aintervalend) { return mfloatdamage.intersects(aintervalbegin + my, aintervalend + my); } #ifdef debug /** * dump the state of the spacemanager out to a file */ nsresult list(file* out); void sizeof(nsisizeofhandler* ahandler, pruint32* aresult) const; #endif private: // structure that maintains information about the region associated // with a particular frame struct frameinfo { nsiframe* const mframe; nsrect mrect; // rectangular region frameinfo* mnext; frameinfo(nsiframe* aframe, const nsrect& arect); #ifdef ns_build_refcnt_logging ~frameinfo(); #endif }; // doubly linked list of band rects struct bandrect : prcliststr { nscoord mleft, mtop; ...
... */ nsiframe* getframe() const { return mframe; } implementation notes algorithm 1: getbanddata getbanddata is used to provide information to clients about what space if available and unavailable in a band of space.

URIs and URLs - Archive of obsolete content
simply speaking it's scheme and non-scheme, separated by a colon, like "about".
...nssimpleuri one implementation of nsiuri is nssimpleuri which is the basis for protocols like "about".
...also to be somewhat tolerant to syntax errors the parser has to know more about the specific syntax of the urls for that scheme.

Install Wizards (aka: Stub Installers) - Archive of obsolete content
to learn more about the xpinstall and installer packages please refer to the annotated browser xpi installer and the xpinstall api reference.
...to learn more about the three platform-specific versions of the stub installer follow the links below: unix stub installer mac stub installer windows stub installer what do we mean by xpistub?
...complete details about this library is available at libxpnet: architecture and api overview.

Learn XPI Installer Scripting by Example - Archive of obsolete content
about browser.xpi browser.xpi is the xpi archive in which the main components of the mozilla browser are archived for installation.
...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.
... see registerchrome in the xpinstall api reference for more information about registering new packages with the chrome registry.

Reading from Files - Archive of obsolete content
to learn more about file objects, see files and streams.
...however, a number of other character encodings are available; see reading other character encodings below for details about reading text in other encodings.
...this method handles all the different types of end of line characters and combinations, so you do not need to worry about platform specific conventions.

Writing to Files - Archive of obsolete content
to learn more about file objects, see files and streams.
...see below for more details about this.
...other character encodings are available; see writing other character encodings below for details about writing text in other encodings.

Extensions - Archive of obsolete content
in this example, the thumbnailsshowhideitems function will be called when the popup is about to be shown.
... for more details about hiding and showing items on a context menu, see hiding and showing menu items based on context.
... determining what element was context clicked for general information about how to determine which element was the target of the context menu, that is, the element that was context clicked, see determining what was context clicked firefox uses its own popupshowing event listener to adjust the items on the context menu.

PopupEvents - Archive of obsolete content
for more information about how to use this event, see context menu events.
... popuphiding this event is fired on a menupopup, panel or tooltip once it is about to be hidden.
... the popupshowing event just before a popup is about to be displayed, a popupshowing event will fired on the popup.

Adding Event Handlers - Archive of obsolete content
there are about thirty or so different events that may be handled in several different ways.
...this is used to get specific information about the event.
... find files example so far : source view next, we'll look at some more details about the event object.

Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which holds display and layout related information about a xul box as well as some details about xul layout.
... about mozilla layout mozilla divides things into two sets of trees, the content tree and the layout tree.
...however, there are a number of subtypes, about 25 or so, for specific xul elements.

Install Scripts - Archive of obsolete content
the registry also stores the set of files and version information about the installed components.
...you don't need to know much about it to create xul applications unless you are creating your own xpcom components.
... what you do need to know for an installation is that the registry stores a set of information about your application, such as the file list and versions.

Introduction to RDF - Archive of obsolete content
for more information about rdf, see the rdf specification.
...<rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:animals="http://www.some-fictitious-zoo.com/rdf#"> <rdf:seq about="http://www.some-fictitious-zoo.com/all-animals"> <rdf:li> <rdf:description about="http://www.some-fictitious-zoo.com/mammals/lion"> <animals:name>lion</animals:name> <animals:species>panthera leo</animals:species> <animals:class>mammal</animals:class> </rdf:description> </rdf:li> <rdf:li> <rdf:description about="http://www.some-fictitio...
...us-zoo.com/arachnids/tarantula"> <animals:name>tarantula</animals:name> <animals:species>avicularia avicularia</animals:species> <animals:class>arachnid</animals:class> </rdf:description> </rdf:li> <rdf:li> <rdf:description about="http://www.some-fictitious-zoo.com/mammals/hippopotamus"> <animals:name>hippopotamus</animals:name> <animals:species>hippopotamus amphibius</animals:species> <animals:class>mammal</animals:class> </rdf:description> </rdf:li> </rdf:seq> </rdf:rdf> here, three records have been described, one for each animal.

Templates - Archive of obsolete content
if you are using your own rdf file as a datasource, the value will usually correspond to the value of an about attribute on an rdf bag, seq or alt element.
...we'll see more about this when we get to creating templates for trees.
...more about resource syntax (xulplanet).

Trees - Archive of obsolete content
these functions will be called by the tree as necessary to retrieve data and state about the tree.
...by using this element, you can specify additional information about how the data in the columns are sorted and if the user can resize the columns.
...this may be a bit confusing, but essentially, one of the built-in tree views uses a set of tags which can be used to specify information about the data in the tree.

XUL Questions and Answers - Archive of obsolete content
return to mozilla-dev-tech-xul summaries the frequently asked questions should be moved to xul faq (make sure they have a clear answer.) where can i get more information about creating mozsearch plugins?
... creating mozsearch plugins contains more help information about creating mozsearch plugin on firefox 2.
... someelement { font-family: "my font", "trebuchet ms"; } for more information about platform specific questions, please visit mozilla.dev.platform ...

XML - Archive of obsolete content
you must be very careful about your syntax, and in particular about these four cardinal rules of xul: all events and attributes must be written in lowercase.
... xul is made out of xml you don't need to know all about xml in order to use xul, but you may want to read through this article to get a sense of xul's pedigree as a specialized markup language.
...it does not describe the way in which this data is to be presented, like its semantically-challenged cousin html does, and it doesn't have much to say about the data itself.

editor - Archive of obsolete content
to edit a new document, set the src attribute to about:blank.
... see the rich text editing and midas pages for more information about gecko's built-in rich text editor.
..., makeeditable examples this example shows how to made the editor editable by setting the designmode property of the loaded html document: <script language="javascript"> function initeditor(){ // this function is called to set up the editor var editor = document.getelementbyid("myeditor"); editor.contentdocument.designmode = 'on'; } </script> <editor id="myeditor" editortype="html" src="about:blank" flex="1" type="content-primary"/> once editable, the document can have special formatting and other html pieces added to it using the document.execcommand method: var editor = document.getelementbyid("myeditor"); // toggle bold for the current selection editor.contentdocument.execcommand("bold", false, null); see the midas overview for more command strings.

prefwindow - Archive of obsolete content
help: a help button for displaying help about the dialog.
... help: a help button for displaying help about the dialog.
...if you put other elements before the first <prefpane>, you possibly see strange behaviors about switching panes.

Application Update - Archive of obsolete content
pref("app.update.auto", true); // defines how the application update service notifies the user about updates: // // aum set to: minor releases: major releases: // 0 download no prompt download no prompt // 1 download no prompt download no prompt if no incompatibilities // 2 download no prompt prompt // // see chart in nsupdateservice.js.in for more details // pref("app.update.mode", 1); // if set to true, the update service will p...
...pref("app.update.url.manual", "http://yourserver.net/yourpage"); // a default value for the "more information about this update" link // supplied in the "an update is available" page of the update wizard.
... update.xml contains only information about the update.

Getting started with XULRunner - Archive of obsolete content
main.js: function showmore() { document.getelementbyid("more-text").hidden = false; } for more information about xul see: xul.
... for information about mixing html elements into your xul read adding html elements.
... for now, click the "next" link to learn about windows and menus in xulrunner!

Mozilla.dev.apps.firefox-2006-09-29 - Archive of obsolete content
uncements bon echo 20060921 nightly to recieve "major update" offer mike beltnzer announced that 'users running the bon echo 20060921 nightly build will be offered the chance to upgrade to a "new version"' firefox start up performance boris zbarsky recently performed some profiling of firefox's start up - these are some of the details discussions problem handling dmg files on mac discussion about why sometimes dmg files are not mounted correctly after they are downloaded.
... binding tab bar to new theme discussion about how to bind a new theme to a tab bar without losing its original binding.
... firefox 2 on windows vista discussion about the "state of affairs" of firefox 2 on windows vista rc1 - update for rc1 listed in update history as 'install pending' right-click "copy email address" - bug 353102 a proposed bug fix to the 'copy email address' bug how to use the rss feeds discovery & parsing tool in another open source project?

2006-09-29 - Archive of obsolete content
uncements bon echo 20060921 nightly to recieve "major update" offer mike beltnzer announced that 'users running the bon echo 20060921 nightly build will be offered the chance to upgrade to a "new version"' firefox start up performance boris zbarsky recently performed some profiling of firefox's start up - these are some of the details discussions problem handling dmg files on mac discussion about why sometimes dmg files are not mounted correctly after they are downloaded.
... binding tab bar to new theme discussion about how to bind a new theme to a tab bar without losing its original binding.
... firefox 2 on windows vista discussion about the "state of affairs" of firefox 2 on windows vista rc1 - update for rc1 listed in update history as 'install pending' right-click "copy email address" - bug 353102 a proposed bug fix to the 'copy email address' bug how to use the rss feeds discovery & parsing tool in another open source project?

2006-12-01 - Archive of obsolete content
discussion november 29th gecko 1.9/gran paradiso status meeting other than annoucing the meeting, this thread discusses where else can info about what happens at the meetings be found (since the agenda often seems bare).
... mitchell baker asks where should topics about organization and governance, moz.dev.planning or moz.governance?
... mozilla.org staff, project drivers, and technical oversight mike connor starts a discussion about the need for a "buck stops here" group and the replacement of drivers@mozilla.org.

2006-11-03 - Archive of obsolete content
discussions extended validation certificates major discussion this week started by gervase markham about security certificates, more specifically extended validation certificates.
...all questions about the cabf are welcome.
... more information about ca can be found at http://www.cabforum.org/ meetings none during this week.

2006-10-13 - Archive of obsolete content
discussions how to change between lightning and mail discussion about how to view folder pane and lightning pane again after you closed them.
...discussion about the ability to list and search all the events in a calendar.
...discussion about the problem remotely connecting to a particular calendar meetings none this week.

2006-11-03 - Archive of obsolete content
aborting a new event/edit event dialog discussions about behaves of new event/edit event.
... wcap calendar subscription discussions about calendar subscriptions.
... last check-ins on sun-calendar-event-dialog.* files discussions about some localization issues with sun-calendar-event-dialog.

2006-11-10 - Archive of obsolete content
discussions hunting down the "sunbird fails to start" bug -- please help discussion about a crash when starting sunbird 0.2.
... calendar:improving the calendar views discussion about improving the layout of calendar.
... next steps for 24 hours view discussion about the improving of some features of calendar ex.

2006-11-17 - Archive of obsolete content
discussions itip and imip new designs for sending invitations available for comment discussion about the new interface designs for itip.
... view performance discussion about tests on view performance.
... calendar xpcom component discussion about a debug error of additem function from calicalendar.

NPWindow - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains information about the target into which the plug-in instance can draw.
... ws_info unix: contains information about the plug-in's unix window environment; points to an npsetwindowcallbackstruct.
...(the drawable is provided in a graphicsexpose event, when the paint is requested.) description the npwindow structure represents the native window or a drawable, and contains information about coordinate position, size, whether the plug-in is windowed or windowless, and some platform-specific information.

NPAPI plugin reference - Archive of obsolete content
npp_destroystream tells the plug-in that a stream is about to be closed or destroyed.
... npsetwindowcallbackstruct contains information about the plug-in's unix window environment.
... npwindow contains information about the target into which the plug-in instance can draw.

The First Install Problem - Archive of obsolete content
the solution suggests that plugin vendors ought to leave dlls on a windows desktop whether or not a netscape gecko browser is detected, and then write keys in the windows registry giving future netscape gecko browsers the path where the plugin resides and meta-information about how to load the plugin.
...this document proposes a meta-information model in the win32 registry similar to the one used by microsoft's hkey_classes_root\clsid\ where a new activex control (ocx) on the system presents its uuid as a registry key (identifying the activex control) as well as information about where to find the ocx (e.g.
...the same mimetype description that apears when you type "about:plugins" as a url in mozilla's location bar.

Plugins - Archive of obsolete content
for more information about plugin roadmap, see non-archived plugin information.
...more information about these tools can be found on the external resources page.
... gecko plugin api reference (npapi) this reference describes the application programming interfaces for npapi plugins and provides information about how to use these interfaces.

RSS - Archive of obsolete content
documentation why rss slash is popular - counting your comments charles iliya krempeaux talks about the rss slash module, why it is popular among some, and how it is used to give a count for your comments.
... why well-formed web rss module is popular - syndicating your comments charles iliya krempeaux talks about the rss well-formed web module, why it is popular among some, and how it is used to link to your comments.
... atomic rss tim bray talks about using atom 1.0 as a micro format and extension module for rss 2.0; keeping rss 2.0 as your sydication format but bringing in and using selected atom 1.0 elements.

Scratchpad - Archive of obsolete content
but even with possible limitations present, the html code can be either manually entered or copied from the source and pasted into the "about:blank" page (a new empty tab) with the use page inspector's edit as html context menu command.
... to select these, visit about:config, select the setting devtools.editor.keymap, and assign "vim" or "emacs", or "sublime" to that setting.
... from firefox 33 onwards, the key binding preference is exposed in the editor preferences section of the developer tools settings, and you can set it there instead of about:config.

Browser Detection and Cross Browser Support - Archive of obsolete content
introduction in an ideal world, we could author html, xml, css and javascript and only worry about the w3c and ecma standards.
... if (document.body && typeof(document.body.offsetheight) == 'number') { height = document.body.offsetheight; } else if (typeof(window.innerheight) == 'number') { height = window.innerheight; } else { height = 0; } note how the previous example does not make assumptions about which browser is being used.
...if you are concerned about a specific security issue in gecko and know for example that all gecko browsers contain a fix for the issue after a certain date, you can check that the navigator.productsub value is after that date.

XForms - Archive of obsolete content
this extension, while supporting a significant subset of the xforms 1.0 and 1.1 candidate recommendations, is not actively maintained any more since about 2010.
... for more details about the future of the mozilla xforms extension see this blog post.
... xforms user preferences a description of the about:config variables that xforms uses.

RDF in Fifty Words or Less - Archive of obsolete content
the rdf graph provides a perfect data model upon which to build a "universal" bookmarking service as described above: the graph can contain pointers to arbitrary resources and can group them in just about any way that you can imagine.
...the cgi script actually generatesserialized rdf, which is basically just a way of formatting a graph into xml: <rdf:rdf xmlns:rdf="http://www.w3.org/tr/wd-rdf-syntax#" xmlns:sm="http://www.mozilla.org/smart-mail/schema#"> <rdf:description about="http://www.mozilla.org/smart-mail/get-mail.cgi?user=waterson&folder=inbox"> <sm:message id="4025293"> <sm:recipient> chris waterson "waterson@netscape.com" </sm:recipient> <sm:sender> aunt helga "helga@netcenter.net" </sm:sender> <sm:received-by>x-wing.mcom.com</sm:received-by> <sm:subject>great recipe for yam soup!</sm:sub...
...dy> http://www.mozilla.org/smart-mail/get-body.cgi?id=4025294 </sm:body> </sm:message> </rdf:description> </rdf:rdf> upon receipt of the above monstrosity, the rdf engine folds the rdf into the graph at the appropriate place, and the tree control that actually implements the ui to the bookmarks is notified that it should begin drawing some icons for the latest message about yam soup from aunt helga.

Using the Right Markup to Invoke Plugins - Archive of obsolete content
this article is about how to invoke a plugin with the correct use of html.
... it discusses the object element and the embed element, with details about using the most apt html to invoke java in a web page as well.
...the references section gathers resources about the use of the applet element.

XUL Parser in Python - Archive of obsolete content
v.00001 to celebrate activestate's recent announcement about support for perl and python in mozilla, i have put together this little python script that parses your local xul and builds a list of all the xul elements and their attributes in an html page.
...in the explanation section below, i try to say a little something about how this script works.
...but mozilla's upcoming support for languages like perl and python will really open up the mozilla platform to tools and approaches of this kind--and make now a good time to start thinking about how these various technologies will be put together.

Introduction to game development for the Web - Game development
and we're not talking about simple card games or multi-player social games that have in the olden days been done using flash®.
... we're talking about kick-ass 3d action shooters, rpgs, and more.
...instead of relying on someone else to make all the decisions about what analytics you need, you can collect your own -- or choose the third party that you like the best -- to gather information about your sales and your game's reach.

Explaining basic 3D theory - Game development
coordinate system 3d essentially is all about representations of shapes in a 3d space, with a coordinate system used to calculate their position.
... vertex processing vertex processing is about combining the information about individual vertices into primitives and setting their coordinates in the 3d space for the viewer to see.
...read the camera paragraph in the three.js article to learn about those.

3D games on the Web - Game development
support on modern browsers is very good, even on mobile, so you don't have to worry about that too much.
...there are some advanced concepts which you should dive into and learn more about — like shaders, collision detection, or the latest hot topic: virtual reality on the web.
...you should definitely check out glsl shaders article to learn more about them.

Desktop mouse and keyboard controls - Game development
the good thing about using phaser is that it offers helper variables and functions for easier and faster development, but it's totally up to you which approach you chose.
... pure javascript approach let's think about implementing pure javascript keyboard/mouse controls in the game first to see how it would work.
... 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.

Tiles and tilemaps overview - Game development
think about any game that uses regularly repeating squares of background, and you'll probably find it uses tilemaps.
...a high-level algorithm could be: for (var column = 0; column < map.columns; column++) { for (var row = 0; row < map.rows; row++) { var tile = map.gettile(column, row); var x = column * map.tilesize; var y = row * map.tilesize; drawtile(tile, x, y); } } you can read more about this and see an example implementation in square tilemaps implementation: static maps.
... you can read more about implementing scrolling tilemaps and see some example implementations in square tilemaps implementation: scrolling maps.

2D breakout game using pure JavaScript - Game development
frameworks are just tools built with the javascript language; so even if you plan on working with them, it's good to learn about the language itself first to know what exactly is going on under the hood.
... note: if you are interested in learning about 2d web game development using a game library, consult this series' counterpart, 2d breakout game using phaser.
...you can also make use of the gamedev canvas content kit based on this tutorial if you want to give a talk about game development in general.

Game development
we've also included a reference section so you can easily find information about all the most common apis used in game development.
... port native games to the web if you are a native developer (for example writing games in c++), and you are interested in how you can port your games over to the web, you should learn more about our emscripten tool — this is an llvm to javascript compiler, which takes llvm bytecode (e.g.
... to get started, see: about emscripten for an introduction including high-level details.

Gecko FAQ - Gecko Redirect 1
the original mozilla browser, first released as navigator 1.0, was developed rapidly by a small team that was passionate about creating the next killer app, and they succeeded.
... xml 1.0: full support, except for processing to manipulate default attributes rdf: full support, except for abouteach, abouteachprefix, and parsetype javascript 1.5, including ecma-262 edition 3 (ecmascript) compliance, except for date.todatestring and date.totimestring, which are not implemented transfer protocols: http 1.1 (including gzip compression), ftp ssl unicode oji (open java interface) image formats png gif jpeg, pjpeg does "full support" mean that gecko has zero bugs today...
...: see dom0, dom1, dom2 and event handling components xml rdf core javascript language interpreter (javascript engine) http 1.1 compliance bugs should generally be found on the networking, networking - general, and networking: cache components oji imagelib image library (see also jpeg image handling and png image handling) ssl-related bugs are filed on the crypto component for information about the known bugs of a specific commercial product based on gecko, see that product's release notes.

HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
request header: headers containing more information about the resource to be fetched or about the client itself.
... response header: headers with additional information about the response, like its location or about the server itself (name, version, …).
... entity header: headers containing more information about the body of the entity, like its content length or its mime-type.

Mobile accessibility - Learn web development
responsive design — make sure layouts work on mobile, conserve image download sizes, and think about the provision of images for high-resolution screens.
... thinking about high resolutions.
... summary in this article, we have provided you with some details about common mobile accessibility-specific issues and how to overcome them.

Accessible multimedia - Learn web development
as well as giving deaf users access to the information contained in the audio, think about a user with a low bandwidth connection, who would find downloading the audio inconvenient.
... think also about a user in a noisy environment like a pub or bar, who is trying to access the information but can't hear it over the noise.
...remember that accessibility is about doing as much as you can, rather than striving for 100% accessibility all the time, which is often impossible.

Supporting older browsers - Learn web development
in my experience, developers are often very worried about the experience of 1% of users in an old version of internet explorer, while not considering at all the far greater number who have accessibility needs.
... another popular way to find out about how well a feature is supported is the can i use website.
... this site lists the majority of web platform features with information about their browser support status.

CSS layout - Learn web development
we have covered the necessary prerequisites so we can now dive deep into css layout, looking at different display settings, modern layout tools like flexbox, css grid, and positioning, and some of the legacy techniques you might still want to know about.
...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.
... in this lesson you will first learn about the syntax used in media queries, and then move on to use them in a worked example showing how a simple design might be made responsive.

CSS first steps - Learn web development
this article explains what css is, with a simple syntax example, and also covers some key terms about the language.
... getting started with css in this article we will take a simple html document and apply css to it, learning some practical things about the language along the way.
... how css is structured now that you have an idea about what css is and the basics of using it, it is time to look a little deeper into the structure of the language itself.

CSS FAQ - Learn web development
in this article, you'll find some frequently-asked questions (faqs) about css, along with answers that may help you on your quest to become a web developer.
...(see eric meyer's note about the working group's stance).
...more detailed information about how selector specificity is calculated can be found in the css 2.1 specification chapter 6.4.3.

Learn to style HTML using CSS - Learn web development
in that module, you will learn about: css, starting with the introduction to css module more advanced html modules javascript, and how to use it to add dynamic functionality to web pages once you understand the fundamentals of html, we recommend that you learn html and css at the same time, moving back and forth between the two topics.
...we have covered the necessary prerequisites so we can now dive deep into css layout, looking at different display settings, modern layout tools like flexbox, css grid, and positioning, and some of the legacy techniques you might still want to know about.
...one of the best things about learning css is that once you know the fundamentals, usually you have a pretty good feel for what can and can't be done, even if you don't actually know how to do it yet!

What do common web layouts contain? - Learn web development
prerequisites: make sure you've already thought about what you want to accomplish with your web project.
... summary there's a reason we talk about web design.
...remember that word "float"--it will ring a bell when you start learning about css.

What are browser developer tools? - Learn web development
find out more find more out about the inspector in different browsers: firefox page inspector ie dom explorer chrome dom inspector (opera's inspector works the same as this) safari dom inspector and style explorer the javascript debugger the javascript debugger allows you to watch the value of variables and set breakpoints, places in your code that you want to pause execution and identify the problems that prevent your c...
... find out more find more out about the javascript debugger in different browsers: firefox javascript debugger microsoft edge debugger chrome debugger safari debugger the javascript console the javascript console is an incredibly useful tool for debugging javascript that isn't working as expected.
... find out more find more out about the javascript console in different browsers: firefox web console ie javascript console chrome javascript console (opera's inspector works the same as this) safari console ...

What is accessibility? - Learn web development
in general, we must think about our product from the viewpoints of all our target customers, and adapt accordingly.
... more details please refer to: wikipedia article about accessibility wai (w3c's web accessibility initiative) next steps accessibility can impact both a website's design and technical structure.
... from a design point of view, we suggest learning about designing for all types of users.

HTML forms in legacy browsers - Learn web development
learn about the issues to understand common patterns, it helps to read browser documentation.
...rather, it's about simplicity, intuitivess, and ease of user interaction.
...as a last reminder, just always think about the end users.

Sending forms through JavaScript - Learn web development
let's first talk about why this requires a different approach.
...to learn more about that, see the example in accessing the element list's contents in htmlformelement.elements.
...to learn more about the filereader api, see using files from web applications.

CSS basics - Learn web development
css comments are a way for you to write helpful notes about your code or logic.
...your work-in-progress should look similar to this: css: all about boxes something you'll notice about writing css: a lot of it is about boxes.
...you can find more information about different display values on mdn's display reference page.

Dealing with files - Learn web development
don't worry about what it all means for now — we'll look at the structures in more detail later in the series.
... for now, this is about all you need to know.
... that is about it for now.

HTML basics - Learn web development
elements can also have attributes that look like the following: attributes contain extra information about the element that you don't want to appear in the actual content.
... find out more about accessibility in our accessibility learning module.
... wrap the text in an <a> element, as shown below: <a>mozilla manifesto</a> give the <a> element an href attribute, as shown below: <a href="">mozilla manifesto</a> fill in the value of this attribute with the web address that you want the link to link to: <a href="https://www.mozilla.org/about/manifesto/">mozilla manifesto</a> you might get unexpected results if you omit the https:// or http:// part, called the protocol, at the beginning of the web address.

Use JavaScript within a webpage - Learn web development
about javascript javascript is a programming language mostly used client-side to make webpages interactive.
...if you already know something about javascript or if you have a background with other programming languages, we suggest you jump directly into our javascript guide.
...to make javascript work in your favor, it's worth knowing about certain best practices for adding javascript: make all content available as (structured) text.

Debugging HTML - Learn web development
however, error messages can quickly get more complicated and less easy to interpret as programs get bigger, and even simple cases can look a little intimidating to someone who doesn't know anything about rust.
...in a small example like the one seen above, it is easy to search through the lines and find the errors, but what about a huge, complex html document?
... if you can't work out what every error message means, don't worry about it — a good idea is to try fixing a few errors at a time.

Introduction to HTML - Learn web development
it contains information such as the page <title>, links to css (if you want to style your html content with css), links to custom favicons, and metadata (data about the html, such as who wrote it, and important keywords that describe the document).
...the elements here are less well-known, but still useful to know about.
... in this article, you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.

Making decisions in your code — conditionals - Learn web development
cheese available for making cheese on toast.'); } else { console.log('no cheese on toast for you today.'); } and, returning to our previous example about the child doing a chore for their parent, you could write it like this: let shoppingdone = false; if (shoppingdone) { // don't need to explicitly specify '=== true' let childsallowance = 10; } else { let childsallowance = 5; } nesting if ...
... think about which number of days is the most common, and use that as a default value.
... conclusion and that's all you really need to know about conditional structures in javascript right now!

Client-side storage - Learn web development
elsewhere in the mdn learning area we talked about the difference between static sites and dynamic sites.
... you'll learn more about these apis below.
...you can store just about anything you want, including complex objects such as video or image blobs.

JavaScript First Steps - Learn web development
a first splash into javascript now you've learned something about the theory of javascript, and what you can do with it, we are going to give you a crash course in the basic features of javascript via a completely practical tutorial.
...in this article we'll look at all the common things that you really ought to know about strings when learning javascript, such as creating strings, escaping quotes in string, and joining them together.
... 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 another, and more.

Server-side website programming first steps - Learn web development
in this module we answer a few fundamental questions about server-side programming — "what is it?", "how does it differ from client-side programming?", and "why is it so useful?".
...finally, we provide a high-level introductory article about web server security.
...we do hope that at this point you have a good understanding of what sorts of functionality you can deliver using server-side programming, and that you have made a decision about what server-side web framework you will use to create your first website.

Getting started with Ember - Learn web development
there are a couple of github issues open about this on the todomvc family of projects: add keyboard access to demos re-enable outline on focusable elements ember has a strong commitment to being accessible by default and there is an entire section of the ember guides on accessibility on what it means for website / app design.
... installing the shared assets for todomvc projects installing shared assets, as we're about to do, isn't normally a required step for new projects, but it allows us to use existing shared css so we don't need to try to guess at what css is needed to create the todomvc styles.
...ember-cli-build.js is responsible for configuring details about how your project is built — including bundling all your files together, asset minification, and creating sourcemaps — with reasonable defaults, so you don't typically need to worry about this file.

Routing in Ember - Learn web development
previous overview: client-side javascript frameworks next in this article we learn about routing, or url-based filtering as it is sometimes referred to.
... objective: to learn about implementing routing in ember.
...study the code to learn more about ember, and also check out the next article, which provides links to more resources and some troubleshooting advice.

Working with Svelte stores - Learn web development
for example, information about the logged in user, or whether the dark theme is selected or not.
... to learn more about detecting and fixing accessibility issues check out our handling common accessibility problems article.
...having a unique place to handle state modifications makes it easier to reason about the state flow and spot issues.

Getting started with Vue - Learn web development
note: if you don't have the above installed, find out more about installing npm and node.js here.
...these small blocks can help you reason about and test your code.
...we've learnt about some of the ideas behind vue, created some scaffolding for our example app to live inside, inspected it, and made a few preliminary changes.

Focus management with Vue refs - Learn web development
in order to set focus, we need to understand a little bit more about how vue works internally.
...for custom vue components, you can also use refs to directly access the internal structure of a child component, however this should be done with caution as it can make code harder to reason about and understand.
...since the <h2> is always rendered in the app, you do not need to worry about using $nexttick of lifecycle methods to handle focusing it.

Vue resources - Learn web development
further resources here’s where you should go to learn more about vue: vue docs — the main vue site.
...you are required to be explicit about "reactive" properties when using this api.
...to read more about the changes involved with vue 3, refer to this article by vue school which goes over most of the major changes in vue 3.

Introduction to automated testing - Learn web development
there are two main ways in which we can automate the tests we've been talking about in this module: use a task runner such as grunt or gulp, or npm scripts to run tests and clean up code during your build process.
... you can run your gulp task with the following commands — try this now: gulp adding some real tasks to gulp to add some real tasks to gulp, we need to think about what we want to do.
... device info — displays information about the testing device.

Tools and testing - Learn web development
this module gives you some fundamental background knowledge about how client-side frameworks work and how they fit into your toolset, before moving on to tutorial series covering some of today's most popular ones.
...this module aims to teach you what you need to know about both of them.
...what users, browsers and devices do you most need to worry about?), how to go about testing, the main issues that you'll face with different types of code and how to fix/mitigate those, what tools are most useful in helping you test and fix problems, and how to use automation to speed up testing.

Accessibility API cross-reference
however, only about one third of the states and roles in sun's accessibility api's are the same as in msaa.
... fill out tagged pdf column (relevant documents from pdf association) add missing aria properties fill out events cross reference table use this info to expand mozilla's accessibility api coverage to include mac, so that we can start to freeze them talk about the fact that msaa uses one interface (iaccessible), wherease gnome accessibility uses a lot of different interfaces depending on the type of object go through the atk info and make sure it's up-to-date accessible roles description & notes msaa role (role_system_*) java accessibility role gnome accessibility role (atk_role_*) mac os x accessibility role aria (role=*) ...
... composite (abstract role) a large perceivable region that contains information about the parent document such as copyright, authors' names etc.

Accessibility Features in Firefox
you can furthermore control javascript capabilities to remove scrollbars, toolbars or system buttons like minimize, close and maximize by editing the about:config related properties or by editing accordingly the user.js file as explained in this "disable other javascript window features" document.
...also, usercontent.css allows users knowledgeable about cascading style sheets to customize the appearance of all pages that are displayed.
... that's the great thing about the open firefox community model and source code license -- anyone can contribute, and everyone benefits.

Accessibility information for UI designers and developers
this is specifically important in these cases: the user input is about legal commitments or financial transactions it updates or removes the user's data in a system when recording tests responses in those cases, ensure users can change submissions, automatically check for errors.
...that way, users of screen readers and screen magnifiers can reliably make assumptions about them and skip over them.
...the most important thing about consistent headings is that no levels are skipped.

Multiprocess on Windows
note: if your new interface does not contain either of these annotations, then you do not need to worry about this step.
... a word about smart pointers as long as you're manipulating an object in its home apartment, it is okay to just use refptr.
... simple example now you know about mainthreadhandoff::wrapinterface and about the smart pointers, you're ready to wrap an interface: accessible* myaccessible = ....; mozilla::mscom::stauniqueptr<iaccessible> acctowrap; myaccessible->getnativeinterface(mozilla::mscom::getter_addrefs(acctowrap)); mozilla::mscom::proxyuniqueptr<iaccessible> wrapped; hresult hr = mozilla::mscom::mainthreadhandoff::wrapinterface(mozilla::move(acctow...

Software accessibility: Where are we today?
one great place to go and learn about this industry is the csun conference in los angeles, which takes place every year in mid-late march.
...without the application somehow notifying a blind person about the meaning of the light bulb image, the blind person is unable to understand what the application is attempting to convey.
... similarly, voice recognition software often needs information about the context of a user's interaction, in order to make sense of what the user is speaking.

Mozilla’s UAAG evaluation report
we use 16 bit strings, not sure about utf-16 6.8 dom css access.
... does not provide information about whether link is internal or external, except through url itself.
... provides information about whether link will open in same window does not support fee links 10.7 highlight current viewport.

Benchmarking
in about:addons > plugins, set shockwave flash to "never activate".
...they are currently reduce to a multiple of 2ms; which is controlled by the privacy.reducetimerprecision about:config flag.
... the exact value of the precision is controlled by the privacy.resistfingerprinting.reducetimerprecision.microseconds about:config flag.

What to do and what not to do in Bugzilla
when in doubt about resolving a bug, leave it alone!
...in general you should make sure that the bug has been resolved for a few months and no complaints about the resolution have come up.
... bug reports about crashes, hangs, data-loss, or severe security exploits (e.g.

Creating a spell check dictionary add-on
this file contains information about your add-on such as name and version number (see below).
... <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>locale-code@dictionaries.addons.mozilla.org</em:id> <em:version>version number</em:version> <em:type>64</em:type> <em:unpack>true</em:unpack> <em:name>name</em:name> <!-- other install.rdf metadata such as em:localized, em:description, em:creator, em:developer, em:translator, em:contributor or em:homepageurl -...
...2.0</em:maxversion> </description> </em:targetapplication> <!-- seamonkey --> <em:targetapplication> <description> <em:id>{92650c4d-4b8e-4d2a-b7eb-24ecf4f6b63a}</em:id> <em:minversion>2.15a1</em:minversion> <em:maxversion>2.49</em:maxversion> </description> </em:targetapplication> </description> </rdf> there are some rules about how you should adapt the install.rdf file: if you are creating a new dictionary add-on, we recommend that the em:id consists of your locale code followed by @dictionaries.addons.mozilla.org, but if there is more than one dictionary for your language (for example the german "old spelling" versus "new spelling" dictionaries), you may need to choose another id, that follows the rules of em:id.

Contributing to the Mozilla code base
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.
...they're all about small changes, sometimes as little as a few lines, but they're a great way to learn about setting up your development environment, navigating bugzilla, and making contributions to the mozilla codebase.
... now that you've got your first bug fixed you should request level 1 access to the repository to push to the try server and get automated feedback about your changes on multiple platforms.

mach
without this decorator, mach will not know about any commands defined within, even if they have decorators.
... @commandargument this is a method decorator that tells mach about an argument to a mach command.
...this object holds state from the mach driver, including the current directory, a handle on the logging manager, the settings object, and information about available mach commands.

Limitations of frame scripts
nsiaboutmodule by default, custom about: pages registered using nsiaboutmodule are loaded in the chrome process.
... you can change this default in the code you use to register the about: uri.
... see about: and chrome: uris.

How to Report a Hung Firefox
type "about:crashes" in the url bar and click on the top listing.
...type "about:crashes" in the url bar and click on the top listing.
...type "about:crashes" in the url bar and click on the top listing.

Addon
optional properties attribute type description abouturl read only string the url of the about dialog to display for this add-on.
... this is passed to window.opendialog() when presenting the about dialog.
... if you don't provide an abouturl, a generic about dialog is displayed.

Bootstrapping a new locale
we'll first navigate to the directory called "browser" by running the following commands one after the other from your command line: $ cd [ab-cd]/browser/chrome/browser to see what is contained in "browser" type $ ls and, you should see the following output from your terminal: aboutcerterror.dtd pageinfo.dtd aboutdialog.dtd pageinfo.properties aboutprivatebrowsing.dtd pagereportfirsttime.dtd aboutrobots.dtd places aboutsessionrestore.dtd preferences aboutsupport.dtd quitdialog.properties basemenuoverlay.dtd safemode.dtd browser.dtd safebrowsing browser.properties ...
... (read more about tools at l10n:tools.) after you have downloaded your editor of choice, type the following command in the same path from above (~/ab-cd/browser/chrome/browser) $ edit ab-cd/browser/chrome/browser/aboutcerterror.dtd read the top of the file to get any context on how to translate contained in the notes written by the developers or l10n-drivers.
...you can either use the locale switcher extension, or set it in about:config.

Index
for more detailed documentation about localization in general, see our localization page.
... 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.
...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 + another 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 content best practices
if you have any doubts about the quality of strings, ask a copywriter to do a copy review of this text.
...in general, localizers should make the decision about capitalization.
...if you have doubts about the localizability of some text or structure (not about the text itself, that would need copywriters), it's definitely good to ask feedback.

Localizing with Koala
koala features a very handy tool called compare-locales, which compares the files from en-us with your files in x-testing and gives you statistics about new, changed, missing and obsolete files and strings.
...it is a good practice to be descriptive about the changes you made in this revision.
... a good way of doing that is to ask yourself a question: "if i was a new person to this project and new nothing about the work already done in this repository, would this message help me understand what changes were made in this revision?".

Localizing with Mercurial
if you see a message about the version of mercurial (e.g.
...if you see a message about the version of mercurial (e.g.
...if you see a message about the version of mercurial (e.g.

Localization quick start guide
along the way, you'll learn about the variety of projects you can contribute to and the tools used to localize them.
...visit the l10n process page to learn about the whole process.
...to learn more about any of these, click on any of the links above.

Mozilla Web Developer FAQ
different people have different ideas about what x should be.
... try asking in the newsgroup relevant to your question in the comp.infosystems.www.authoring.* hierarchy or, if your question is about javascript/ecmascript or the dom, in comp.lang.javascript (after reading the group faqs first, of course).
... please do not ask web authoring questions in the newsgroups intended for discussion about the development of mozilla.

Mozilla projects on GitHub
to learn more about setting up a github account, visit the github website.
... codefirefox the codefirefox site, with videos and tutorials about how to contribute to the firefox project and mozilla code in general.
... mozilla-metrics tools used to collect metrics about mozilla code.

Profiling with Xperf
to see your xperf version, either run 'xperf' on a command line with no arguments, or start 'xperfview' and look at help -> about performance analyzer.
... (note that it's not the first version number in the about window; that's the windows version.) if you have an older version, you will experience bugs, especially around symbol loading for local builds.
...the stock windows crt allocator is horrible about fragmentation, and causes memory usage to rise drastically even if only a small fraction of that memory is in use.

A guide to searching crash reports
please read the documentation about individual crash reports before reading this page.
... the first link in each "signature" column cell links to a signature report, which contains additional details about crash reports with that signature.
...one way to learn about them is to read lots of individual crash reports; note that all fields shown in the details tab of an individual crash report have a tool-tip that indicates its key for search.

NSPR's Position On Abrupt Thread Termination
in the general course of events when programming with threads, it is very advantageous for a thread to have resources that it and only it knows about.
...that is not what this memo is about.
... this is about providing an api that coaxes people to do the right thing in as many ways as possible.

NSS FAQ
more information about nspr may be found at netscape portable runtime.
... how can i learn more about tls?
... for more information about u.s.

NSS 3.21 release notes
2016-01-07, this page has been updated to include additional information about the release.
... in ssl.h ssl_getpreliminarychannelinfo - obtains information about a tls channel prior to the handshake being completed, for use with the callbacks that are invoked during the handshake ssl_signatureprefset - configures the enabled signature and hash algorithms for tls ssl_signatureprefget - retrieves the currently configured signature and hash algorithms ssl_signaturemaxcount - obtains the maximum number signature algorithms that can be configured with...
...y_mat_params{_ptr} - parameters {or pointer} for ckm_tls12_key_and_mac_derive ck_tls_kdf_params{_ptr} - parameters {or pointer} for ckm_tls_kdf ck_tls_mac_params{_ptr} - parameters {or pointer} for ckm_tls_mac in sslt.h sslhashtype - identifies a hash function sslsignatureandhashalg - identifies a signature and hash function sslpreliminarychannelinfo - provides information about the session state prior to handshake completion new macros in nss.h nss_rsa_min_key_size - used with nss_optionset and nss_optionget to set or get the minimum rsa key size nss_dh_min_key_size - used with nss_optionset and nss_optionget to set or get the minimum dh key size nss_dsa_min_key_size - used with nss_optionset and nss_optionget to set or get the minimum dsa key siz...

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.
...these rules are derived from existing coding practices inside the security library, since consistency is more important than debates about what might look nice.
... there are a number of strategies, and entire books about how to safely access data on lists.