Search completed in 1.11 seconds.
642 results for "Links":
Your results are loading. Please wait...
Styling links - Learn web development
previous overview: styling text next when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
... objective: to learn how to style link states, and how to use links effectively in common ui features like navigation menus.
... let's look at some links we looked at how links are implemented in your html according to best practices in creating hyperlinks.
...And 33 more matches
What are hyperlinks? - Learn web development
in this article, we'll go over what hyperlinks are and why they matter.
... objective: learn about links on the web and why they matter.
... summary hyperlinks, usually called links, are a foundational concept behind the web.
...And 29 more matches
Creating hyperlinks - Learn web development
previous overview: introduction to html next hyperlinks are really important — they are what makes the web a web.
... hyperlinks are one of the most exciting innovations the web has to offer.
...hyperlinks allow us to link documents to other documents or resources, link to specific parts of documents, or make apps available at a web address.
...And 26 more matches
Test your skills: Links - Learn web development
the aim of this skill test is to assess whether you've understood our creating hyperlinks article.
... links 1 in this task we want you to help fill in the links on our whales information page: the first link should be linked to a page called whales.html, which is in the same directory as the current page.
... links 2 in this task we want you to fill in the four links so that they link to the appropriate places: the first link should link to an image called blue-whale.jpg, which is located in a directory called blue inside the current directory.
...And 5 more matches
LinkStyle - Web APIs
WebAPILinkStyle
the linkstyle interface provides access to the associated css style sheet of a node.
... linkstyle is a raw interface and no object of this type can be created; it is implemented by htmllinkelement and htmlstyleelement objects.
... linkstyle.sheet read only returns the cssstylesheet object associated with the given element, or null if there is none.
...And 2 more matches
Document.links - Web APIs
WebAPIDocumentlinks
the links read-only property of the document interface returns a collection of all <area> elements and <a> elements in a document with a value for the href attribute.
... syntax nodelist = document.links value an htmlcollection.
... example var links = document.links; for(var i = 0; i < links.length; i++) { var linkhref = document.createtextnode(links[i].href); var linebreak = document.createelement("br"); document.body.appendchild(linkhref); document.body.appendchild(linebreak); } specifications specification status comment html living standardthe definition of 'document.links' in that specification.
... living standard document object model (dom) level 2 html specificationthe definition of 'document.links' in that specification.
nsINetworkLinkService
netwerk/base/public/nsinetworklinkservice.idlscriptable network link status monitoring service.
... 1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by: @mozilla.org/network/network-link-service;1 as a service: var networklinkservice = components.classes["@mozilla.org/network/network-link-service;1"] .getservice(components.interfaces.nsinetworklinkservice); attributes attribute type description islinkup boolean this is set to true when the system is believed to have a usable network connection.
... linkstatusknown boolean this is set to true when we believe that islinkup is accurate.
Links and Resources
here are some useful links for those interested in web accessibility as well as open source accessibility.
copyToFollowingLinks
this content is now available at nsifile.copytofollowinglinks().
copyToFollowingLinksNative
this content is now available at nsifile.copytofollowinglinksnative().
Index - Learn web development
7 html: a good basis for accessibility at, accessibility, article, beginner, buttons, codingscripting, forms, html, learn, links, a11y, assistive technology, keyboard, screenreader, semantics you should now be well-versed in writing accessible html for most occasions.
... beginner, browser, css, codingscripting, dev tools, html, javascript, learn the devtools live inside your browser in a subwindow that looks roughly like this, depending on what browser you are using: 26 what are hyperlinks?
... beginner, infrastructure, navigation, needsactivelearning hyperlinks, usually called links, are a foundational concept behind the web.
...And 20 more matches
HTML: A good basis for accessibility - Learn web development
good for seo — search engines give more importance to keywords inside headings, links, etc.
... ui controls by ui controls, we mean the main parts of web documents that users interact with — most commonly buttons, links, and form controls.
... <h1>links</h1> <p>this is a link to <a href="https://www.mozilla.org">mozilla</a>.</p> <p>another link, to the <a href="https://developer.mozilla.org">mozilla developer network</a>.</p> <h2>buttons</h2> <p> <button data-message="this is from the first button">click me!</button> <button data-message="this is from the second button">click me too!</button> <button data-message="this is from the thir...
...And 15 more matches
HTML: A good basis for accessibility - Learn web development
good for seo — search engines give more importance to keywords inside headings, links, etc.
... ui controls by ui controls, we mean the main parts of web documents that users interact with — most commonly buttons, links, and form controls.
... <h1>links</h1> <p>this is a link to <a href="https://www.mozilla.org">mozilla</a>.</p> <p>another link, to the <a href="https://developer.mozilla.org">mozilla developer network</a>.</p> <h2>buttons</h2> <p> <button data-message="this is from the first button">click me!</button> <button data-message="this is from the second button">click me too!</button> <button data-message="this is from the thir...
...And 15 more matches
New Skin Notes - Archive of obsolete content
--dria is it just me or visited links are not marked as such?
...it looks odd when someone who uses devmo on regular basis sees some violet links just because he already worked with this site yesterday.also, the current color for visited links makes them less visible.
... --gandalf 00:45, 31 aug 2005 (pdt) i don't like the current color too, but i strongly disagree that we don't need to give visited links different color.
...And 14 more matches
Window.open() - Web APIs
WebAPIWindowopen
*/ }; } </script> (...) <p><a href="http://www.spreadfirefox.com/" target="promotefirefoxwindowname" onclick="openffpromotionpopup(); return false;" title="this link will create a new window or will re-use an already opened one" >promote firefox adoption</a></p> the above code solves a few usability problems related to links opening secondary window.
...</script> (...) <p><a href="http://www.spreadfirefox.com/" target="promotefirefoxwindow" onclick="openrequestedpopup(this.href, this.target); return false;" title="this link will create a new window or will re-use an already opened one" >promote firefox adoption</a></p> you can also make such function able to open only 1 secondary window and to reuse such single secondary window for other links in this manner: <script type="text/javascript"> var windowobjectreference = null; // global variable var previousurl; /* global variable that will store the url currently in the secondary window */ function openrequestedsinglepopup(url) { if(windowobjectreference == null || windowobjectreference.closed) { windowobjectreference = window.open(url, "singlesecondarywindown...
...if you are using the sdk, tabs are handled a bit differently k-meleon 1.1, a mozilla-based browser, gives complete control and power to the user regarding how links are opened.
...And 14 more matches
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
summary: thanks to long-standing limitations, we're used to thinking of hover styles as applying only to hyperlinks, which has led to some sloppy authoring practices that are now causing problems for some web sites.
...many authors make use of the css2 pseudo-class :hover to style their links.
... this innovation, first introduced by microsoft® internet explorer and later adopted into the css specification, is very popular for the styling of text links, particularly those that are supposed to look and act like javascript-driven "rollovers." however, advancing css support in browsers has caused some unexpectedly aggressive hovering behavior on some pages.
...And 10 more matches
nsIFile
void appendrelativenativepath(in acstring relativefilepath); void appendrelativepath(in astring relativefilepath); nsifile clone(); boolean contains(in nsifile infile); void copyto(in nsifile newparentdir, in astring newname); void copytofollowinglinks(in nsifile newparentdir, in astring newname); void copytofollowinglinksnative(in nsifile newparentdir, in acstring newname); native code only!
... followlinks prbool determines whether or not the nsifile will automatically resolve symbolic links.
... nativetarget acstring this attribute exposes the full target of the nsifile - the full path with any symbolic links dereferenced.
...And 10 more matches
<a>: The Anchor element - HTML: Hypertext Markup Language
WebHTMLElementa
links are not restricted to http-based urls — they can use any url scheme supported by browsers: sections of a page with fragment urls pieces of media files with media fragments telephone numbers with tel: urls email addresses with mailto: urls while web browsers may not support other url schemes, web sites can with registerprotocolhandler() hreflang hints at the human language of ...
... examples linking to an absolute url html <a href="https://www.mozilla.com"> mozilla </a> result linking to relative urls html <a href="//example.com">scheme-relative url</a> <a href="/docs/web/html">origin-relative url</a> <a href="./p">directory-relative url</a> css a { display: block; margin-bottom: 0.5em } result linking to an element on the same page <!-- <a> element links to the section below --> <p><a href="#section_further_down"> jump to the heading below </a></p> <!-- heading to link to --> <h2 id="section_further_down">section further down</h2> note: you can use href="#top" or the empty fragment (href="#") to link to the top of the current page, as defined in the html specification.
... 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.
...And 10 more matches
Handling common accessibility problems - Learn web development
the elements that have this capability are the common ones that allow user to interact with web pages, namely links, <button>s, and form elements like <input>.
... safari doesn't allow you to tab through links by default; to enable this, you need to open safari's preferences, go to advanced, and check the press tab to highlight each item on a webpage checkbox.
...it is possible to style any element to look like a link or button with css, and to behave like a link or button with javascript, but they won't actually be links or buttons, and you'll lose a lot of the accessibility these elements give you for free.
...And 8 more matches
Mozilla’s UAAG evaluation report
this is also under preferences, security, ssl, "sending form data from unencrypted page to unencrypted page" 5.6 confirm fee links.
... (p2) ni no support of fee links 5.7 manual viewport close only.
...(p1) g provides sequential access to links and input form controls cannot navigate to non-links and non-input form controls with event handlers cannot configure mozilla to only allow focus changes on explicit user request 9.4 restore history.
...And 7 more matches
Index
references visible links 1.
... references visible links 1.
... references visible links 1.
...And 7 more matches
Index
MozillaTechXPCOMIndex
you can find additional information using the resource links below.
... 108 resources guide, xpcom this last section of the book provides a list of resources referred to in the tutorial and other links that may be useful to the gecko developer.
...non-text objects can have either a single link or a collection of links such as when the non-text object is an image map.
...And 7 more matches
Index - Web APIs
WebAPIIndex
934 document.linkcolor api, deprecated, document, html dom, needsspectable, property, reference the document.linkcolor property gets/sets the color of links within the document.
... 935 document.links api, document, html dom, property, reference the links read-only property of the document interface returns a collection of all <area> elements and <a> elements in a document with a value for the href attribute.
... 969 document.vlinkcolor api, deprecated, document, html dom, needsexample, needsspectable, property, reference the document.vlinkcolor property gets/sets the color of links that the user has visited in the document.
...And 7 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
for example, <p> is by default a block-level element, whereas <a> is an inline element — you can put several links next to one another in your html source and they will sit on the same line as one another in the rendered output.
... 40 breadcrumb accessibility, glossary, navigation, search, site map, breadcrumb a breadcrumb, or breadcrumb trail, is a navigational aid that is typically placed between a site's header and the main content, displaying either a hierarchy of the current page in relation to the the site's structure, from top level to current page, or a list of the links the user followed to get to the current page, in the order visited.
... 42 browser glossary, navigation a web browser or browser is a program that retrieves and displays pages from the web, and lets users access further pages through hyperlinks.
...And 6 more matches
WAI-ARIA basics - Learn web development
the initial solution was to add one or more hidden links at the top of the page to link to the navigation (or whatever else), for example: <a href="#hidden" class="hidden">skip to navigation</a> but this is still not very precise, and can only be used when the screenreader is reading from the top of the page.
... note: you can find a useful list of all the aria roles and their uses, with links to futher information, in the wai-aria spec — see definition of roles.
... the spec also contains a list of all the properties and states, with links to further information — see definitions of states and properties (all aria-* attributes).
...And 6 more matches
nsILocalFileMac
obsolete since gecko 2.0 methods native code only!getcfurl note: observes the state of the followlinks attribute.
... if the file object is an alias and followlinks is true, returns the target of the alias.
... if followlinks is false, returns the unresolved alias file.
...And 6 more matches
Operable - Accessibility
this is often achieved using "skip links" — links put at the top of the page source that link to the main content and are hidden by css.
... need to add a section on "skip links".
...links, buttons, form inputs) makes logical sense, meaning that the page is still usable by non-sighted/keyboard users.
...And 6 more matches
Link types - HTML: Hypertext Markup Language
in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
... 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).
... (in firefox, before firefox 37, this worked only in links found in pages.
...And 6 more matches
Redirections in HTTP - HTTP
redirects accomplish numerous goals: temporary redirects during site maintenance or downtime permanent redirects to preserve existing links/bookmarks after changing the site's urls, progress pages when uploading a file, etc.
... reorganization of a web site, with non-get links/operations.
... moving to a new domain for example, your company was renamed, but you want existing links or bookmarks to still find you under the new name.
...And 6 more matches
Document and website structure - Learn web development
how hyperlinks work, as covered in creating hyperlinks.
... navigation bar: links to the site's main sections; usually represented by menu buttons, links, or tabs.
... sidebar: some peripheral info, links, quotes, ads, etc.
...And 5 more matches
A guide to searching crash reports
the links within the results do the following things.
... the first link in each "signature" column cell links to a signature report, which contains additional details about crash reports with that signature.
... the links in each "bugs" column cell link to bug reports in bugzilla.
...And 5 more matches
HTTP Index - HTTP
WebHTTPIndex
93 csp: referrer csp, content-security-policy, directive, http, obsolete, reference, security, referrer the http content-security-policy (csp) referrer directive used to specify information in the referer header (with a single r as this was a typo in the original spec) for links away from a page.
... 165 link draft, http, http header, link, needscompattable, needscontent, needssyntax, reference the http link entity-header field provides a means for serialising one or more links in http headers.
... 183 sourcemap http, http header, reference, response header, header the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
...And 5 more matches
Index - Archive of obsolete content
250 legacy add-ons add-ons, extensions, landing this section contains links to documentation for legacy technology for add-on development, including: 251 listening to events in firefox extensions add-ons, archive, dom, extensions, gecko, obsolete, events gecko uses events to pass information about interesting things that have occurred along to the parties that may wish to know about them.
... 385 creating a mozilla extension add-ons, extensions a mozilla extension is an installable enhancement to the mozilla browser that provides additional functionality (for example linky, which adds an item to the context menu for opening multiple links in a document or selection).
... 405 links add-ons, themes no summary!
...And 4 more matches
Mozilla
for example, by using components.results.ns_error_not_initialized 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.
...here you'll find links to documentation about these projects.
...there are links to more general web authoring faqs at the end of this document.
...And 4 more matches
Cognitive accessibility - Accessibility
es: delivering content in more than one way, such as by text-to-speech or by video; providing easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distractions, such as unnecessary content or advertisements; providing consistent web page layout and navigation; incorporating familiar elements, such as underlined links that are blue when not visited and purple when visited; dividing processes into logical, essential steps with progress indicators; making website authentication as easy as possible without compromising security; and making forms easy to complete, such as with clear error messages and simple error recovery.
... some forms of assistive technology allow users to navigate by lists of all the links present on the page.
... links will be removed from the context of their surrounding non-link content, making the need for understandable link text even more important.
...And 4 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
get_accdefaultaction: get a description or name of the default action for this component, such as "jump" for links.
... issues with links problem: some assistive technologies have inflexible heuristics when it comes to reading links.
...most assistive techologies don't know what to do with links embedded in a dialog, as is becoming more common.
...And 4 more matches
Marking up a letter - Learn web development
in this assignment, you'll have a letter to mark up as a test for your html text formatting skills, as well as hyperlinks and proper use of the html <head> element.
...metadata in html, html text fundamentals, creating hyperlinks, and advanced text formatting.
... objective: test basic and advanced html text formatting, use of hyperlinks, and use of html <head>.
...And 3 more matches
nsIDroppedLinkHandler
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview boolean candroplink(in nsidomdragevent aevent, in prbool aallowsamedocument); astring droplink(in nsidomdragevent aevent, out astring aname, [optional] in boolean adisallowinherit); void droplinks(in nsidomdragevent aevent, [optional] in boolean adisallowinherit, [optional] out unsigned long acount, [retval, array, size_is(acount)] out nsidroppedlinkitem alinks); methods candroplink() determines if a link being dragged can be dropped.
... droplinks() given a drop event, determines the link being dragged.
... if non-empty links array is returned the caller can, for instance, load it.
...And 3 more matches
Drag Operations - Web APIs
these include text selections, images, and links.
... in html, apart from the default behavior for images, links, and selections, no other elements are draggable by default.
... the draggable attribute may be used on any element, including images and links.
...And 3 more matches
Recommended Drag Types - Web APIs
dragging links dragged hyperlinks should include data of two types: text/uri-list, and text/plain.
... to drag multiple links, separate each link inside the text/uri-list data with a crlf linebreak.
... the text/plain fallback for multiple links should include all urls, but no comments.
...And 3 more matches
ARIA: Navigation Role - Accessibility
the navigation landmark role is used to identify major groups of links used for navigating through a website or page content.
... <div role="navigation" aria-label="main"> <!-- list of links to main website locations --> </div> this is a website's main navigation.
...lists) of links that are intended to be used for website or page content navigation.
...And 3 more matches
Architecture - Accessibility
previously the hyper link interface was really only for links, but the design could not fully represent an html document hierarchy.
...when you have an nsiaccessiblehypertext, you can ask for its links, which is the subset of children from the nsiaccessible hierarchy that are not text or whitespace.
...the children of any hypertext object are an exact match to the links it exposes.
...And 3 more matches
Privacy and the :visited selector - CSS: Cascading Style Sheets
to mitigate this problem, browsers have limited the amount of information that can be obtained from visited links.
... little white lies to preserve users' privacy, firefox and other browsers will lie to web applications under certain circumstances: the window.getcomputedstyle method, and similar functions such as element.queryselector, will always return values indicating that a user has never visited any of the links on a page.
... limits to visited link styles you can style visited links, but there are limits to which styles you can use.
...And 3 more matches
HTML: Hypertext Markup Language
WebHTML
"hypertext" refers to links that connect web pages to one another, either within a single website or between websites.
... links are a fundamental aspect of the web.
... introduction to html this module sets the stage, getting you used to important concepts and syntax such as looking at applying html to text, how to create hyperlinks, and how to use html to structure a web page.
...And 3 more matches
XML in Mozilla - Archive of obsolete content
manipulating xml documents with scripts through dom serializing xml dom trees to javascript object trees (jxon) other supported xml w3c recommendations specification or technology documentation xhtml w3c recommendation xml base w3c recommendation xlink (simple xlinks only) obsolete since gecko 2.0 w3c recommendation fixptr obsolete since gecko 1.9.1 w3c "proposal" xpointer framework obsolete since gecko 1.9.1 w3c recommendation xpointer element() scheme obsolete since gecko 1.9.1 w3c recommendation xpointer xmlns() scheme obsolete since gecko 1.9.1 w3c recommendation...
...c//dtd xhtml 1.0 transitional//en -//w3c//dtd xhtml 1.1//en -//w3c//dtd xhtml 1.0 strict//en -//w3c//dtd xhtml 1.0 frameset//en -//w3c//dtd xhtml basic 1.0//en -//w3c//dtd xhtml 1.1 plus mathml 2.0//en -//w3c//dtd xhtml 1.1 plus mathml 2.0 plus svg 1.1//en -//w3c//dtd svg 20001102//en -//wapforum//dtd xhtml mobile 1.0//en xml linking and pointing xml linking support includes xml base and simple xlinks.
...in addition to using fixptr in links, it is possible to use it from scripts.
...And 2 more matches
Using Remote XUL - Archive of obsolete content
the bar consists of a set of links organized into four main categories: the mozilla organization, developer docs, testing, and tools.
... the bar also contains two links that are independent of any category: faq and search.
... the categorized links are analogous to menu items organized into menus, where clicking the link/selecting the menu item performs some function, so we'll use xul menu elements to implement them in our document.
...And 2 more matches
What is CSS? - Learn web development
links are colored and underlined to distinguish them from the rest of the text.
... css can be used for very basic document text styling — for example changing the color and size of headings and links.
...have a look at the links in this paragraph for specific examples.
...And 2 more matches
Typesetting a community school homepage - Learn web development
links: give the link, visited, focus, and hover states some colors that go with the color of the horizontal bars at the top and bottom of the page.
... make it so that links are underlined by default, but when you hover or focus them, the underline disappears.
... remove the default focus outline from all the links on the page.
...And 2 more matches
Routing in Ember - Learn web development
getting the footer links working so our route functionality is now all in place, but we can't access them from our app.
... let's get the footer links active so that clicking on them goes to the desired routes.
...a> <a href="#">completed</a> update it to <linkto @route='index'>all</linkto> <linkto @route='active'>active</linkto> <linkto @route='completed'>completed</linkto> <linkto> is a built-in ember component that handles all the state changes when navigating routes, as well as setting an "active" class on any link that matches the url, in case there is a desire to style it differently from inactive links.
...And 2 more matches
FileUtils.jsm
ed to import the code module into your javascript scope: components.utils.import("resource://gre/modules/fileutils.jsm"); the file constructor if you have a path to a file (or directory) you want to obtain an nsifile for, you can do so using the file constructor, like this: var f = new fileutils.file(mypath); method overview nsifile getfile(string key, array patharray, bool followlinks); nsifile getdir(string key, array patharray, bool shouldcreate, bool followlinks); nsifileoutputstream openfileoutputstream(nsifile file, int modeflags); nsifileoutputstream openatomicfileoutputstream(nsifile file, int modeflags); nsifileoutputstream opensafefileoutputstream(nsifile file, int modeflags); void closeatomicfileoutputstream(nsifileoutputs...
... nsifile getfile( string key, array patharray, bool followlinks ); parameters key the nsidirectoryservice key to start from (see getting special files for more info) patharray an array of path components to locate beneath the directory specified by key.
... followlinks optional true if links should be followed, false otherwise.
...And 2 more matches
IAccessibleHyperlink
other-licenses/ia2/accessiblehyperlink.idlnot scriptable this interface represents hyperlinks.
...non-text objects can have either a single link or a collection of links such as when the non-text object is an image map.
...an example is an image map which is an image with multiple links each of which is associated with a separate non-overlapping area of the image.
...And 2 more matches
IAccessibleHypertext
1.0 66 introduced gecko 1.9 inherits from: iaccessibletext last changed in gecko 1.9 (firefox 3) the iaccessiblehypertext interface is the main interface to expose hyperlinks in a document, typically a text document, that are used to reference other documents.
...method overview [propget] hresult hyperlink([in] long index, [out] iaccessiblehyperlink hyperlink ); [propget] hresult hyperlinkindex([in] long charindex, [out] long hyperlinkindex ); [propget] hresult nhyperlinks([out] long hyperlinkcount ); methods hyperlink() returns the specified link.
...hyperlink if the given index is valid, that is it lies in the interval from 0 to the number of links minus one, a reference to the specified hyperlink object is returned.
...And 2 more matches
nsIAccessibleHyperLink
note: aria links can only be focused if they have the tabindex attribute set.
... note: currently only used with aria links, and the author has to specify that the link is invalid via the aria-invalid='true' attribute.
... note: aria hyperlinks do not have an anchor accessible to point to, since clicks are processed via javascript.
...And 2 more matches
HTMLLinkElement - Web APIs
width="150" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllinkelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and linkstyle.
... htmllinkelement.disabled is a boolean which represents whether the link is disabled; currently only used with style sheet links.
... linkstyle.sheet read only returns the stylesheet object associated with the given element, or null if there is none.
...And 2 more matches
HTMLStyleElement - Web APIs
it inherits properties and methods from its parent, htmlelement, and from linkstyle.
... height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements linkstyle.
... linkstyle.sheet read only returns the stylesheet object associated with the given element, or null if there is none htmlstyleelement.scoped is a boolean value indicating if the element applies to the whole document (false) or only to the parent's sub-tree (true).
...And 2 more matches
Accessibility documentation index - Accessibility
this document provides a list of links to all accessibility articles on the mozilla developer network.
... 48 aria: navigation role aria, aria role, reference, role-navigation the navigation landmark role is used to identify major groups of links used for navigating through a website or page content.
... 58 aria: contentinfo role aria, aria role, reference, role-contentinfo the contentinfo landmark role is used to identify information repeated at the end of every page of a website, including copyright information, navigation links, and privacy statements.
...And 2 more matches
<color> - CSS: Cascading Style Sheets
activetext text of active links buttonface background of push buttons buttontext text of push buttons canvas background of application content or documents canvastext text in application content or documents field background of input fields fieldtext text in input fields graytext text that is disabled highlight background of items that are selected in a control highlighttext ...
... text of items that are selected in a control linktext text of non-active, non-visited links visitedtext text of visited links deprecated system color keywords the following keywords were defined in earlier versions of the css color module.
... mozilla color preference extensions -moz-activehyperlinktext user's preference for text color of active links.
...And 2 more matches
Using HTML sections and outlines - Developer guides
by contrast, the <nav> sectioning element more clearly describes to browsers and other devices the content contained: links or other navigational structures to help users move through and understand where they are in a site's or page's content.
... section elements in html5 html navigational element (<nav>) defines a section that contains navigation links that appear often on a site.
... html footer element (<footer>) defines a page footer, which typically contains copyright or legal notices and sometimes some links.
...And 2 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
WebHTMLAttributesrel
in this case, on <link> and <form>, if the rel attribute is absent, has no keywords, or if not one or more of the space-separated keywords above, then the element does not create any links.
... <a> and <area> will still created links, but without a defined relationship.
... <link rel="alternate" type="application/atom+xml" href="posts.xml" title="blog"> both the hreflang and type attributes specify links to versions of the document in an alternative format and language, intended for other media: <link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="french html (for printing)"> <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="french pdf"> author indicates the author of the current document or article.
...And 2 more matches
HTML documentation index - HTML: Hypertext Markup Language
WebHTMLIndex
35 x-ms-format-detection attribute, html, html:microsoft extensions, non-standard, reference, x-ms-format-detection the x-ms-format-detection attribute determines whether data formats within the element’s text, like phone numbers, are automatically converted to followable links.
... 85 <data> element, html, html text-level semantics, reference, web the html <data> element links a given piece of content with a machine-readable translation.
...a footer typically contains information about the author of the section, copyright data or links to related documents.
...And 2 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
note this article is the version from 2003 with slight modifications (no images and no links to samples).
...that new page may have links that take you to other pages, which may in turn have more links, and so on.
...we still connect through a set of links that mostly drive us to a new page, and we still occasionally lose track of where we are.
...instead of forcing the reader to follow links to new pages, the javascript code can act as the mediator for information access.
Menu - Archive of obsolete content
ArchiveMozillaJetpackUIMenu
for example, the items of the page's context menu change depending on what the user clicks: images have a context menu, links have a context menu, and so on.
... for example, jetpack.menu.context.page.on("a[href]") does not match images contained in links.
... to match links and all elements contained in links, use jetpack.menu.context.page.on("a[href], a[href] *").
...ompletely expressed via a css selector: jetpack.menu.context.page.beforeshow = function (menu, context) { menu.reset(); if (matchesmycriteria(context)) menu.add("match!"); }; add an item to both the hyperlink context menu and the image context menu: jetpack.menu.context.page.on("a, img").set("a link or image"); add an item to the image context menu, but only for images contained in hyperlinks: jetpack.menu.context.page.on("a > img").set("an image inside a link"); add a "recent tweets" submenu to the jetpack menu.
Reference - Archive of obsolete content
inheritance and private variables the guide section links to an interesting document discussing how to create and use private variables in objects, which is great if you want to protect the various properties within an object from being poked at accidentally.
...there are still valid needs for this: computers on slow links, computers behind insane firewalls, as well as computers not connected to internet.
...then carefully update all links to the javascript 1.5 pages to link to the javascript 1.6 pages -- unless the links are specifically about javascript 1.5 ?
...let me try to add the links you suggested ...
CSS and JavaScript accessibility best practices - Learn web development
links hyperlinks — the way you get to new places on the web: <p>visit the <a href="https://www.mozilla.org">mozilla homepage</a>.</p> some very simple link styling is shown below: a { color: #ff0000; } a:hover, a:visited, a:focus { color: #a60000; text-decoration: none; } a:active { color: #000000; background-color: #a60000; } the standard link conventions are underlined and a differ...
...in addition, the mouse pointer changes to a pointer icon when links are moused over, and the link receives a highlight when focused (e.g.
...the following image shows the highlight in both firefox (a dotted outline) and chrome (a blue outline): you can be creative with link styles, as long as you keep giving users feedback when they interact with the links.
... you shouldn't however deviate too much from the expected visual feedback form elements receive when they are focused, which is basically the same as links (see above).
Pseudo-classes and pseudo-elements - Learn web development
below are tables listing them, with links to their reference pages on mdn.
... :link matches unvisited links.
... :local-link matches links pointing to pages that are in the same site as the current document.
... :visited matches visited links.
Add a hitmap on top of an image - Learn web development
image maps, and their drawbacks when you nest an image inside <a>, the entire image links to one webpage.
... text links (perhaps styled with css) are preferable to image maps for several reasons: text links are lightweight, maintainable, often more seo-friendly, and support accessibility needs (e.g., screen readers, text-only browsers, translation services).
... the image must make it clear what happens when people follow image links.
...try following links with your keyboard alone.
HTML text fundamentals - Learn web development
a kind warning about underline: people strongly associate underlining with hyperlinks.
... therefore, on the web, it's best to underline only links.
...in the next article, we'll be looking in detail at how to create hyperlinks, possibly the most important element on the web.
...metadata in html html text fundamentals creating hyperlinks advanced text formatting document and website structure debugging html marking up a letter structuring a page of content ...
Waterfall - Firefox Developer Tools
javascript functions executed in the page are labeled with the reason the function was called: script tag setinterval settimeout requestanimationframe promise callback promise init worker javascript uri event handler stack call stack, with links to functions.
... stack call stack, with links to functions.
... stack call stack, with links to functions.
... stack at start call stack console.time(), with links to functions.
Document - Web APIs
WebAPIDocument
document.linksread only returns a list of all the hyperlinks in the document.
... deprecated properties document.alinkcolor returns or sets the color of active links in the document body.
... document.linkcolor gets/sets the color of hyperlinks in the document.
... document.vlinkcolor gets/sets the color of visited hyperlinks.
ARIA Test Cases - Accessibility
with firefox 3 and ie 8 beta 2 jaws 9 & 10 with firefox 3 jaws 9 & 10 with ie beta 2 nvda 0.6p2 with firefox 3 orca with firefox 3 window-eyes 7 with ie 8 beta 2 and firefox 3 voiceover (leopard) with safari 4.0.2 zoom (leopard) with safari 4.0.2, firefox 3.x and opera 9.x zoomtext 9.1 with firefox 3 and ie 8 beta 2 test case structure test cases are organized as follows: test case links test details expected at behavior markup notes results table at firefox ie opera safari jaws 9 - - - - jaws 10 - 1.
...aria links should be included in the screen reader's list links function just like ordinary links.
... actions in this dialogor list such as "activate link" or "move to link" should perform the same as they do with regular links.
...dojo nightly build simple tree -- uses document structure to create hierarchy tree - subtrees are encapsulated in treeitems ms ie8 tree example we need an example that uses aria-level, aria-setsize and aria-posinset to create the hierarchy we also need one that uses aria-owns to create the hierarchy / structure we need one that uses the document to create structure, but uses nested uls with links inside, and role="presentation" expected at behavior: if navigated to in a screen reader's virtual buffer, the label, role and previously active item of the tree should be read.
:link - CSS: Cascading Style Sheets
WebCSS:link
to style links appropriately, put the :link rule before all other link-related rules, as defined by the lvha-order: :link — :visited — :hover — :active.
... syntax :link examples by default, most browsers apply a special color value to visited links.
... thus, the links in this example will probably have special font colors only before you visit them.
... (after that, you'll need to clear your browser history to see them again.) however, the background-color values are likely to remain, as most browsers do not set that property on visited links by default.
:where() - CSS: Cascading Style Sheets
WebCSS:where
take the following html: <article> <h2>:is()-styled links</h2> <section class="is-styling"> <p>here is my main content.
... </footer> </article> <article> <h2>:where()-styled links</h2> <section class="where-styling"> <p>here is my main content.
... to make selecting the links inside them simpler, but still distinct, we could use :is() or :where(), in the following manner: html { font-family: sans-serif; font-size: 150%; } :is(section.is-styling, aside.is-styling, footer.is-styling) a { color: red; } :where(section.where-styling, aside.where-styling, footer.where-styling) a { color: orange; } however, what if we later want to override the color of links in ...
... footer a { color: blue; } this won't work for the red links, because the selectors inside :is() count towards the specificity of the overall selector, and class selectors have a higher specificity than element selectors.
<dfn>: The Definition element - HTML: Hypertext Markup Language
WebHTMLElementdfn
links to <dfn> elements if you include an id attribute on the <dfn> element, you can then link to it using <a> elements.
... such links should be uses of the term, with the intent being that the reader can quickly navigate to the term's definition if they're not already aware of it, by clicking on the term's link.
... this is shown in the example under links to definitions below.
... result this looks like this rendered in your browser: links to definitions to add links to the definitions, you create the link the same way you always do, with the <a> element.
<nav>: The Navigation Section element - HTML: Hypertext Markup Language
WebHTMLElementnav
the html <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
... usage notes it's not necessary for all links to be contained in a <nav> element.
... <nav> is intended only for major block of navigation links; typically the <footer> element often has a list of links that don't need to be in a <nav> element.
... examples in this example, a <nav> block is used to contain an unordered list (<ul>) of links.
Firefox addons developer guide - Archive of obsolete content
if you use the interface template when mentioning interfaces by name, mdc will automatically format them and generate links to their documentation, like this: nsiconsoleservice.
... either way, these links should be added.
... todo: all fixme notes 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...
Creating reusable content with CSS and XBL - Archive of obsolete content
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.
... the document stylesheet links the binding.
... the binding links its own stylesheet, and it supplies its own content and javascript code.
Plug-n-Hack Phase1 - Archive of obsolete content
example manifest (for owasp zap) is: { "toolname":"owasp zap", "protocolversion":"0.2", "features":{ "proxy":{ "pac":"http://localhost:8080/proxy.pac", "cacert":"http://localhost:8080/other/core/other/rootcert/" }, "commands":{ "prefix":"zap", "manifest":"http://localhost:8080/other/mitm/other/service/" } } } the top level manifest includes optional links to a proxy pac and a root ca certificate.
... it also optionally links to another manifest which describes the commands the browser can invoke.
... related links plug-n-hack overview ...
Priority Content - Archive of obsolete content
keller in progress: rapid application development with mozilla original: author's page and planned host, ben's temporary host wiki location: toc and links page still under construction.
... migrators: nigel mcfarlane and ben karel shorter works mostly completed: bypassing security restrictions and signing code original: bypassing security restrictions and signing code wiki location: bypassing security restrictions and signing code migrators: joel stanley i added the related links from the original article.
... migrators: joel coreson note: the article links some external example files, not sure how to migrate them (perhaps via "upload file" function that's normally used for images?) also check if any extra files live in the article's directory --jens.b 14:07, 26 apr 2005 (pdt) dependant on: mostly completed*: class xbdesignmode / devedge - joel coreson please put completed articles on the devedge page instead.
findbar - Archive of obsolete content
possible values are: find_normal (0): normal find find_typeahead (1): typeahead find find_links (2): link find methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsby...
... open( mode ) return type: no return value opens the findbar using the specified mode, which should be one of find_normal, find_typeahead, or find_links.
... the mode should be one of find_normal, find_typeahead, or find_links.
TCP/IP Security - Archive of obsolete content
because data link layer controls are specific to a particular physical link, they cannot protect connections with multiple links, such as establishing a vpn over the internet.
... an internet-based connection is typically composed of several physical links chained together; protecting such a connection with data link layer controls would require deploying a separate control to each link, which is not feasible.
... data link layer protocols have been used for many years primarily to provide additional protection for specific physical links that should not be trusted.
Hyperlink - MDN Web Docs Glossary: Definitions of Web-related terms
hyperlinks connect webpages or data items to one another.
... in html, <a> elements define hyperlinks from a spot on a webpage (like a text string or image) to another spot on some other webpage (or even on the same page).
... learn more general knowledge hyperlink on wikipedia the hyperlink guide on mdn technical reference links in html documents - w3c html5 a - hyperlink - w3c learn about it <a> on mdn <link> on mdn ...
Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms
they are most relevant when there are a plethora of links to external websites that may be clicked on, like search engine results, dns prefetching resolves domain names in advance thereby speeding up load times by reducing the time associated with domain lookup at request time.
... <link rel="dns-prefetch" href="https://example.com/"> link prefetching link prefetching is a performance optimization technique that works by assuming which links the user is likely to click, then downloading the content of those links.
... if the user decides to click on one of the links, then the page will be rendered instantly as the content has already been downloaded.
XLink - MDN Web Docs Glossary: Definitions of Web-related terms
xlink is a w3c standard which is used to describe links between xml and xml or other documents.
... simple xlinks are "supported" in firefox (at least in svg and mathml), though they do not work as links if one loads a plain xml document with xlinks and attempts to click on the relevant points in the xml tree.
... for those who may have found xlink 1.0 cumbersome for regular links, xlink 1.1 drops the need to specify xlink:type="simple" for simple links.
Test your skills: CSS and JavaScript accessibility - Learn web development
css accessibility 1 in the first task you are presented with a list of links.
... however, their accessibility is pretty bad — there is no way to really tell that they are links, or to tell which one the user is focussed on.
... we'd like you to assume that the existing ruleset with the a selector is supplied by some cms, and that you can't change it — instead, you need to create new rules to make the links look and behave like links, and for the user to be able to tell where they are in the list.
Mobile accessibility - Learn web development
browsing web pages you can use the local context menu while in a web browser to find options to navigate web pages using just the headings, form controls, or links, or navigate line by line, etc.
... links: move between links on the page.
... note: we won't provide a full discussion of responsive design techniques here, as they are covered in other places around mdn (see above links).
Cascade and inheritance - Learn web development
we can look at a list of links and explore how the universal values work.
... do you understand why the third and fourth links are the color that they are?
... which of the links will change color if you define a new color for the <a> element — for example a { color: red; }?
Getting started with CSS - Learn web development
a straightforward example of this is when styling links.
...you can use css to target these different states — the css below styles unvisited links pink and visited links green.
...can you make the links bold?
What HTML features promote accessibility? - Learn web development
tabbing users who do not or cannot use pointing devices can tab through links and, as such, links should be in a logical tabbing order.
... <a href="somepage.html" accesskey="s">some page</a> skip links to aid tabbing, you can supply links that allow users to jump over chunks of your web page.
... you might want to allow someone to jump over a plethora of navigation links, for example, so they can just read a page’s main content rather than cycle through all of the links.
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.
... note: in google, you will see some relevant subpages of mdn web docs listed below the main homepage link — these are called sitelinks, and are configurable in google's webmaster tools — a way to make your site's search results better in the google search engine.
...metadata in html html text fundamentals creating hyperlinks advanced text formatting document and website structure debugging html marking up a letter structuring a page of content ...
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).
... creating hyperlinks hyperlinks are really important — they are what makes the web a web.
... this article shows the syntax required to make a link and discusses best practices for links.
Mozilla splash page - Learn web development
project brief in this assessment we are presenting you with a mostly-finished mozilla splash page, which aims to say something nice and interesting about what mozilla stands for, and provide some links to further resources.
... adding responsive images to the further info links inside the <div> with the class of further-info you will find four <a> elements — each one linking to an interesting mozilla-related page.
... make sure you match the correct images with the correct links!
Introducing a complete toolchain - Learn web development
toolchains and their inherent complexity as with any chain, the more links you have in your toolchain, the more complex and potentially brittle it is — for example it might be more complex to configure, and easier to break.
... conversely, the fewer links, the more resilient the toolchain is likely to be.
... the smallest toolchain is one that has no links at all.
Accessibility information for UI designers and developers
links vs buttons to keep your interface in line with user expectations, use links for interactions that go somewhere (on the current page or another page) and buttons for interactions that do something (like submit a form or open an overlay).
... links can be styled as buttons and vice versa, but designers are advised to avoid this where possible.
...it does not need to be exactly the same, it is fine to have a different current menu item or different subnavigation links.
JavaScript OS.Constants
permission denied eagain resource temporarily unavailable ebadf bad file descriptor eexist file exists efault bad address efbig file too large einval invalid argument eio input/output error eisdir is a directory eloop (not always available under windows) too many levels of symbolic links.
... o_largefile o_nofollow do not follow symbolic links.
... o_symlink allow opening of symbolic links.
NSS Tools
the links for each tool take you to the source code, documentation, plans, and related links for each tool.
... the links will become active when information is available.
... tools information tool description links certutil 2.0 manage certificate and key databases (cert7.db and key3.db).
Gecko events
event_hypertext_link_activated one of the links associated with the hypertext object has been activated.
... event_hypertext_link_selected one of the links associated with the hypertext object has been selected.
...event_hypertext_nlinks_changed the number of hyperlinks associated with a hypertext object changed.
nsIAccessibleEvent
event_hypertext_link_activated 0x0054 0x0050 one of the links associated with the hypertext object has been activated.
... event_hypertext_link_selected 0x0055 0x0051 one of the links associated with the hypertext object has been selected.
... event_hypertext_nlinks_changed 0x0058 0x0054 the number of hyperlinks associated with a hypertext object changed.
nsIAccessibleHyperText
accessible/public/nsiaccessiblehypertext.idlscriptable this interface is the main interface to expose hyperlinks in a document, typically a text document, that are used to reference other documents.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview nsiaccessiblehyperlink getlink(in long linkindex); long getlinkindex(in long charindex); long getselectedlinkindex(); obsolete since gecko 1.9 attributes attribute type description linkcount long the number of links contained within this hypertext object.
...note: renamed from links in gecko 1.9 methods getlink() retrieves the nsiaccessiblehyperlink object at the given link index.
nsIHTMLEditor
special input value for links: use "href" to get a link node (an "a" tag with the "href" attribute set) return value the new element created.
...special input values for links: use "href" to get a link node (an "a" tag with the "href" attribute set).
... void removeinlineproperty( in nsiatom aproperty, in astring aattribute ); parameters aproperty the property to remove from the selection all atoms are for normal html tags (for example nsieditorproperty.font()) except when you want to remove just links and not named anchors.
nsIWebBrowserPersist
persist_flags_fixup_links_to_destination 256 fix links relative to destination location (not origin) persist_flags_dont_fixup_links 512 do not make any adjustments to links.
... persist_flags_fail_on_broken_links 4096 fail on broken in-line links.
... encode_flags_absolute_links 128 convert links to absolute links where possible.
Thunderbird extensions
these links to help through this journey.
...learn more about gloda: an overview of gloda how to create your first message query and read the gloda examples gloda internals: gloda debugging, gloda indexing more thunderbird-specific links some links may be out of date, but they still provide valuable information on the codebase.
...m/protz/thunderbird-stdlib) developing new account types useful newsgroup discussions (anything that's very old should be regarded suspiciously, because there has been significant api rewrite over the past years making most techniques considerably easier) thunderbird api docs (mostly a collection of out-of-date pages, relevance is rather dubious) general links finding the code for a feature mozillazine articles on thunderbird community / communications thunderbird specific : add-ons section on developer.thunderbird.net thunderbird communication channels add-on developers forum/mailing list #maildev irc channel more general : mozillazine extension development forum ...
HTMLBodyElement - Web APIs
htmlbodyelement.alink is a domstring that represents the color of active hyperlinks.
... htmlbodyelement.link is a domstring that represents the color of unvisited links.
... htmlbodyelement.vlink is a domstring that represents the color of visited links.
Navigator.registerProtocolHandler() - Web APIs
for example, you can register to handle sms text message links by passing the "sms" scheme.
...this will be displayed to the user, such as prompting “allow this site to handle [scheme] links?” or listing registered handlers in the browser’s settings.
... otherwise, the scheme must be one of the following: bitcoin geo im irc ircs magnet mailto mms news nntp openpgp4fpr sip sms smsto ssh tel urn webcal wtai xmpp example if your site is burgers.example.com, you can register a protocol handler for it to handle web+burger: links, like so: navigator.registerprotocolhandler("web+burger", "https://burgers.example.com/?burger=%s", "burger handler"); this creates a handler that lets web+burger: links send the user to your site, inserting the accessed burger url into the %s placeholder.
SVGStyleElement - Web APIs
" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
... methods this interface doesn't implement any specific methods, but inherits methods from its parent interface, svgelement and implements methods from linkstyle.
... candidate recommendation added inheritance of linkstyle.
Using the link role - Accessibility
aria links should be included in the screen reader's “list links” function just like ordinary links, and actions in this dialogue list, such as “activate link” or “move to link”, should perform the same as they do with ordinary links.
... screen magnifiers may enlarge links.
...the default purple color for visited links).
ARIA: button role - Accessibility
warning: be careful when marking up links with the button role.
... buttons are expected to be triggered using the space or enter key, while links are expected to be triggered using the enter key.
... in other words, when links are used to behave like buttons, adding role="button" alone is not sufficient.
Text labels and names - Accessibility
use alt attribute to label area elements that have the href attribute in image maps, give each <area> element an alt attribute containing a name that describes what resources the areas links to.
...interactive elements include links (<a>), form elements, buttons, and any element that has a handler for mouse or keyboard events.
... the way to label an element depends on its type: for form elements, use a <label>; for links, buttons and clickable elements, the text content of the element typically provides the label.
:active - CSS: Cascading Style Sheets
WebCSS:active
to style links appropriately, put the :active rule after all other link-related rules, as defined by the lvha-order: :link — :visited — :hover — :active.
... syntax :active examples active links html <p>this paragraph contains a link: <a href="#">this link will turn red while you click on it.</a> the paragraph will get a gray background while you click on it or the link.
... </p> css a:link { color: blue; } /* unvisited links */ a:visited { color: purple; } /* visited links */ a:hover { background: yellow; } /* hovered links */ a:active { color: red; } /* active links */ p:active { background: #eee; } /* active paragraphs */ result active form elements html <form> <label for="my-button">my button: </label> <button id="my-button" type="button">try clicking me or my label!</button> </form> css form :active { color: red; } form button { background: white; } result specifications specification status comment html living standardthe definition of ':active' in that specification.
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
likewise, rearranging grid items visually does not affect the default traversal order of sequential navigation modes (such as cycling through links, see e.g.
...this means that someone navigating using the keyboard could be tabbing through links on your site and suddenly find themselves jumping from the top to the bottom of the document due to a reordered item being next in line.
... in this example i have used grid to lay out a set of boxes that contain links.
CSS Layout cookbook - CSS: Cascading Style Sheets
css grid, flexbox split navigation a navigation pattern where some links are visually separated from the others.
... flexbox, margin breadcrumb navigation creating a list of links to allow the visitor to navigate back up through the page hierarchy.
... flexbox, box alignment pagination links to pages of content (such as search results).
Shorthand properties - CSS: Cascading Style Sheets
we can look at a list of links and explore how the universal values work.
... do you understand why the third and fourth links are the color that they are?
... which of the links will change color if you define a new color for the <a> element — for example a { color: red; }?
<body>: The Document Body element - HTML: Hypertext Markup Language
WebHTMLElementbody
alink color of text for hyperlinks when selected.
... link color of text for unvisited hypertext links.
... vlink color of text for visited hypertext links.
HTML elements reference - HTML: Hypertext Markup Language
WebHTMLElement
a footer typically contains information about the author of the section, copyright data or links to related documents.
... <nav> the html <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
... <data> the html <data> element links a given piece of content with a machine-readable translation.
x-ms-format-detection - HTML: Hypertext Markup Language
the x-ms-format-detection attribute determines whether data formats within the element’s text, like phone numbers, are automatically converted to followable links.
... existing links, such as ones with the tel: scheme, are unaffected.
... links created through format detection do not appear in the dom.
Index - HTTP
WebHTTPHeadersIndex
43 csp: referrer csp, directive, http, reference, security the http content-security-policy (csp) referrer directive used to specify information in the referer header (with a single r as this was a typo in the original spec) for links away from a page.
... 102 sourcemap http, http header, reference, response header, header the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
... 117 x-dns-prefetch-control dns, http, header the x-dns-prefetch-control http response header controls dns prefetching, a feature by which browsers proactively perform domain name resolution on both links that the user may choose to follow as well as urls for items referenced by the document, including images, css, javascript, and so forth.
HTTP headers - HTTP
WebHTTPHeaders
link the link entity-header field provides a means for serialising one or more links in http headers.
... sourcemap links generated code to a source map.
... x-dns-prefetch-control controls dns prefetching, a feature by which browsers proactively perform domain name resolution on both links that the user may choose to follow as well as urls for items referenced by the document, including images, css, javascript, and so forth.
Progressive web app structure - Progressive web apps (PWAs)
the app shell approach allows websites to be: linkable: even though it behaves like a native app, it is still a website — you can click on the links within the page and send a url to someone if you want to share it.
...id="notifications">request dummy notifications</button> <section id="content"> // content inserted in here </section> </main> <footer> <p>© js13kgames 2012-2018, created and maintained by <a href="http://end3r.com">andrzej mazur</a> from <a href="http://enclavegames.com">enclave games</a>.</p> </footer> </body> </html> the <head> section contains some basic info like title, description and links to css, web manifest, games content js file, and app.js — that's where our javascript application is initialized.
... the <body> is split into the <header> (containing linked image), <main> page (with title, description and place for a content), and <footer> (copy and links).
Graphic design for responsive sites - Progressive web apps (PWAs)
interactive images if your images need to feature some level of interactivity, such as links, other clickable areas, or animation, there are a number of options available.
... css as well as adding programmatic graphical effects to links (and anywhere else you might want them), css3 also allows you to write declarative animations and transitions.
...you can also add links direcly into svg and can create animations using smil (synchronized multimedia intergration language).
Mobile first - Progressive web apps (PWAs)
third, combining the two is also a good option — why not have a single button at the top of the page, which links to an anchor on the nav menu at bottom of the page?
...i have included two links in my markup: <a id="top" href="#bottom">jump to menu</a> … <a id="bottom" href="#top">back to top</a> the first one is to jump down from the top of the article to the navigation menu, and the second one is to jump back up to the top of the article again.
...#eee; height: 100%; } body { width: 600px; height: inherit; margin: 0 auto; background: url(../img/firefox-os.png) bottom left no-repeat, linear-gradient(to bottom, #fff, #eee); } .main > p { background: rgba(255,255,255,0.3); } nav li a { padding: 0 10px; font-size: 2em; } } the first one cancels out the css display: table behaviour, hides the links to jump to and from the navigation, as they are not needed anymore in the wider layout, and changes the vertical menu to a horizontal menu that makes better use of the horizontal space available.
How to fix a website with blocked mixed content - Web security
or use a free online crawler like ssl-check or missing padlock, a desktop crawler like httpschecker, or a cli tool like mcdetect to check your website recursively and find links to insecure content.
... for your own domain, serve all content as https and fix your links.
... often, the https version of the content already exists and this just requires adding an "s" to links - http:// to https://.
Tutorials
the links on this page lead to a variety of tutorials and training materials.
... html tutorials introductory level introduction to html this module sets the stage, getting you used to important concepts and syntax, looking at applying html to text, how to create hyperlinks, and how to use html to structure a webpage.
...we round off the module by looking at applying custom fonts to your page, and styling lists and links.
Storing annotations - Archive of obsolete content
the user will be able to click links in the panel, but we want to open them in the main browser window rather than the panel.
... so the content script binds a click handler to the links which will send the url to the add-on.
Dialogs and Prompts - Archive of obsolete content
programmatic button access if you want to access the accept ("ok") and cancel buttons from script, use this: // disable the ok and cancel btns document.documentelement.getbutton("accept").disabled = true; document.documentelement.getbutton("cancel").disabled = true; links dialog.xml — xbl bindings for <dialog> and <dialogheader> elements.
... links nsipromptservice open and save dialogs see also alerts and notifications ...
Mozilla Documentation Roadmap - Archive of obsolete content
mdc is where this tutorial is hosted, and where most of its links point to.
...it includes links to tutorials and documentation, development tools, and most notably, the mozilla add-ons forum.
The Box Model - Archive of obsolete content
the control attribute links the label to the textbox.
... text links xul makes it very easy for you to create a label that is also a link.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
by default, all links to screen media css files are explicitly declared as "screen" media instead of "all" media.
...since we had a separate template to work with, we changed the media attribute of the linked print style sheet to "all", and eliminated the links to normal screen media files.
Layout System Overview - Archive of obsolete content
frames are chained primarily by the sibling links.
...block frame reflow state reflow metrics space manager styleset stylecontext see also layout faq document history 05/20/2002 - marc attinasi: created, wrote highest level introduction to general layout concepts, links to relevant specs and existing documents.
A XUL Bestiary - Archive of obsolete content
the parts of the document, such as the head, the links, the body, any tags, are available as nodes whose attributes can be got and set.
...documents will load, buttons will be clicked, and links will be hovered over, and events will be raised for all these actions behind closed doors.
droppedLinkHandler - Archive of obsolete content
« xul reference home droppedlinkhandler type: function this function is called when links are dropped to the browser element, with the following arguments.
... droppedlinkhandler(event, uri, name) -- firefox 51 or older droppedlinkhandler(event, links) -- firefox 52 or newer event -- drop event, or null if no event is available uri -- uri string of the dropped link name -- name string of the dropped link links -- array of the dropped items with nsidroppedlinkitem interface ...
Notes - Archive of obsolete content
implementing an nsicommandlinehandler on windows may trigger a bug that causes an error message ("windows cannot find the file specified") to be displayed when opening external links (like from a shortcut or from an external application).
...some more links on the matter: a mozillazine post.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
it also links to the stylesheet and javascript code that the button uses.
...it links to the button image, specifying the dimensions of the six parts of the image.
Custom toolbar button - Archive of obsolete content
it also links to the stylesheet and javascript code that the button uses.
...it links to the button image, specifying the dimensions of the four parts of the image.
browser - Archive of obsolete content
droppedlinkhandler type: function this function is called when links are dropped to the browser element, with the following arguments.
... droppedlinkhandler(event, uri, name) -- firefox 51 or older droppedlinkhandler(event, links) -- firefox 52 or newer event -- drop event, or null if no event is available uri -- uri string of the dropped link name -- name string of the dropped link links -- array of the dropped items with nsidroppedlinkitem interface homepage type: url this attribute allows you to set a homepage for the browser element.
Deploying XULRunner - Archive of obsolete content
in the end, most users are afraid of links that don't have a pretty icon so you may want to have a look at the branding section of xulrunner tips.
...make sure you copy all symlinks correctly (use rsync -rl /library/frameworks/xul.framework ...).
Gecko Compatibility Handbook - Archive of obsolete content
verify that all hyperlinks use forward slashes (/) clicking on a link displays a "download" or displays html code instead of rendering the page correctly, but works as expected in internet explorer the web server has incorrectly specified the mime type for the content.
...web site compatibility problems mozilla web developer community references using web standards in your web pages browser detection and cross browser support updating dhtml web pages html element cross reference dom client object cross-reference introduction to cross-browser javascript and dynamic html gecko user agent strings developer tools mozilla's doctype sniffing the main page links to many more resources.
Extentsions FAQ - Archive of obsolete content
these two links should give you a starting point: http://www..xulplanet.com/tutorials/...u/advmenu.html http://www.xulplanet.com/tutorials/x...dommodify.html request for a thunderbird extension that can automatically detect the default domain when composing e-mails via autodetect.
... how to get return links from google search, and what security pitfalls to look out for while writing extension?
Vulnerabilities - Archive of obsolete content
an attacker could craft a fraudulent email message that contains hyperlinks that, when rendered in html, appear to the recipient to be benign but actually take the recipient to a malicious web site when they are clicked on.
... one of the trust assumptions in the design of the html content rendering feature was that users would not receive malicious hyperlinks and click on them.
Browser Feature Detection - Archive of obsolete content
ementsbytagname() true true true document.title true true true document.referrer true true true document.domain true true true document.url true true true document.body true true true document.images true true true document.applets true true true document.links true true true document.forms true true true document.anchors true true true document.cookie true true true document.open() true true true document.close() true true true document.write() true true true document.writeln() true true true document.getelemen...
... false}, {name: 'createattribute', 'supported': false}, {name: 'getelementsbytagname', 'supported': false}, {name: 'title', 'supported': false}, {name: 'referrer', 'supported': false}, {name: 'domain', 'supported': false}, {name: 'url', 'supported': false}, {name: 'body', 'supported': false}, {name: 'images', 'supported': false}, {name: 'applets', 'supported': false}, {name: 'links', 'supported': false}, {name: 'forms', 'supported': false}, {name: 'anchors', 'supported': false}, {name: 'cookie', 'supported': false}, {name: 'open', 'supported': false}, {name: 'close', 'supported': false}, {name: 'write', 'supported': false}, {name: 'writeln', 'supported': false}, {name: 'getelementbyid', 'supported': false}, {name: 'getelementsbyname', 'supported': false} ...
Tools for game development - Game development
on this page you can find links to our game development tools articles, which eventually aims to cover frameworks, compilers, and debugging tools.
...a lot of this is going to be covered by will in tools, but here we should provide a kind of practical toolchain tutorial for debugging games, with links to will's stuff: basic tools overview shader editor performance tools (still in production, estimated early 2014) ...
Test your skills: HTML accessibility - Learn web development
html accessibility 3 in this task you are required to turn all the information links in the paragraph into good, accessible links.
... the first two links just go to regular web pages.
Organizing your CSS - Learn web development
you will typically have rules set up for: body p h1, h2, h3, h4, h5 ul and ol the table properties links in this section of the stylesheet we are providing default styling for the type on the site, setting up a default style for data tables and lists and so on.
... so for example, with partials, you could have several style files inside a directory, say foundation/_code.scss, foundation/_lists.scss, foundation/_footer.scss, foundation/_links.scss, etc., then use the sass @use role to load them into other stylesheets: // foundation/_index.sass @use 'code' @use 'lists' @use 'footer' @use 'links' if the partials are all loaded into an index file, as implied above, you can then load that entire directory into another stylesheet in one go: // style.sass @use 'foundation' note: a simple way to try out sass is to use codepen — you ca...
CSS selectors - Learn web development
the following for example selects paragraphs that are direct children of <article> elements using the child combinator (>): article > p { } next steps you can take a look at the reference table of selectors below for direct links to the various types of selectors in this learn section or on mdn in general, or continue on to start your journey by finding out about type, class, and id selectors.
... previous overview: building blocks next reference table of selectors the below table gives you an overview of the selectors you have available to use, along with links to the pages in this guide which will show you how to use each type of selector.
The box model - Learn web development
the <a> element, used for links, <span>, <em> and <strong> are all examples of elements that will display inline by default.
... add display: inline-block to the rule with the .links-list a selector, and you will see how it fixes this issue by causing the padding to be respected by other elements.
Practical positioning examples - Learn web development
the unordered list contains three list items with links inside, which will become the actual tabs to click on for displaying our content panels.
... used the cursor property to change the mouse cursor when it is hovering over the icon to a hand pointer (like the one you see when links are hovered over), as an extra visual clue to users that the icon does something interesting.
Using your new knowledge - Learn web development
the css properties that i have used are as follows — each one links to its property page on mdn, which will give you more examples of its use.
... make the links green on hover.
Use CSS to solve common problems - Learn web development
LearnCSSHowto
the following links provide solutions to common problems you may face when working with css.
...n css how to write comments in css how to select elements via element name, class or id how to select elements via attribute name and content how to use pseudo-classes how to use pseudo-elements how to apply multiple selectors to the same rule how to specify colors in css how to debug css in the browser css and text how to style text how to customize a list of elements how to style links how to add shadows to text boxes and layouts how to size css boxes how to control overflowing content how to control the part of a css box that the background is drawn under how do i define inline, block, and inline-block?
Fundamental text and font styling - Learn web development
text-decoration: sets/unsets text decorations on fonts (you'll mainly use this to unset the default underline on links when styling them.) available values are: none: unsets any text decorations already present.
... overview: styling text next in this module fundamental text and font styling styling lists styling links web fonts typesetting a community school homepage ...
Styling text - Learn web development
we round off the module by looking at applying custom fonts to your page, and styling lists and links.
... styling links when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
Learn to style HTML using CSS - Learn web development
we round off the module by looking at applying custom fonts to your page, and styling lists and links.
... solving common css problems use css to solve common problems provides links to sections of content explaining how to use css to solve very common problems when creating a web page.
What is the difference between webpage, website, web server, and search engine? - Learn web development
each web page of a given website provides explicit links—most of the time in the form of clickable portion of text—that allow the user to move from one page of the website to another.
... here is an instance of firefox showing a google search box as its default startup page: next steps dig deeper: what is a web server see how web pages are linked into a web site: understanding links on the web ...
What is a URL? - Learn web development
prerequisites: you need to first know how the internet works, what a web server is and the concepts behind links on the web.
... the html language — which will be discussed later on — makes extensive use of urls: to create links to other documents with the <a> element; to link a document with its related resources through various elements such as <link> or <script>; to display media such as images (with the <img> element), videos (with the <video> element), sounds and music (with the <audio> element), etc.; to display other html documents with the <iframe> element.
Common questions - Learn web development
what are hyperlinks?
... in this article, we'll go over what hyperlinks are and why they matter.
HTML basics - Learn web development
in the mists of time, when html was young (around 1991/92), doctypes were meant to act as links to a set of rules that the html page had to follow to be considered good html, which could mean automatic error checking and other useful things.
... links links are very important — they are what makes the web a web!
Use JavaScript within a webpage - Learn web development
likewise, your drop-down menus should be structured as unordered lists of links.
... let users tab through all controls (e.g., links and form input) in a logical order.
Use HTML to solve common problems - Learn web development
LearnHTMLHowto
the following links point to solutions to common everyday problems you'll need to solve with html.
... how to create a list of items with html how to stress or emphasize content how to indicate that text is important how to display computer code with html how to annotate images and graphics how to mark abbreviations and make them understandable how to add quotations and citations to web pages how to define terms with html hyperlinks one of the main reasons for html is making navigation easy with hyperlinks, which can be used in many different ways: how to create a hyperlink how to create a table of contents with html images & multimedia how to add images to a webpage how to add video content to a webpage scripting & styling html only sets up document structure.
Debugging HTML - Learn web development
prerequisites: html familiarity, as covered in, for example, getting started with html, html text fundamentals, and creating hyperlinks.
...metadata in html html text fundamentals creating hyperlinks advanced text formatting document and website structure debugging html marking up a letter structuring a page of content ...
Images in HTML - Learn web development
image titles as with links, you can also add title attributes to images, to provide further supporting information if needed.
...but there is a problem here: there is nothing that semantically links the image to its caption, which can cause problems for screen readers.
Structuring the web with HTML - Learn web development
introduction to html this module sets the stage, getting you used to important concepts and syntax, looking at applying html to text, how to create hyperlinks, and how to use html to structure a webpage.
... solving common html problems use html to solve common problems provides links to sections of content explaining how to use html to solve very common problems when creating a webpage: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.
What went wrong? Troubleshooting JavaScript - Learn web development
an error message to indicate what's gone wrong: "typeerror: guesssubmit.addeventlistener is not a function" a "learn more" link that links through to an mdn page that explains what this error means in greater detail.
... the name of the javascript file, which links through to the debugger tab of the developer tools.
Server-side web frameworks - Learn web development
navigate to the main sites (linked above) click on the documentation menu links (named things like "documentation, guide, api reference, getting started", etc.).
... navigate to mailing lists for each site (accessible from community links).
Accessibility API cross-reference
directory see <nav> if it really is a table of contents, use <toc> containing <toci> elements (which are wrappers for internal hyperlinks in such a table).
... menuitemradio any menu other than the menu bar java: menu is for pull-downs, popup_menu for all others menupopup popup_menu, menu popup_menu, menu menu a collection of navigational elements (usually links) for navigating the document or related documents.
Accessibility Features in Firefox
the find bar allows for quick navigation to links and text searching without opening a separate dialog -- this allows more convenient use by screen magnification users because there is a single point of regard for the search.
...for example, it is possible to navigate to the desired link by pressing 2 letter keys rather than tabbing through many links to get there.
CSUN Firefox Materials
" - alan cantor, cantor access consulting (http://www.cantoraccess.com) firefox includes keyboard access to all of its amazing features: find as you type allows for quick navigation to links and text searching without opening a separate dialog -- this allows more convenient use by screen magnification users because there is a single point of regard for the search.
...for example, it is possible to navigate to the desired link by pressing 2 letter keys rather than tabbing through many links to get there.
Embedding API for Accessibility
se_document_colors also stops background images from loading */ moz 0.8 link appearance setcharpref("browser.anchor_color", "#abcdef" /* hex color value */); setcharpref("browser.visited_color", "#abcdef" /* hex color value */); setboolpref("browser.underline_anchors", boolunderlinelinks); moz 0.8 focus appearance setboolpref("browser.display.use_focus_colors", usefocuscolors); setcharpref("browser.display.focus_background_color", colorstring); setcharpref("browser.display.focus_text_color", colorstring); setcharpref("browser.display.focus_ri...
... no timed events setboolpref("browser.accept.timed_events", accepttimedevents); no timer speed setintpref("timer.relative_speed", percent); /* 100 corresponds to normal speed, 200 to double speed */ no allow cycling in lists and links setboolpref("keyboardnav.allow_cycling", allowcycling); no mouse pointer moves with keyboard focus setboolpref("keyboardnav.mouse_follows_keyboard_focus", mousefollows); /* if this pref is set, the mouse pointer will always be move to the 0,0 pixel of the current keyboard focus frame *...
Mozilla's Section 508 Compliance
caveats: 1) although sidebar cannot be customized without a mouse, all sidebar functions that come with the browser are available through other means 2) java and in-page plugins cannot be used with the keyboard, so they must not be installed for keyboard-only users additional features for the keyboard: 1) find as you type allows for quick navigation to links and convenient text searching 2) browse with caret (f7 key toggles) allows users to select arbitrary content with the keyboard and move through content as if inside a readonly editor.
...in these situations mozilla blinks 1 hz, which is within the allowable range and follows the stricter mil-std standard.
Internationalized Domain Names (IDN) Support in Mozilla Browsers
how mozilla browsers handle non-ascii domain names unicode and nameprep when mozilla receives idn input from the user via the location bar or a request to process non-ascii host name links, it first turns them into unicode, then normalizes the input string to make it conform to general uri requirement.
...for example, most sample links on the following test pages can be used without any further setting: http://www.nunames.nu/eu-lang-test.htm (domain names with latin 1 accented characters) http://www.nunames.nu/lldemo/default.htm (domain names in other languages) on july 10, 2003 and thereafter, you can access a large number of japanese domain name sites under the .jp top domain with no further setting on netscape 7.1/mozi...
Localizing with Mozilla Translator
if you are using a filesystem with symbolic links support (i.e., linux or mac), you can create symbolic links in a separate directory so it contains just the locale part.
... defining symbolic links for browser this is an example just for browser, without shared components, but it should suffice to get the idea.
Translation phase
below you'll find the list of all mozilla projects, their associated l10n tools, and links to tutorials outlining their workflows.
...this is where you research and select the search plugins, content and protocol handlers, bookmarks, and links to recommended sites on the in-product pages that your locale's users will find in their mozilla products.
Creating localizable web applications
for example, if not all the pages of your website are going to be localized, you may consider removing links to the english-only pages from the navigation (headers, footers, sidebars) in the localized versions.
...for english, add hreflang="en" to links to resources that are not going to be localized or are external to your web application.
Creating localizable web content
per-locale customizations check if there are alternative links for localized pages (e.g., links to mdn, addons.mozilla.org, or other external resources, are there translated equivalents we can use).
... if there are alternatives, use them by adding the $lang; parameter in the urls evaluate the impact of new pages on all our web properties, especially links to community sites and redirects.
Basics
so it responds to other browser operations such as the zoom (try view -> text zoom), and you can do links a 2 + b 2 = c 2 , apply stylistic effects a 2 + b 2 = c 2 , or use color a 2 + b 2 = c 2 in very strange ways p(x) q(x) = a0 + a1x + a2 x2 + ...
...there are links to more samples, screenshots and instructions on how to download fonts for various platforms.
Mozilla Web Developer FAQ
there are links to more general web authoring faqs at the end of this document.
... mathml svg (in svg-enabled builds only) xul (please note that xul is mozilla-specific and, therefore, using it on the public web causes interoperabilty problems.) xml:base is observed when following links.
NSS environment variables
3.12.8 nsdistmode string on operating systems other than windows, this controls whether copies, absolute symlinks, or relative symlinks of the output files should be published to mozilla/dist.
... the possible values are: copy: copies of files are published absolute_symlink: symlinks whose targets are absolute pathnames are published if not specified, default to relative symlinks (symlinks whose targets are relative pathnames).
NSS functions
section headings are links to the individual pages where you can edit them.
... the nss home page links to additional ssl documentation.
Network Security Services
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.
...links to performance reports for nss 3.2 and later releases.
Getting SpiderMonkey source code
hg clone https://hg.mozilla.org/mozilla-central/ cd js/src to avoid getting the full change history, click the zip or gz links at https://hg.mozilla.org/index.cgi/mozilla-central/file/tip.
...that page also contains links to several bundles, which can be useful if you have a poor network connection.
Mozilla Projects
here you'll find links to documentation about these projects.
...it will pop-up an alert when a window is closed and javascript still links to that window (for example, an observer that is not cleared when the window closes).
Using the Places history service
this means that one "session" is comprised of going to a new page, and following a bunch of links or redirects.
... basic querying of the history system nsiglobalhistory2.isvisited: called by gecko when rendering links.
Component Internals
this file also lists all known interfaces and links to the type library files that define these interface structures.
... a version of the glue library is built into xpcom, and when your component uses it, it links a snapshot of this library: it includes a copy of these unfrozen classes directly, which allows the xpcom library version to change without affecting the software.
PyXPCOM
note: the links to part ii and iii of this series are broken and i cannot find them on the ibm site.
... please update this page if/when the links can be found.
NS_NewLocalFile
#include "nsxpcom.h" #include "nsilocalfile.h" nsresult ns_newlocalfile( const nsastring& apath, prbool afollowlinks, nsilocalfile** aresult ); parameters apath [in] a utf-16 string object that specifies an absolute filesystem path.
... afollowlinks [in] this attribute will determine if the nsilocalfile instance will automatically resolve symbolic links.
NS_NewNativeLocalFile
#include "nsxpcom.h" #include "nsilocalfile.h" nsresult ns_newnativelocalfile( const nsacstring& apath, prbool afollowlinks, nsilocalfile** aresult ); parameters apath [in] a string object that specifies an absolute filesystem path.
... afollowlinks [in] this attribute will determine if the nsilocalfile instance will automatically resolve symbolic links.
nsIInstallLocation
itemlocations nsidirectoryenumerator an enumeration of nsifiles for: locations that contain items potential dropped-in xpis note: this enumeration resolves text links to the directories they refer to.
...for example, items linked to by text links are managed by the user, and items linked to from registry install locations are usually managed by other applications or installers.
nsIJumpListBuilder
each list is made up of an array of nsiwinjumplistitems representing items such as shortcuts, links, and separators.
... jumplist_category_customlist 3 custom lists can be made up of tasks, links, and separators.
nsILocalFile
followlinks prbool determines whether or not the nsilocalfile will automatically resolve symbolic links.
... note: the value of the followlinks attribute is not encoded in the persistent descriptor.
nsINavHistoryQueryOptions
simple folder queries (bookmark folder symlinks) will still be included.
... note that this has no effect on folder links, which are place: uris returned by nsinavbookmarkservice's getfolderuri method.
Standard OS Libraries
this article allows you to find out what types to give to values/arguments by supplying links to the documentation of the os libraries.
...this article links to a fully funcitonal demo that can be copied and pasted into scratchpad, as a quick reference here is the link to that demo: following the android toasts tutorial from a jni prespective.
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.?).
...for example, one of the links in one demo has states of focusable, linked, selectable text, opaque, enabled, and sensitive.
Index - Firefox Developer Tools
55 how to links for various how to's can be found here.
... these links describe in depth the how to techniques.
Network request details - Firefox Developer Tools
for each line in the response headers section, a question mark links to the documentation for that response header, if one is available.
...for each line in the request headers section, a question mark links to the documentation for that request header, if one is available.
How to - Firefox Developer Tools
links for various how to's can be found here.
... these links describe in depth the how to techniques.
Validators - Firefox Developer Tools
tune-up wizard links back to devedge if you're writing new code that isn't validating immediately, see the available standards-compliant authoring and development tools.
... link checker this tool will check links on a given web page.
Body.text() - Web APIs
WebAPIBodytext
example in our fetch text example (run fetch text live), we have an <article> element and three links (stored in the mylinks array.) first, we loop through all of these and give each one an onclick event handler so that the getdata() function is run — with the link's data-page identifier passed to it as an argument — when one of the links is clicked.
... let myarticle = document.queryselector('article'); let mylinks = document.queryselectorall('ul a'); for(let i = 0; i <= mylinks.length-1; i++) { mylinks[i].onclick = function(e) { e.preventdefault(); let linkdata = e.target.getattribute('data-page'); getdata(linkdata); } }; function getdata(pageid) { console.log(pageid); var myrequest = new request(pageid + '.txt'); fetch(myrequest).then(function(response) { return response.text().then(function(text) { myarticle.innerh...
Document.linkColor - Web APIs
the document.linkcolor property gets/sets the color of links within the document.
...as an alternative, you can set the css color property on either html anchor links (<a>) or on :link pseudo-classes.
Ajax navigation example - Web APIs
ation.assign(surl); } } function processlink () { if (this.classname === sajaxclass) { requestpage(this.href); return false; } return true; } function init () { opageinfo.title = document.title; history.replacestate(opageinfo, opageinfo.title, opageinfo.url); for (var olink, nidx = 0, nlen = document.links.length; nidx < nlen; document.links[nidx++].onclick = processlink); } const /* customizable constants */ stargetid = "ajax-content", sviewkey = "view_as", sajaxclass = "ajax-nav", /* not customizable constants */ rsearch = /\?.*$/, rhost = /^[^\?]*\?*&*/, rview = new regexp("&" + sviewkey + "\\=[^&]*|&*$", "i"), rendqstmark = /\?$/, oloadingbox =...
...attachevent("onload", init) : (onload = init); // public methods this.open = requestpage; this.stop = abortreq; this.rebuildlinks = init; })(); for more information, please see: working with the history api.
Timing element visibility with the Intersection Observer API - Web APIs
below that, we define the site's sidebar as a list of links within an <aside> block.
... the sidebar our sidebar is used to present links to other pages on the site.
Navigator.onLine - Web APIs
the update occurs when the user follows links or when a script requests a remote page.
... for example, the property should return false when users click links soon after they lose internet connection.
ARIA: application role - Accessibility
the at will read any semantics like links, headings, form controls, tables, lists, or images.
...such elements usually include headings, form fields, lists, tables, links, graphics, or landmark regions.
ARIA: Main role - Accessibility
for those navigating via landmark roles, the main role is an alternative for "skip to main content" links.there should only be one main landmark role per document.
... <body> <a href="#main-content">skip to main content</a> <!-- navigation and header content --> <div id="main-content" role="main"> <!-- main page content --> </div> </body> webaim: "skip navigation" links added benefits certain technologies such as browser extensions can generate lists of all landmark roles present on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
WAI-ARIA Roles - Accessibility
if possible, use the html <aside> element instead.aria: contentinfo rolethe contentinfo landmark role is used to identify information repeated at the end of every page of a website, including copyright information, navigation links, and privacy statements.
...if possible, you should use this element instead.aria: navigation rolethe navigation landmark role is used to identify major groups of links used for navigating through a website or page content.aria: region rolethe region landmark role is used to identify an area in the document that the author has identified as significant.
Keyboard-navigable JavaScript widgets - Accessibility
using tabindex by default, when people use the tab key to browse a webpage, only interactive elements (like links, form controls) get focused.
... the following table describes tabindex behavior in modern browsers: tabindex attribute focusable with mouse or javascript via element.focus() tab navigable not present follows the platform convention of the element (yes for form controls, links, etc.).
Mobile accessibility checklist - Accessibility
colour colour contrast must comply with wcag 2.1 aa level requirements: contrast ratio of 4.5:1 for normal text (less than 18 point or 14 point bold.) contrast ratio of 3:1 for large text (at least 18 point or 14 point bold.) information conveyed via colour must be also available by other means too (underlined text for links, etc.) visibility content hiding techniques such as zero opacity, z-index order and off-screen placement must not be used exclusively to handle visibility.
... focus all activatable elements must be focusable: standard controls such as links, buttons, and form fields are focusable by default.
Understandable - Accessibility
a better way to handle this is to again provide links to glossary pages containing the acronym expansion and explanation, or at the very least include them in the surrounding text in context.
...see also styling links as buttons for a useful accessible navigation menu example.
Understanding the Web Content Accessibility Guidelines - Accessibility
for this reason, we have summarised the practical steps you need to take to satisfy the different recommendations, with further links to more details where required.
... each of the links below will take you to pages that further expand on these areas, giving you practical advice on how to write your web content so it conforms to the success criteria outlined in each of the wcag 2.0 and 2.1 guidelines that further sub-divides each principle.
:target - CSS: Cascading Style Sheets
WebCSS:target
click on the link above to try out!</p> <p id="p2">this is <i>another paragraph</i>, also accessible from the links above.
...this technique relies on the ability of anchor links to point to elements that are initially hidden on the page.
:visited - CSS: Cascading Style Sheets
WebCSS:visited
the :visited css pseudo-class represents links that the user has already visited.
...to style links appropriately, put the :visited rule after the :link rule but before the :hover and :active rules, as defined by the lvha-order: :link — :visited — :hover — :active.
Attribute selectors - CSS: Cascading Style Sheets
examples links css a { color: blue; } /* internal links, beginning with "#" */ a[href^="#"] { background-color: gold; } /* links with "example" anywhere in the url */ a[href*="example"] { background-color: silver; } /* links with "insensitive" anywhere in the url, regardless of capitalization */ a[href*="insensitive" i] { color: cyan; } /* links with "case" anywhere in the url, with matching ca...
...pitalization */ a[href*="case" s] { color: pink; } /* links that end in ".org" */ a[href$=".org"] { color: red; } /* links that start with "https" and end in ".org" */ a[href^="https"][href$=".org"] { color: green; } html <ul> <li><a href="#internal">internal link</a></li> <li><a href="http://example.com">example link</a></li> <li><a href="#insensitive">insensitive internal link</a></li> <li><a href="http://example.org">example org link</a></li> <li><a href="https://example.org">example https org link</a></li> </ul> result languages css /* all divs with a `lang` attribute are bold.
CSS Text Decoration - CSS: Cascading Style Sheets
.underover { text-decoration: dashed underline overline; } .thick { text-decoration: solid underline purple 4px; } .blink { text-decoration: blink; } <p class="under">this text has a line underneath it.</p> <p class="over">this text has a line over it.</p> <p class="line">this text has a line going through it.</p> <p>this <a class="plain" href="#">link will not be underlined</a>, as links generally are by default.
... be careful when removing the text decoration on anchors since users often depend on the underline to denote hyperlinks.</p> <p class="underover">this text has lines above <em>and</em> below it.</p> <p class="thick">this text has a really thick purple underline in supporting browsers.</p> <p class="blink">this text might blink for you, depending on the browser you use.</p> specifications specification status comment css text decoration module level 4 working draft css text decoration module level 3 candidate recommendation css level 2 (revision 1) recommendation css level 1 recommendation initial definition ...
text-decoration - CSS: Cascading Style Sheets
.underover { text-decoration: dashed underline overline; } .thick { text-decoration: solid underline purple 4px; } .blink { text-decoration: blink; } <p class="under">this text has a line underneath it.</p> <p class="over">this text has a line over it.</p> <p class="line">this text has a line going through it.</p> <p>this <a class="plain" href="#">link will not be underlined</a>, as links generally are by default.
... be careful when removing the text decoration on anchors since users often depend on the underline to denote hyperlinks.</p> <p class="underover">this text has lines above <em>and</em> below it.</p> <p class="thick">this text has a really thick purple underline in supporting browsers.</p> <p class="blink">this text might blink for you, depending on the browser you use.</p> specifications specification status comment css text decoration module level 4 working draft adds text-decoration-thickness; note that this isn't yet officially part of the shorthand — this is as yet unspecified.
CSS: Cascading Style Sheets
WebCSS
we round off the module by looking at applying custom fonts to your page, and styling lists and links.
... use css to solve common problems this module provides links to sections of content explaining how to use css to solve common problems when creating a web page.
Index - Developer guides
WebGuideIndex
29 index guide, index found 31 pages: 30 introduction to web development beginner, css, codingscripting, development, html, javascript, web whether you're just getting started with web development, or are just expanding your horizons into new realms of web awesomeness, the links here should help you get started.
...this article provides recommendations for managing user input and implementing controls in open web apps, along with faqs, real-world examples, and links to further information for anyone needing more detailed information on the underlying technologies.
Introduction to Web development - Developer guides
whether you're just getting started with web development, or are just expanding your horizons into new realms of web awesomeness, the links here should help you get started.
... for another (overlapping) set of links to learning resources, see the mdn learning pages.
<link>: The External Resource Link element - HTML: Hypertext Markup Language
WebHTMLElementlink
browsers not supporting css3 media queries won't necessarily recognize the adequate link; do not forget to set fallback links, the restricted set of media queries defined in html 4.
... <link href="default.css" rel="stylesheet" title="default style"> <link href="fancy.css" rel="alternate stylesheet" title="fancy"> <link href="basic.css" rel="alternate stylesheet" title="basic"> providing icons for different usage contexts you can include links to several different icons on the same page, and the browser will choose which one works best for its particular context using the rel and sizes values as hints.
<main> - HTML: Hypertext Markup Language
WebHTMLElementmain
content that is repeated across a set of documents or document sections such as sidebars, navigation links, copyright information, site logos, and search forms shouldn't be included unless the search form is the main function of the page.
... <body> <a href="#main-content">skip to main content</a> <!-- navigation and header content --> <main id="main-content"> <!-- main page content --> </main> </body> webaim: "skip navigation" links reader mode browser reader mode functionality looks for the presence of the <main> element, as well as heading and content sectioning elements when converting content into a specialized reader view.
Standard metadata names - HTML: Hypertext Markup Language
WebHTMLElementmetaname
all follow allows the robot to follow the links on the page (default).
... all nofollow requests the robot to not follow the links on the page.
Choosing between www and non-www URLs - HTTP
this includes always linking to the chosen domain (which shouldn't be hard if you're using relative urls in your website) and always sharing links (by email/social networks, etc.) to the same domain.
...all your absolute links should use it.
Link - HTTP
WebHTTPHeadersLink
the http link entity-header field provides a means for serialising one or more links in http headers.
... examples the uri (absolute or relative) must be enclosed between < and >: link: <https://example.com>; rel="preconnect" link: https://bad.example; rel="preconnect" specifying multiple links you can specify multiple links separated by commas, for example: link: <https://one.example.com>; rel="preconnect", <https://two.example.com>; rel="preconnect", <https://three.example.com>; rel="preconnect" specifications specification status comments rfc 8288, section 3: link serialisation in http headers ietf rfc rfc 5988, section 5: the link head...
HTTP response status codes - HTTP
WebHTTPStatus
(there is no standardized way of choosing one of the responses, but html links to the possibilities are recommended so the user can pick.) 301 moved permanently the url of the requested resource has been changed permanently.
...clients are expected to remove their caches and links to the resource.
String.prototype.link() - JavaScript
links created with the link() method become elements in the links array of the document object.
... see document.links.
Web Performance
here we'll introduce many of these features ad the basic level and provide links to deeper dives to improve performance for each topic.
... web performance checklist a performance checklist of features to consider when developing applications with links to tutorials on how to implement each feature, include service workers, diagnosing performance problems, font loading best practices, client hints, creating performant animations, etc.
Structural overview of progressive web apps - Progressive web apps (PWAs)
the app shell approach allows websites to be: linkable: even though it behaves like a native app, it is still a website — you can click on the links within the page and send a url to someone if you want to share it.
...below the content is a <footer>, which provides a copyright notice and assorted links.
Mixed content - Web security
the mixed content resource that was loaded via http will show up in red, along with the text "mixed content", which links to this page.
...you could also use an online crawler like ssl-check or missing padlock that will check your website recursively and find links to insecure content.
Reddit Example - Archive of obsolete content
if (t.nodename != "a") return; // don't intercept the click if it was on one of the links in the header // or next/previous footer, since those links should load in the panel itself.
SDK API Lifecycle - Archive of obsolete content
all warnings should include links to further information about what to use instead of the deprecated module and when the module will be completely removed.
panel - Archive of obsolete content
for example, here's an add-on whose content script intercepts mouse clicks on links inside the panel, and sends the target url to the main add-on code.
cfx - Archive of obsolete content
note that as the add-on documentation explains, you should make sure the update procedure for your add-on is secure, and this usually involves using https for the links.
Using XPCOM without chrome - Archive of obsolete content
examples bookmarks observer normally, a bookmark observer would require chrome components and xpcomutils as described in the following links: (observing changes to bookmarks and tags) , (creating event targets).
Preferences - Archive of obsolete content
if you haven't yet, read other documents about mozilla preferences on mdn (links below in resources section).
Code snippets - Archive of obsolete content
external links the content at mozillazine example code is slowly being moved here, but you can still find useful examples there for now.
Enhanced Extension Installation - Archive of obsolete content
a nfs home directory and simply placing a text "link" file in the applicable directory above that links to the location of the extension in its installed state at the other location.
Extension Versioning, Update and Compatibility - Archive of obsolete content
note that https links to sites with invalid certificates or that redirect to http sites will fail for both the update.rdf and updatelink cases.
Legacy Add-ons - Archive of obsolete content
this section contains links to documentation for legacy technology for add-on development, including: add-on sdk legacy extensions for firefox for android earlier technology bootstrapped extensions overlay extensions ...
Appendix: What you should know about open-source software licenses - Archive of obsolete content
the following tasks can be considered modifications revision: rewriting the source code; addition: adding new code, or adding parts of it to other code; linkage: creating static or dynamic links.
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
the next command will import the source code: gonzui-import.exe mozilla once the import process is complete, type the following command to launch the gonzui server: gonzui-server.exe now you can access gonzui from your web browser by typing the following into your location bar : http://localhost:46984 this lets you browse all packages, click on links to traverse them, and take traversed-link locations as search starting points (figure a).
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
fixme: add links: the mozilla development center has extensive documentation on the nsisessionstore interface we’ve discussed in this section6.
Intercepting Page Loads - Archive of obsolete content
the aforementioned observer notifications page has more information about these notifications and links to other useful documentation.
Introduction - Archive of obsolete content
most links in this documentation are meant to be clicked and read.
Overlay extensions - Archive of obsolete content
this page contains links to documentation for the approach to developing extensions for gecko-based applications which uses: xul overlays to specify the interface apis available to privileged code, such as tabbrowser and javascript modules, to interact with the application and content.
Signing an XPI - Archive of obsolete content
this article is a mirror of the original, with minor reformatting, some new info and all links updated in march 2010.
Add-ons - Archive of obsolete content
legacy add-ons this section contains links to documentation for legacy technology for add-on development, including: legacy extensions for firefox for android add-ons that work with desktop firefox do not automatically work in firefox for android: overlay extensions this page contains links to documentation for the approach to developing extensions for gecko-based applications which uses: performance best practices in extensions one...
XUL user interfaces - Archive of obsolete content
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.
Case Sensitivity in class and id Names - Archive of obsolete content
related links html 4.01, section 7.5.2 html 4.01, section 12.2.3 original document information author(s): eric a.
Index of archived content - Archive of obsolete content
up for distribution making it into a static overlay prerequisites specifying the appearance tinderbox creating a release tag creating a skin for firefox/getting started creating a skin for mozilla faq getting started in-depth links contents.rdf toolbarbindings.xml creating a skin for seamonkey 2.x getting started chrome.manifest install.rdf creating a hybrid cd creating regular expressions for a microsummary generator dtrace dehydra ...
Defining Cross-Browser Tooltips - Archive of obsolete content
related links html 4.01 specification: 13.8 how to specify alternate text html 4.01 specification: 7.4.3 the title attribute bug 25537 original document information author(s): eric a.
Images, Tables, and Mysterious Gaps - Archive of obsolete content
related links gecko's almost standards mode mozilla's quirks mode original document information author(s): eric a.
Creating a Mozilla Extension - Archive of obsolete content
a mozilla extension is an installable enhancement to the mozilla browser that provides additional functionality (for example linky, which adds an item to the context menu for opening multiple links in a document or selection).
Creating a Skin for Mozilla - Archive of obsolete content
organizing images adding an image to the right of a toolbar jar file installer utility (provided by neil marshall) frequently asked questions links original document information author: neil marshall other contributors (suggestions/corrections): brent marshall, cdn (http://themes.mozdev.org), jp martin, boris zbarsky, asa dotzler, wesayso, david james, dan mauch last updated date: jan 5th, 2003 copyright information: copyright 2002-2003 neil marshall, permission given to devmo to migrate into the wiki april 2005 via email.
Dehydra - Archive of obsolete content
mailing list newsgroup rss feed #static on irc.mozilla.org blogs taras glek david mandelin benjamin smedberg related topics pork c/c++ refactoring tools, mozilla 2, spidermonkey categories interwiki language links ...
Editor Embedding Guide - Archive of obsolete content
cmd_removelinks removes the existing link from the selection (if any).
JSS build instructions for OSX 10.6 - Archive of obsolete content
howto successfully compile jss and nss for 32 and 64 bits on osx 10.6 (10.6.7) useful links: https://developer.mozilla.org/en/nss_reference/building_and_installing_nss/build_instructions https://developer.mozilla.org/jss_build_4.3.html ftp://ftp.mozilla.org/pub/mozilla.org/ <componente> /releases http://www.mozilla.org/projects/secu...using_jss.html steps: export all this: build_opt="1" cvsroot=":pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot" java_home=$(/usr/libexec/java_home") no_mdupdate="1" nsdistmode="copy" ns_use_gcc="1" create working dir: mkdir nss-jss cd nss-jss obtain source: altought manual said nspr_4_6_4_rtm, nss_3_11_4_rtm, jss_4_2_5_rtm, the...
GRE - Archive of obsolete content
finding and using a gre from application code avoid linking directly against xpcom.dll if an application wishes to use the gre, it must take careful steps to ensure that it links against the proper libraries.
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
tooltips legacy browsers introduced tooltips into html by showing them on links and using the value of the alt attribute as a tooltip's content.
Modularization techniques - Archive of obsolete content
links the component object model specification revision history feb 25, 1998, created oct 19, 1998, dusted off momentarily oct 10, 1999, added comments about xpidl, language-independentness original document information author(s): will scullin last updated date: september 13, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors...
Mozilla Application Framework in Detail - Archive of obsolete content
ml extras code module, which contains mozilla's web services support) soap scripts in mozilla (documentation on soap in mozilla from the engineer who implemented it) xpinstall, mozilla's cross platform installation technology one of the many things that makes the mozilla platform easy for both users and developers is that applications can be installed, extended, or upgraded with simple web page links.
Mozilla project presentations - Archive of obsolete content
this article provides links to presentations covering various aspects of the mozilla project.
LIR - Archive of obsolete content
2 skip void links code chunks.
How to Write and Land Nanojit Patches - Archive of obsolete content
you might find it easier to just cut-and-paste links from the commit log.) you're done, but watch the nanojit tinderbox for breakage.
Plug-n-Hack Get Involved - Archive of obsolete content
related links plug-n-hack overview ...
Plug-n-Hack Phase2 - Archive of obsolete content
related links plug-n-hack overview ...
Table Layout Strategy - Archive of obsolete content
you can help by editing this page and adding screenshots or links to example pages.
Tamarin Releases - Archive of obsolete content
upcoming release name(s)release datelinks tc next~ april 2009roadmap current release namerelease datelinks tc "mar 2009" a5c9ed928c9603/27/09tamarin-devel announcement prior release name(s)release datelinks tc "feb 2009" a5c9ed928c9602/19/09tamarin-devel announcement tamarin-central rev 703:2cee46be9ce0 12/02/08tamarin-devel announcement ...
Tamarin Roadmap - Archive of obsolete content
tc jan '09 feature links status integrate the tt string class tamarin:string implementation tamarin:strings bug 465506 complete enhanced c++ profiler enhance memory profiler to work in release builds and be more performant in progress enable lir for arm targets bug 460764 complete amd64 nanojit bug 464476 in progress port nanojit to powerpc bug 458077 complete add mac-x64 and linux-x64 buildbots complete fail build on assertion in acceptance tests complete merge tracking bug bug 469836 in progre...
Treehydra - Archive of obsolete content
mailing list newsgroup rss feed #static on irc.mozilla.org blogs taras glek david mandelin related topics pork c/c++ refactoring tools, mozilla 2, spidermonkey categories interwiki language links ...
[Deprecated] The Mozilla build VM - Archive of obsolete content
other links of interest may include: developer guide (documentation about developing on and for mozilla projects).
Install Wizards (aka: Stub Installers) - Archive of obsolete content
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?
InstallTrigger.installChrome - Archive of obsolete content
installtrigger.installchrome trigger scripts are typically invoked by javascript event handlers on hyperlinks.
Learn XPI Installer Scripting by Example - Archive of obsolete content
most installation scripts, including the one discussed here, take the following basic form (in pseudo-code and with links to the sections in which these installation steps are documented): initinstall(); if (verify_space()) { err = add_dirs_and_files; register_files; if (err==success) { performinstall() }; else { cancelinstall() }; } as you can see in the code listing, the verification process at the top is on lines 1 to 18; the file addition process, here part of the main installation block, is on l...
Menus - Archive of obsolete content
editable text context-openlink opens a link in a new window links context-openlinkintab opens a link in a new tab links context-bookmarklink bookmarks a link links context-savelink saves a link links context-sendlink sends a link in an email links context-copyemail copies an email address mailto: links context-copylink copies a link links context-viewimage view...
Introduction to XUL - Archive of obsolete content
follow the links for details.
List of commands - Archive of obsolete content
parator cmd_bm_open cmd_bm_openinnewtab cmd_bm_openinnewwindow cmd_bm_paste cmd_bm_properties cmd_bm_rename cmd_bm_selectall cmd_bm_setnewbookmarkfolder cmd_bm_setnewsearchfolder cmd_bm_setpersonaltoolbarfolder cmd_bm_sortfolder cmd_bm_sortfolderbyname cmd_close cmd_closeothertabs cmd_closewindow cmd_copy cmd_copyimage cmd_copylink cmd_cut cmd_delete cmd_editpage cmd_findtypelinks cmd_findtypetext cmd_gotoline cmd_handlebackspace cmd_handleshiftbackspace cmd_minimizewindow cmd_neweditor cmd_neweditordraft cmd_neweditortemplate cmd_newnavigator cmd_newnavigatortab cmd_newtabwithtarget cmd_openhelp cmd_paste - paste a selection from the clipboard cmd_printsetup cmd_quit cmd_redo cmd_savepage cmd_scrollpagedown cmd_scrollpageup cmd_selectall cmd_switchdoc...
open - Archive of obsolete content
ArchiveMozillaXULMethodOpen
« xul reference home open( mode ) return type: no return value opens the findbar using the specified mode, which should be one of find_normal, find_typeahead, or find_links.
startFind - Archive of obsolete content
the mode should be one of find_normal, find_typeahead, or find_links.
Other Resources - Archive of obsolete content
links creating applications with mozilla xul periodic table online example of nearly every xul element.
ContextMenus - Archive of obsolete content
for example, right clicking on an image might display items pertaining to images, whereas clicking on a link would display items pertaining to links.
Extensions - Archive of obsolete content
for example, the following may be used to insert a command just after the 'select all' command: <popup id="contentareacontextmenu"> <menuitem label="select links" oncommand="thumbnails.selectalllinks();" insertafter="context-selectall"/> </popup> see firefox context menu for a list of the ids of the items found on the firefox context menu.
PopupEvents - Archive of obsolete content
for instance, right clicking on an image might display items on a context menu pertaining to images, whereas clicking on a link would display only those items pertaining to links.
Popup Guide - Archive of obsolete content
a brief overview of each type is listed here; more details for each type can be found by following the corresponding links.
findMode - Archive of obsolete content
possible values are: find_normal (0): normal find find_typeahead (1): typeahead find find_links (2): link find ...
Template Guide - Archive of obsolete content
interwiki language links ...
The Joy of XUL - Archive of obsolete content
for this reason, xul is oriented toward application artifacts such as windows, labels, and buttons instead of pages, heading levels, and hypertext links.
Complete - Archive of obsolete content
when it is finished, it will get a category and links from other pages.
Toolbars - Archive of obsolete content
mailing list newsgroup rss feed #extdev irc channel mozillazine forum about:addons newsletter mozilla's web-tech blog mozdev project owners planet mozilla other community links...
Adding Buttons - Archive of obsolete content
<button id="find-button" label="find"/> note: firefox does not allow you to open chrome windows from web pages, so the view links in the tutorial will open in normal browser windows.
Skinning XUL Files by Hand - Archive of obsolete content
the third type of selector, thepseudo-class, is one you may have seen in the in-line style definitions for hyperlinks which commonly appear in html documents.
Updating Commands - Archive of obsolete content
invoking commands if a command has an oncommand attribute, you can invoke it just by using the docommand method of the command or an element which links to it.
XUL Questions and Answers - Archive of obsolete content
in addition i need to evaluate the browser contentdocument dom in order to clean "target" attributes on links, and so on.
XULRunner 1.8.0.4 Release Notes - Archive of obsolete content
interwiki language links ...
XULRunner 2.0 Release Notes - Archive of obsolete content
specific runtimes can be found at: download xulrunner for windows download xulrunner for mac os x download xulrunner for 32-bit linux download xulrunner for 64-bit linux (warning: links may become out-of-date at times).
Building XULRunner - Archive of obsolete content
\$topsrcdir/xulrunner/config/mozconfig" > .mozconfig make -f client.mk build interwiki language links ...
Custom app bundles for Mac OS X - Archive of obsolete content
top-level directory info.plist pkginfo see also xulrunner - tips xulrunner - mac faq external links inside application bundles property list key reference xrtemplate ...
MacFAQ - Archive of obsolete content
note that in order to copy the framework while keeping the relative soft-links in the framework, do something like: % ( cd dist ; gnutar cf - xul.framework | ( cd /library/frameworks ; gnutar xf - )) installing your application your application must be installed as a xulrunner app before you can open it.
XULRunner - Archive of obsolete content
mailing list newsgroup rss feed #xulrunner on irc.mozilla.org other community links...
Archived Mozilla and build documentation - Archive of obsolete content
creating a mozilla extension a mozilla extension is an installable enhancement to the mozilla browser that provides additional functionality (for example linky, which adds an item to the context menu for opening multiple links in a document or selection).
2006-10-06 - Archive of obsolete content
other links of interest: roadmap for accessible rich internet applications (wai-aria roadmap) roles for accessible rich internet applications (wai-aria roles) states and properties module for accessible rich internet applications (wai-aria states and properties) making ajax work with screen readers meetings accessibility hackfest 2006 - october 10-12 in cambridge, ma (more details) participants include ...
2006-10-20 - Archive of obsolete content
question regarding how to make a firefox extension that would insert an image next to all links in the loaded web pages similar to the mcafee siteadvisor extension.
2006-10-06 - Archive of obsolete content
discussion highlights: ziga sancin suggests writing an introductory article for potential developers containing basic project information (history, list of main developers, project goals, roadmap and available communication channels, etc), tools needed to start developing and building tb, documentation on source structure as well as links to help one get started on the project.
2006-11-03 - Archive of obsolete content
links in tb is not sent to firefox directly cédric corazza provided a code solution for this problem.
2006-11-24 - Archive of obsolete content
additional links: bug 22687 and original newsgroup thread.
2006-10-27 - Archive of obsolete content
cédric's posting was about a french site which had already announced the availablity of ff 2.0 final release and provided download links, even though the release was on october 24.
2006-11-10 - Archive of obsolete content
the button gets added to the toolbar, separate from the links.
2006-10-27 - Archive of obsolete content
summary: mozilla.dev.l10n - october 27, 2006 announcements drafts of eulas for several lanugages available for review drafts of eulas for several lanugages available for review final ff release already announced a french site has already announced final ff 2.0 and gives download links on its own site.
2006-11-17 - Archive of obsolete content
nightly builds, instructions and the current list of known regressions on the branch can be found at: http://wiki.mozilla.org/gecko:reflow...ng#quick_links.
2006-10-13 - Archive of obsolete content
discussions wxmozilla and ff1.5 xpcom problems updating wxmozilla to use it with firefox 1.5.7 browser elements, opening links in a new window using javascript to open window in new window.
NPN_GetURL - Archive of obsolete content
plug-ins can use this capability to provide hyperlinks to other documents or to retrieve data from anywhere on the network.
Plugins - Archive of obsolete content
categories interwiki language links join the plugin development community choose your preferred method for joining the discussion: mailing list newsgroup rss feed ...
Common Firefox theme issues and solutions - Archive of obsolete content
mozillazine firefox nightly theme changes thread mozillazine's firefox nightly theme changes thread is a great resource for keeping up to date with the latest changes to the firefox ui and contains links to the bugzilla bug reports, which detail what changes were made.
Using Firebug and jQuery (Screencast) - Archive of obsolete content
related links: firebug firefox extension jquery javascript library jquery selector documentation digg learning jquery: jquerify bookmarklet if you wish to use greasemonkey instead of a bookmarklet, then by all means, please do so.
Browser Detection and Cross Browser Support - Archive of obsolete content
see also window.navigator.useragent links gecko compatibility handbook gecko user agent string reference object cross reference - navigator browser feature detection gecko user agent strings rfc 1945 - hypertext transfer protocol -- http 1.0 rfc 2068 - hypertext transfer protocol -- http 1.1 [mozilla's quirks mode] css enhancements in internet explorer 6 w3c w3c markup w3c technical recommendations w3c htm...
-moz-text-blink - Archive of obsolete content
blink text blinks.
LiveConnect - Archive of obsolete content
old liveconnect documents, broken links: java method overloading and liveconnect 3 the technique that liveconnect uses to invoke overloaded java methods from javascript.
MSX Emulator (jsMSX) - Archive of obsolete content
external links view the online demo (requires firefox 2+) jsmsx project see also drawing graphics with canvas canvas tutorial jsc64 the 100% javascript / canvas commodore 64 emulator ...
RDF: Resource Description Framework for metadata - Archive of obsolete content
ArchiveWebRDF
mailing list newsgroup rss feed rdf-dev mailing list tools rdf editors and tools rdf validator related topics xml categories interwiki language links ...
Standards-Compliant Authoring Tools - Archive of obsolete content
related links validators html central ...
Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
- related links the amazing netscape fish cam page original document information author(s): eric meyer, standards evangelist, netscape communications last updated date: published 25 apr 2003 copyright information: copyright © 2001-2003 netscape.
XForms - Archive of obsolete content
mailing list newsgroup rss feed #xforms channel on irc.mozilla.org w3c forms mailing list other community links...
Archived open Web documentation - Archive of obsolete content
talk:javascript reference the guide section links to an interesting document discussing how to create and use private variables in objects, which is great if you want to protect the various properties within an object from being poked at accidentally.
Correctly Using Titles With External Stylesheets - Archive of obsolete content
related links html 4.01 specification, section 14.3: external style sheets original document information author(s): eric a.
Fixing Incorrectly Sized List Item Markers - Archive of obsolete content
related links bug 110360 bug 97351 original document information author(s): eric a.
Popup Window Controls - Archive of obsolete content
example the example tag links to devedge-temp.mozilla.org this example illustrates detecting suppressed popup windows as well as an approach for replacing popup windows with inline html using innerhtml.
Styling Abbreviations and Acronyms - Archive of obsolete content
related links web content accessibility guidelines 1.0 original document information author(s): eric a.
Using the Right Markup to Invoke Plugins - Archive of obsolete content
"myflash"> <param name="movie" value="javascript_to_flash.swf" /> <param name="quality" value="high" /> <param name="swliveconnect" value="true" /> <embed src="javascript_to_flash.swf" quality="high" width="366" height="142" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/downloads/" name="myflash" swliveconnect="true"> </embed> </object> links to the rules governing the use of the embed element can be found in the references section.
Web Standards - Archive of obsolete content
mailing list newsgroup rss feed the web standards project webdev feedhouse other community links...
Archive of obsolete content
index of archived content inner-browsing extending the browser navigation paradigm this article is the version from 2003 with slight modifications (no images and no links to samples).
Index - Game development
39 tools for game development games, gecko, guide, javascript on this page you can find links to our game development tools articles, which eventually aims to cover frameworks, compilers, and debugging tools.
GLSL Shaders - Game development
note: you can learn more about model, view, and projection transformations from the vertex processing paragraph, and you can also check out the links at the end of this article to learn more about it.
Initialize the framework - Game development
the v2 library is still available on the phaser download page, below the links for the v3 download.
Gecko FAQ - Gecko Redirect 1
here are some links to lists of reported bugs related to the standards mentioned above; be aware that these raw lists of open in-process bugs will inevitably include some duplicate, out of date, unreproducible, invalid, and incorrectly tagged reports: the links themselves are probably outdated too.
Plug-in Development Overview - Gecko Plugin API Reference
working with urls the plug-in api provides methods that plug-ins can use to retrieve data from or post data to a url anywhere on the network, provide hyperlinks to other documents, post form data to cgi scripts using http, or upload files to a remote server using ftp.
Block (CSS) - MDN Web Docs Glossary: Definitions of Web-related terms
for example, <p> is by default a block-level element, whereas <a> is an inline element — you can put several links next to one another in your html source and they will sit on the same line as one another in the rendered output.
Block - MDN Web Docs Glossary: Definitions of Web-related terms
for example, <p> is by default a block-level element, whereas <a> is an inline element — you can put several links next to one another in your html source and they will sit on the same line as one another in the rendered output.
Breadcrumb - MDN Web Docs Glossary: Definitions of Web-related terms
a breadcrumb, or breadcrumb trail, is a navigational aid that is typically placed between a site's header and the main content, displaying either a hierarchy of the current page in relation to the the site's structure, from top level to current page, or a list of the links the user followed to get to the current page, in the order visited.
Browser - MDN Web Docs Glossary: Definitions of Web-related terms
a web browser or browser is a program that retrieves and displays pages from the web, and lets users access further pages through hyperlinks.
Google Chrome - MDN Web Docs Glossary: Definitions of Web-related terms
learn more general knowledge google chrome on wikipedia for chrome users use one of these links if you're an everyday user.
Head - MDN Web Docs Glossary: Definitions of Web-related terms
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.
Hypertext - MDN Web Docs Glossary: Definitions of Web-related terms
hypertext is text that contains links to other texts, as opposed to a single linear flow like in a novel.
MVC - MDN Web Docs Glossary: Definitions of Web-related terms
in the early days of the web, mvc architecture was mostly implemented on the server-side, with the client requesting updates via forms or links, and receiving updated views back to display in the browser.
Promise - MDN Web Docs Glossary: Definitions of Web-related terms
learn more to learn more, have a look at these links.
Pseudo-class - MDN Web Docs Glossary: Definitions of Web-related terms
for example, the selector a:visited applies styles only to links that the user has already followed.
REST - MDN Web Docs Glossary: Definitions of Web-related terms
because http, the standard protocol hehind the "world wide web", "web" also transfers documents and hypertext links, simple http apis are sometimes colloguially referred to as restful apis, restful services, or simply rest services, although they don't necessarily adhere to all rest constraints.
SEO - MDN Web Docs Glossary: Definitions of Web-related terms
search engines crawl the web, following links from page to page, and index the content found.
Search engine - MDN Web Docs Glossary: Definitions of Web-related terms
a search engine conducts the following processes: web crawling: searching web sites by navigating hyperlinks on web pages, both within a site, and from one site to another.
World Wide Web - MDN Web Docs Glossary: Definitions of Web-related terms
linking, or connecting resources through hyperlinks, is a defining concept of the web, aiding its identity as a collection of connected documents.
What is accessibility? - Learn web development
e with cognitive impairments includes: delivering content in more than one way, such as by text-to-speech or by video; easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distractions, such as unnecessary content or advertisements; consistent webpage layout and navigation; familiar elements, such as underlined links blue when not visited and purple when visited; dividing processes into logical, essential steps with progress indicators; website authentication as easy as possible without compromising security; and making forms easy to complete, such as with clear error messages and simple error recovery.
Test your skills: Selectors - Learn web development
style links, making the link-state orange, visited links green, and remove the underline on hover.
Beginner's guide to media queries - Learn web development
</p> </aside> </article> <aside class="sidebar"> <h2>external vegetable-based links</h2> <ul> <li> ...
Supporting older browsers - Learn web development
the guide to progressive enhancement in grid layout can help you understand the ie version of the grid, and we have included some additional useful links at the end of this lesson.
Web fonts - Learn web development
previous overview: styling text next in this module fundamental text and font styling styling lists styling links web fonts typesetting a community school homepage ...
What software do I need to build a website? - Learn web development
we'll provide a few links in this article.
The HTML5 input types - Learn web development
note that the usage of these types is quite complex, especially considering browser support (see below); to find out the full details, follow the links below to the reference pages for each type, including detailed examples.
Sending form data - Learn web development
the links above will give you some help, should you wish to learn them.
CSS basics - Learn web development
it looks something like this: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> this code links your page to a style sheet that loads the open sans font family with your webpage.
Dealing with files - Learn web development
some servers will replace the areas in your filenames with "%20" (the character code for spaces in uris), resulting in all your links being broken.
Installing basic software - Learn web development
choose your operating system below and click the relevant links to download installers for your favorite browsers: linux: firefox, chrome, opera, brave.
The web and web standards - Learn web development
in 1980, tim berners-lee (often referred to as timbl) wrote a notebook program called enquire, which featured the concept of links between different nodes.
Advanced text formatting - Learn web development
metadata in html html text fundamentals creating hyperlinks advanced text formatting document and website structure debugging html marking up a letter structuring a page of content ...
Getting started with HTML - Learn web development
when html was young (1991-1992), doctypes were meant to act as links to a set of rules that the html page had to follow to be considered good html.
Structuring a page of content - Learn web development
metadata in html html text fundamentals creating hyperlinks advanced text formatting document and website structure debugging html marking up a letter structuring a page of content ...
Adding vector graphics to the Web - Learn web development
we've included some links below that might help you if you wish to go and find out more about how it works.
Video and Audio APIs - Learn web development
see the "see also" section below for links to more complex and interesting functionality.
Solve common problems in your JavaScript code - Learn web development
the following links point to solutions to common problems you may encounter when writing javascript.
Object prototypes - Learn web development
note: before ecmascript 2015, there wasn't officially a way to access an object's prototype directly — the "links" between the items in the chain are defined in an internal property, referred to as [[prototype]] in the specification for the javascript language (see ecmascript).
JavaScript — Dynamic client-side scripting - Learn web development
solving common javascript problems use javascript to solve common problems provides links to sections of content explaining how to use javascript to solve very common problems when creating a webpage.
Aprender y obtener ayuda - Learn web development
for example, professional web developers have created lots of horizontal navigation menus, so they'll immediately start thinking of a solution like this: a nav menu is usually created from a list of links, something like: <ul> <li>first menu item</li> <li>second menu item</li> <li>third menu item</li> <li>etc.</li> </ul> to make all the items sit horizontally on a line, the easiest modern way is to use flexbox: ul { display: flex; } to remove unneeded spacing and bullet points, we can do this: ul { list-style-type: none; padding: 0; } etc.
Web performance resources - Learn web development
below is a quick review of best practices, tools, apis with links to provide more information about each topic.
Learning area release notes - Learn web development
you can see these on: html text fundamentals creating hyperlinks advanced text formatting images in html video and audio content from object to iframe — other embedding technologies ...
Properly configuring server MIME types - Learn web development
related links incorrect mime type for css files iana | mime media types hypertext transfer protocol — http/1.1 microsoft - 293336 - info: webcast: mime type handling in microsoft internet explorer microsoft - appendix a: mime type detection in internet explorer microsoft - security update, march 29, 2001 microsoft - security update, december 13, 2001 original document information author: bob c...
Client-Server Overview - Learn web development
as part of processing the browser may discover links to other resources (e.g.
Introduction to the server side - Learn web development
this allows, for example, a site to know that a user has previously logged in and display links to their emails or order history, or perhaps save the state of a simple game so that the user can go to a site again and carry on where they left it.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
now the only thing left to wire up the footer are the three filtering links: "all", "active", and "completed".
Ember resources and troubleshooting - Learn web development
objective: to provide further resource links and troubleshooting information.
Getting started with Svelte - Learn web development
o clone the repository you should execute: git clone https://github.com/opensas/mdn-svelte-tutorial.git then at the beginning of each article, you can just cd into the corresponding folder and start the app in dev mode to see what its current state should be, like this: cd 02-starting-our-todo-app npm install npm run dev if you want lo learn more about git and github, we've compiled a list of links to useful guides — see git and github.
Getting started with Vue - Learn web development
right now, it should contain a welcome message, a link to the vue documentation, links to the plugins you added when you initialized the app with your cli, and some other useful links to the vue community and ecosystem.
Introduction to automated testing - Learn web development
see the links above for full instructions on the different gulp packages we are using.
Handling common HTML and CSS problems - Learn web development
caniuse.com provides support information, along with a few useful external resource links.
Introduction to cross browser testing - Learn web development
testing on prerelease browsers it is often a good idea to test on prerelease versions of browsers; see the following links: firefox developer edition edge insider preview safari technology preview chrome canary opera developer this is especially prevalent if you are using very new technologies in your site, and you want to test against the latest implementations, or if you are coming across a bug in the latest release version of a browser, and you want to see if the browser's developers have fixed the bug in...
Setting up your own test automation environment - Learn web development
note: if you want to find out how to use webdriver with other server-side environments, also check out platforms supported by selenium for some useful links.
Git and GitHub - Learn web development
guides note that the links below take you to resources on external sites.
Command line crash course - Learn web development
the command line is the literal line where you enter commands and the cursor blinks.
Information for External Developers Dealing with Accessibility
other useful resources links for those who wish to learn more about web accessibility or open source accessibility.
Accessible Toolkit Checklist
pport, including the haspopup state default buttons ability to define in xml enter key fires it, but not when another widget has focus that needs the enter key layout engine - drawing dark border dynamically when the currently focused widget does not need the enter key events - making keystrokes do the right thing msaa support (default state) links enter key activates link (thus default button no longer shows dark border when link is focused) msaa support, including linked and traversed states, and accessible value that holds destination url text fields - single and multiple line it's probably best to use native widgets for these, otherwise accessibility support will be quite difficult tab should ...
Accessibility and Mozilla
please check the accessibility help topic for more information.links and resourceshere are some useful links for those interested in web accessibility as well as open source accessibility.mozilla accessibility architecturethis page is maintained by aaron leventhal and by the mozilla accessibility community.
Index
in that case, when you upload your extension to amo, you will need to provide links to the library source code.
Testopia
links faq wiki docs bugs (please read the bug reporting guide) official testopia blog irc: #testopia or #bugzilla user help support-webtools@lists.mozilla.org developers dev-apps-webtools@lists.mozilla.org downloads download 2.5 (bugzilla 4.2) download 2.4 (bugzilla 3.6 and 4.0) archived versions developers greg hendricks vance...
Debugging on Windows
(and just in-case those links die, the work-around is to execute bcdedit /set xsavedisable 1 from an elevated command-prompt to disable avx support.) got a tip?
Makefile - variables
note: non-functional links can be fixed by inserting en/.
How Mozilla's build system works
related links see the glossary of makefile variables for information about specific variables and how to use them.
Commenting IDL for better documentation
this will help the tools generate proper links to help make the documentation easier to read and browse through.
Contributing to the Mozilla code base
mozilla is a large project and we are thrilled to have contributors with very diverse skills below is a table with our currently available projects to contribute to, along with the skills needs and links to their documentation.
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.
Frame script environment
in particular, note that a frame script accesses the dom window using content, not window: // frame script var links = content.document.getelementsbytagname("a"); all the frame scripts running in a tab share this global.
Frame script environment
in particular, note that a frame script accesses the dom window using content, not window: // frame script var links = content.document.getelementsbytagname("a"); all of the frame scripts running in a tab share this global.
Errors
you can find further information about them by clicking on the links below: a request to access cookies or storage was blocked because of a custom cookie permission blocked because it came from a tracker and content blocking is enabled blocked because we are blocking all storage access requests blocked because we are blocking all third-party storage access requests and content blocking is enabled granted partitioned access because it came from a third-party and dynamic first-party isolation is enabled ...
Firefox and the "about" protocol
crashes lists all crashes, which happened during the runtime of firefox (in case the user enabled the crash reporter) about:credits lists all contributors to the firefox project about:debugging switches to the developer tools debugging page, which allows you to debug add-ons, tabs and service workers about:devtools summarizes the developer tools and provides links to documentation for each tool about:downloads displays all downloads done within firefox about:home start page of firefox when opening a new window about:license displays licensing information about:logo firefox logo about:memory provides a way to display memory usage, save it as report and run the gc and cc about:mozilla sp...
Firefox UI considerations for web developers
top sites the top sites box lists a user-configurable number of rows of icons serving as quick links to sites the user commonly visits, or that the user has chosen to pin to the top sites list in order to have quick access to them.
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.
Embedding the editor
there is a huge amount of composer ui in the various dialogs for editing tables, links, images etc.
Getting Started with Chat
web-based clients there are also a few web-based clients which allow connecting to irc by clicking on irc:// links.
How to investigate Disconnect failures
under about:crashes we have links to all the crashes submitted by firefox to crash-stats.
CustomizableUI.jsm
to avoid that, update your chrome manifest file with links to two different versions of xul overlay, using manifest flags.
OS.File.Info
(as of firefox 38 this is always true on all systems, this is a bug: bugzilla 1145885) (on windows this returns false for hard links) size the number of bytes in the file.
JavaScript code modules
mozilla labs js modules this page features a list of javascript modules, along with download links and documentation, that extension developers can use in their code.
Index
the following list contains links to pages that highlight steps that can be taken to make web content localizable.
Initial setup
you can install either by searching for them in firefox's add-ons manager or following these links.
QA phase
visit the links above to learn how to make these testing builds.
Localization quick start guide
to learn more about any of these, click on any of the links above.
Web Localizability
the following list contains links to pages that highlight steps that can be taken to make web content localizable.
MathML In Action
θ ( e k 2 π i - ( α k + 1 ) z ) θ ( - z ) θ ( e k 2 π i - z ) θ ( - ( α k + 1 ) z ) ) π ( n ) = ∑ m = 2 n ⌊ ( ∑ k = 1 m - 1 ⌊ ( m / k ) / ⌈ m / k ⌉ ⌋ ) - 1 ⌋ ‖ ϕ ‖ w s k ( Ω g ) ≝ ( ∑ | α | ≦ k ∂ α ϕ ∂ ξ α l s ( Ω g ) s ) 1 / s for more examples, refer to links on the mathml project page, and if you are building your own mozilla binary, see the directory mozilla/layout/mathml/tests.
Mozilla MathML Project
links installing fonts for mozilla's mathml engine mathml version 3.0 - w3c recommendation, 21 october 2010 w3c mathml test suite - designed to check the implementation of each element one attribute (or built-in rendering behavior) at a time in a fairly thorough manner.
Mozilla Quirks Mode Behavior
the :hover and :active pseudo-classes will only be applied to links, and only if there is no other pseudo-class in the selector.
Namespace
below, find links to articles about c++ classes mozilla uses within various namespaces, primarily the mozilla namespace.
GC and CC logs
to find the cc logs once the try run has finished, click on the particular job, then click on "job details" in the bottom pane in treeherder, and you should see download links.
TraceMalloc
the output is a large html file that hyperlinks ancestor and descendent libraries, classes, and functions that call into one another, attributing malloc blame up and down each graph.
Phishing: a short definition
earlier responses by affected banks, and payment providers, was to attempt educating users to not click links in emails, along with requesting to verify email legitimacy through checking for relevant personal information.
accessibility.tabfocus
4 give focus only to links and linked images.
Research and prep
productization is the process of determining a user's choice of default search engines, content and protocol handlers (rss readers, web mail and web calendar), bookmarks, and links to recommended sites on the in-product pages as it relates to their locale.
Productization guide
productization is the choice of ''default'' search engines, content and protocol handlers, bookmarks, links to recommended sites on the in-product pages, etc.
Firefox Sync
android searchfox has links to the main sync code and the storage layer.
JSHydra
mailing list newsgroup rss feed #static on irc.mozilla.org blogs joshua cranmer related topics dehydra, treehydra, spidermonkey categories interwiki language links ...
Leak Monitor
it will pop-up an alert when a window is closed and javascript still links to that window (for example, an observer that is not cleared when the window closes).
AsyncTestUtils extended framework
(see the bottom of this page for links to the source files.) count: 10 the number of messages that should be in the set.
PR_REMOVE_AND_INIT_LINK
description pr_remove_and_init_link removes the specified element from its circular list and initializes the links of the element to point to itself.
Introduction to Network Security Services
ncepts and techniques of public-key cryptography the secure sockets layer (ssl) protocol the pkcs #11 standard for cryptographic token interfaces cross-platform development issues and techniques where to find more information for information about pki and ssl that you should understand before using nss, see the following: introduction to public-key cryptography introduction to ssl for links to api documentation, build instructions, and other useful information, see the nss project page.
NSS_3.12_release_notes.html
bug 395093: pkix_pl_httpcertstore_processcertresponse is unable to process certs in der format bug 395224: don't reject certs with critical netscapecerttype extensions in libpkix bug 395427: pkix_pl_initialize must not call nss_init bug 395850: build of libpkix tests creates links to nonexistant shared libraries and breaks windows build bug 398401: memory leak in pkix init.
Python binding for NSS
links to download url for a specific release can be found in the release information section.
Build instructions
nsdistmode: if set to 'copy', mozilla/dist/<obj_stuff>/bin/* real files instead of symbolic links.
NSS tools : cmsutil
references visible links 1.
NSS tools : crlutil
mozilla nss bug 836477 - https://bugzilla.mozilla.org/show_bug.cgi?id=836477 visible links 1.
NSS tools : modutil
mozilla nss bug 836477 https://bugzilla.mozilla.org/show_bug.cgi?id=836477 visible links 1.
NSS tools : ssltab
references visible links 1.
NSS tools : ssltap
references visible links 1.
NSS tools : vfychain
references visible links 1.
NSS tools : vfyserv
references visible links 1.
SSL functions
the nss home page links to additional ssl documentation.
certutil
references visible links 1.
NSS tools : cmsutil
MozillaProjectsNSStoolscmsutil
references visible links 1.
NSS tools : crlutil
MozillaProjectsNSStoolscrlutil
references visible links 1.
NSS tools : modutil
MozillaProjectsNSStoolsmodutil
references visible links 1.
NSS tools : pk12util
references visible links 1.
NSS tools : signtool
references visible links 1.
NSS tools : signver
MozillaProjectsNSStoolssignver
references visible links 1.
NSS tools : ssltap
MozillaProjectsNSStoolsssltap
references visible links 1.
NSS tools : vfychain
references visible links 1.
Necko FAQ
todo put links!
Shumway
for even more information, please refer to the external links.
JSAPI Cookbook
note: the foss wiki page contains a few links to other libraries and programs that can make life easier when using spidermonkey and jsapi.
JSAPI User Guide
note: the foss wiki page contains a few links to other libraries and programs that can make life easier when using spidermonkey and jsapi.
JSString
working with jsstring objects (add a list of links to methods here, maybe some text) ...
JSAPI reference
note: the foss wiki page contains a few links to other libraries and programs that can make life easier when using spidermonkey and the jsapi.
SavedFrame
arrows represent links from child to parent frame, content.js is from a compartment with content principals, and chrome.js is from a compartment with chrome principals.
Zest implementation
related links zest overview ...
Zest runtimes
related links zest overview ...
Zest tools
related links zest overview ...
Zest usecase: Reporting Security Vulnerabilities to Developers
related links zest overview ...
Gecko Roles
role_combobox_option a item of list that is shown by combobox role_image_map an image map -- has child links representing the areas role_option an option in a listbox role_rich_option a rich option in a listbox, it can have other widgets as children role_listbox a list of options editor's note: use template role_ to get reference on accessible role.
Places utilities for JavaScript
type the content type of the data container the container the data was dropped or pasted into index the index within the container the item was dropped or pasted at copy the drag action was copy, so don't move folders or links.
Querying Places
this session id is the same for all pages that were reached by clicking links.
Aggregating the In-Memory Datasource
interwiki language links ...
Creating a Python XPCOM component
external links creating xpcom components, on which this short tutorial is based.
XPCOM glue
MozillaTechXPCOMGlue
using mozilla internal linkage mozilla internal code defines mozilla_internal_api while compiling and links against xpcom.lib and xpcom_core.lib.
Preface
link references to other sections and to figures and tables are links to those sections.
Resources
« previous this last section of the book provides a list of resources referred to in the tutorial and other links that may be useful to the gecko developer.
RbXPCOM
you can find additional information using the resource links below.
Language bindings
you can find additional information using the resource links below.xpconnectxpconnect is a bridge between javascript and xpcom.
mozITXTToHTMLConv
kurls unsigned long enables automatic addition of hyperlinks for urls in the text.
nsIAccessibleRole
role_combobox_option 115 a item of list that is shown by combobox; role_image_map 116 an image map -- has child links representing the areas.
nsIEditor
output methods astring outputtostring(in astring formattype, in unsigned long flags); example: // flags are declared in base/public/nsidocumentencoder.idl // outputselectiononly = 1, outputformatted = 2, // outputraw = 4, outputbodyonly = 8, // outputpreformatted = 16, outputwrap = 32, // outputformatflowed = 64, outputabsolutelinks = 258, // outputencodew3centities = 256, outputcrlinebreak = 512, // outputlflinebreak = 1024, outputnoscriptcontent = 2048, // outputnoframescontent = 4096, outputnoformattinginpre = 8192, // outputencodebasicentities=16384, outputencodelatin1entities=32768, // outputencodehtmlentities=65536, outputpersistnbsp=131072 editorapi.outputtostring('text/html', 2); editorapi.outputtostrin...
nsIFeedContainer
links nsiarray an array of all links for a feed or entry.
nsIFocusManager
this is a special value used to focus links as the caret moves over them in caret browsing mode.
nsIParserUtils
in that case, <a> links (and similar) to other content are preserved, so an explicit user action (following a link) after the content has been loaded can still leak information.
nsIProtocolHandler
uri_forbids_automatic_document_replacement 1<<5 "automatic" loads that would replace the document (such as a meta refresh, certain types of xlinks, and other non-user-triggered loads) are not allowed if the originating uri has this protocol flag.
nsIScriptableUnescapeHTML
this is equivalent to calling nsiparserutils::converttoplaintext(src, nsidocumentencoder::outputselectiononly | nsidocumentencoder::outputabsolutelinks, 0).
nsIUpdate
ideally, this page is not the release notes but some other page that summarizes the differences between this update and the previous, which also links to the release notes.
nsIXULBrowserWindow
this may be used, for example, to redirect links into new tabs or windows when it's not desirable to replace the content in the current tab (such as when the link is clicked in an app tab).
XPCOM Interface Reference
ervicensinavhistorybatchcallbacknsinavhistorycontainerresultnodensinavhistoryfullvisitresultnodensinavhistoryobservernsinavhistoryquerynsinavhistoryqueryoptionsnsinavhistoryqueryresultnodensinavhistoryresultnsinavhistoryresultnodensinavhistoryresultobservernsinavhistoryresulttreeviewernsinavhistoryresultviewobservernsinavhistoryresultviewernsinavhistoryservicensinavhistoryvisitresultnodensinetworklinkservicensiobservernsiobserverservicensioutputstreamnsioutputstreamcallbacknsiparentalcontrolsservicensiparserutilsnsipasswordnsipasswordmanagernsipermissionnsipermissionmanagernsipipensiplacesimportexportservicensiplacesviewnsipluginhostnsiprefbranch2nsipreflocalizedstringnsiprefservicensiprincipalnsiprinterenumeratornsiprintingpromptnsiprivatebrowsingservicensiprocessnsiprocess2nsiprocessscriptloa...
Storage
you can find some very useful links in the see also section however.
Using nsISimpleEnumerator
ratorfromsimpleenumerator(enum, interface) { while (enum.hasmoreelements()) { yield enum.getnext().queryinterface(interface); } } var b = document.getelementbyid("stringbundleset").firstchild var props = generatorfromenumerator(b.strings, components.interfaces.nsipropertyelement); var s = ""; for (let property in props) { s += property.key + ' = ' + property.value + ';\n'; } alert(s); links code based on using_nsipasswordmanager nsisimpleenumerator xul:property:strings ...
XPIDL Syntax
MozillaTechXPIDLSyntax
see xpidl main page for more links and introductory content.
XSLT 2.0
for users saxon-ce no extensions are required, saxon-ce runs whenever a html page is loaded that links to the saxon-ce javascript library.
Index
please feel free to add links to threads.
Mail client architecture overview
all of the links seem to be broken.
Mail composition back end
if this is not null, the body will be extracted from this object and any embedded objects or links will be sent as part of the message in mhtml nsimsgidentity *auseridentity, - the user identity for the person doing the send operation.
Thunderbird Binaries
latest english trunk builds are available at: https://archive.mozilla.org/pub/thunderbird/nightly/latest-comm-central/ latest localized trunk builds are available at: https://archive.mozilla.org/pub/thunderbird/nightly/latest-comm-central-l10n/ note: please use http://ftp.stage.mozaws.net/pub/thunderbird/nightly/latest-comm-central/ because the above two links currently do not work.
Finding the code for a feature
i keep two prominent links to this on my firefox toolbar, one to comm-central string search, and one to comm-central file search.
Tips and Tricks from the newsgroups
please feel free to add links to threads.
Working with windows in chrome code
the second parameter is the window's name; the name can be used in links or forms as the target attribute.
Flash Activation: Browser Comparison - Plugins
the firefox flash roadmap includes links to roadmaps and posts from other vendors.
Plug-in Basics - Plugins
with the plug-in api, you can create dynamically loaded plug-ins that can: register one or more mime types draw into a part of a browser window receive keyboard and mouse events obtain data from the network using urls post data to urls add hyperlinks or hotspots that link to new urls draw into sections on an html page communicate with javascript/dom from native code you can see which plug-ins are installed on your system and have been properly associated with the browser by consulting the installed plug-ins page.
Plug-in Development Overview - Plugins
working with urls the plug-in api provides methods that plug-ins can use to retrieve data from or post data to a url anywhere on the network, provide hyperlinks to other documents, post form data to cgi scripts using http, or upload files to a remote server using ftp.
URLs - Plugins
this is the way that plug-ins provide hyperlinks to other documents or retrieve data from the network.
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
var totals = new map; for (let [site, count] of counts) { for(;;) { if (!totals.has(site)) totals.set(site, 0); totals.set(site, totals.get(site) + count); if (!site) break; site = site.parent; } } // compute parent-to-child links, since saved stack frames // have only parent links.
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
this header is a flex container: each navbar link is a flex item: the nav element within the header is both a flex item and a flex container which holds the navigation links: in the css pane in the css pane's rules view, any instance of a display: flex declaration gets a small flexbox icon next to the word flex.
Examine and edit HTML - Firefox Developer Tools
the menu contains the following items — click on the links to find the description of each command in the context menu reference: edit as html create new node duplicate node delete node attributes add attribute copy attribute value edit attribute remove attribute break on ...
UI Tour - Firefox Developer Tools
it links to various how to guides for the details of how to work with the inspector.
Paint Flashing Tool - Firefox Developer Tools
after moving the mouse around and scrolling a bit, the above page looks like this: in this example, there are two main sources of repaints: moving the mouse over links makes the browser repaint them, because they have a style applied using the :hover pseudo-class scrolling makes the browser repaint the new part of the page coming into view at the bottom of the screen, and also the scrollbar at the top-right to deactivate paint flashing, click the "highlight painted area" icon in the toolbox again.
Settings - Firefox Developer Tools
with this setting checked, the page inspector rules view will also provide links to the original sources.
Style Editor - Firefox Developer Tools
viewing original sources now, if you check "show original sources" in the style editor settings, the links next to css rules in the rules view will link to the original sources in the style editor.
Firefox Developer Tools
the menu also includes links to the documentation for firefox web tools and the mozilla community.
AudioNode.connect() - Web APIs
WebAPIAudioNodeconnect
this example creates an oscillator, then links it to a gain node, so that the gain node controls the volume of the oscillator node.
CSSNumericValue.sub() - Web APIs
examples let mathsum = css.px("23").sum(css.percent("4")).sum(css.cm("3")).sum(css.in("9")); // prints "calc(23px - 4% - 3cm - 9in)" console.log(mathsum.tostring()); and/or include a list of links to useful code samples that live elsewhere: specifications specification status comment css typed om level 1the definition of 'sub' in that specification.
CSSNumericValue.sum() - Web APIs
examples let mathsum = css.px("23").sum(css.percent("4")).sum(css.cm("3")).sum(css.in("9")); // prints "calc(23px - 4% - 3cm - 9in)" console.log(mathsum.tostring()); and/or include a list of links to useful code samples that live elsewhere: specifications specification status comment css typed om level 1the definition of 'sub' in that specification.
CSS Object Model (CSSOM) - Web APIs
cssfontfeaturevaluesmap cssfontfeaturevaluesrule cssgroupingrule cssimportrule csskeyframerule csskeyframesrule cssmarginrule cssmediarule cssnamespacerule csspagerule cssrule cssrulelist cssstyledeclaration cssstylesheet cssstylerule csssupportsrule cssvariablesmap cssviewportrule elementcssinlinestyle fontface fontfaceset fontfacesetloadevent geometryutils getstyleutils linkstyle medialist mediaquerylist mediaquerylistevent mediaquerylistlistener screen stylesheet stylesheetlist transitionevent several other interfaces are also extended by the cssom-related specifications: document, window, element, htmlelement, htmlimageelement, range, mouseevent, and svgelement.
ContentIndex.getAll() - Web APIs
g element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are present, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(listelem); } } specific...
ContentIndex - Web APIs
g element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are present, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(listelem); } } unregist...
Content Index API - Web APIs
g element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are present, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(listelem); } } unregist...
Document.alinkColor - Web APIs
internet explorer 6 and 7 support alinkcolor/:active only for html anchor (<a>) links and the behavior is the same as :focus under gecko.
Document.vlinkColor - Web APIs
the document.vlinkcolor property gets/sets the color of links that the user has visited in the document.
Introduction to the DOM - Web APIs
figure 0.1 sample dom test page in this example, the drop-down menus dynamically update such dom—accessible aspects of the web page as its background color (bgcolor), the color of the hyperlinks (alink), and color of the text (text).
Event.defaultPrevented - Web APIs
example this example logs attempts to visit links from two <a> elements.
Event.stopPropagation() - Web APIs
it does not, however, prevent any default behaviors from occurring; for instance, clicks on links are still processed.
Event - Web APIs
WebAPIEvent
interfaces based on event below is a list of interfaces which are based on the main event interface, with links to their respective documentation in the mdn api reference.
GlobalEventHandlers.onload - Web APIs
at this point, all of the objects in the document are in the dom, and all the images, scripts, links and sub-frames have finished loading.
GlobalEventHandlers.onmousemove - Web APIs
te('hidden', ''); document.body.appendchild(node); this.follow = function(event) { node.style.left = event.clientx + 20 + 'px'; node.style.top = event.clienty + 10 + 'px'; }; this.show = function(event) { node.textcontent = event.target.dataset.tooltip; node.removeattribute('hidden'); }; this.hide = function() { node.setattribute('hidden', ''); }; })(); const links = document.queryselectorall('a'); links.foreach(link => { link.onmouseover = tooltip.show; link.onmousemove = tooltip.follow; link.onmouseout = tooltip.hide; }); result draggable elements we also have an example available showing the use of the onmousemove event handler with draggable objects — view the example in action.
HTMLLinkElement.referrerPolicy - Web APIs
syntax domstring htmllinkelement.referrerpolicy example var links = document.getelementsbytagname("link"); links[0].referrerpolicy; // "no-referrer" specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLLinkElement.rel - Web APIs
syntax var relstr = linkelt.rel; linkelt.rel = relstr; example var links = document.getelementsbytagname('link'); var length = links.length; for (var i = 0; i < length; i++) { alert(links[i]); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
HTMLLinkElement.relList - Web APIs
syntax var relstr = linkelt.rellist; example var links = document.getelementsbytagname("link"); var length = links.length; for (var i = 0; i < length; i++) { var list = links[i].rellist; var listlength = list.length; console.log("new link found."); for (var j = 0; j < listlength; j++) { console.log(list[j]); } } specifications specification status comment html living standardthe definition of 'rellist' in ...
The HTML DOM API - Web APIs
access to lists of elements in the document's <head> block and body, as well as lists of the images, links, scripts, etc.
HTML Drag and Drop API - Web APIs
function dragstart_handler(ev) { // add different types of drag data ev.datatransfer.setdata("text/plain", ev.target.innertext); ev.datatransfer.setdata("text/html", ev.target.outerhtml); ev.datatransfer.setdata("text/uri-list", ev.target.ownerdocument.location.href); } for a list of common data types used in drag-and-drop (such as text, html, links, and files), see recommended drag types.
IndexedDB API - Web APIs
this is the main landing page for mdn's indexeddb coverage — here we provide links to the full api reference and usage guides, browser support details, and some explanation of key concepts.
KeyboardEvent - Web APIs
in the list below, each event links to the documentation for the document handler for the event, which applies generally to all of the recipients.
Online and offline events - Web APIs
according to the specification: the navigator.online attribute must return false if the user agent will not contact the network when the user follows links or when a script requests a remote page (or knows that such an attempt would fail)...
PromiseRejectionEvent.reason - Web APIs
this could be anything from an error code to an object with text, links, and whatever else you might wish to include.
PublicKeyCredentialCreationOptions.pubKeyCredParams - Web APIs
the links between identifier and algorithms are defined in this iana registry (e.g.
Web Push API Notifications best practices - Web APIs
searching the web for "web push notifications," you'll find articles from marketing experts who believe you should use push to re-engage people who have left your site so they can complete a purchase, or be sent the latest news, or receive links to recommended products.
Using readable streams - Web APIs
you can find the full source code there, as well as links to the examples.
Touch events - Web APIs
that way, mouse events can still fire and things like links will continue to work.
WebGLRenderingContext.linkProgram() - Web APIs
the webglrenderingcontext interface's linkprogram() method links a given webglprogram, completing the process of preparing the gpu code for the program's fragment and vertex shaders.
WebGLRenderingContext - Web APIs
webglrenderingcontext.linkprogram() links the passed webglprogram object.
Adding 2D content to a WebGL context - Web APIs
it then creates a program, attaches the shaders and links them together.
WebGL model view projection - Web APIs
if you want to read a full explanation of the math behind it check out some of the following links: opengl projection matrix perspective projection trying to understand the math behind the perspective projection matrix in webgl one important thing to note about the perspective projection matrix used below is that it flips the z axis.
WebRTC API - Web APIs
more details and links to relevant guides and tutorials needed webrtc reference because webrtc provides interfaces that work together to accomplish a variety of tasks, we have divided up the reference by category.
Using the Web Storage API - Web APIs
note: as well as viewing the example pages live using the above links, you can also check out the source code.
Window: load event - Web APIs
WebAPIWindowload event
living standard this links to the section in the steps that are carried out at the end of loading a document.
Window.name - Web APIs
WebAPIWindowname
x string = window.name; window.name = string; example <script> // open a tab with a specific browsing context name const othertab = window.open("url1", "_blank"); if (othertab) othertab.name = "other-tab"; </script> <a href="url2" target="other-tab">this link will be opened in the other tab.</a> notes the name of the window is used primarily for setting targets for hyperlinks and forms.
Obsolete features - Web APIs
in ie, it rendered the links bar.
XRWebGLLayer() - Web APIs
return value a newly-created xrwebgllayer which links the specified xrsession to the webgl context given by context, which will be used as the renderer for the session.
XSLT Basic Example - Web APIs
processing instruction, it links to the xslt stylesheet (example.xsl) via its href attribute.
Web APIs
WebAPI
ledeadline imagebitmap imagebitmaprenderingcontext imagecapture imagedata index inputdevicecapabilities inputevent installevent installtrigger intersectionobserver intersectionobserverentry interventionreportbody k keyboard keyboardevent keyboardlayoutmap keyframeeffect keyframeeffectoptions l largestcontentfulpaint layoutshift layoutshiftattribution linearaccelerationsensor linkstyle localfilesystem localfilesystemsync localmediastream location lock lockmanager lockedfile m midiaccess midiconnectionevent midiinput midiinputmap midimessageevent midioutputmap mscandidatewindowhide mscandidatewindowshow mscandidatewindowupdate msgestureevent msgraphicstrust msmanipulationevent msrangecollection mssitemodeevent magnetometer mathmlelement mediacapabilities mediaca...
ARIA: Complementary role - Accessibility
<div role="complementary"> <h2>our partners</h2> <!-- complementary section content --> </div> this is a sidebar containing links to event sponsors.
ARIA: contentinfo role - Accessibility
the contentinfo landmark role is used to identify information repeated at the end of every page of a website, including copyright information, navigation links, and privacy statements.
ARIA: heading role - Accessibility
as with any heading, giving it an id ensures it can be referenced from anchor links, making it accessible via the keyboard.
Community - Accessibility
this document provides links to mailing lists, newsgroups, forums, and other communities related to accessbility.
Accessibility Information for Web Authors - Accessibility
you can also add a wave bookmarklet in firefox or even wave direct links for checking a webpage.
Web accessibility for seizures and physical reactions - Accessibility
content that flickers, flashes, or blinks can trigger photosensitive epilepsy.
Keyboard - Accessibility
standard focusable elements such as links and input fields are given special styling by the browser by default, so you might not need to specify focus styling for such elements, unless you want the focus styling to be more distinctive.
Robust - Accessibility
form inputs, buttons, links, etc.) should be programmatically determinable.
:-moz-broken - CSS: Cascading Style Sheets
the :-moz-broken css pseudo-class is a mozilla extension that matches elements representing broken image links.
::after (:after) - CSS: Cascading Style Sheets
WebCSS::after
/* add an arrow after links */ a::after { content: "→"; } note: the pseudo-elements generated by ::before and ::after are contained by the element's formatting box, and thus don't apply to replaced elements such as <img>, or to <br> elements.
::before (:before) - CSS: Cascading Style Sheets
WebCSS::before
/* add a heart before links */ a::before { content: "♥"; } note: the pseudo-elements generated by ::before and ::after are contained by the element's formatting box, and thus don't apply to replaced elements such as <img>, or to <br> elements.
:host() - CSS: Cascading Style Sheets
WebCSS:host()
yle'); let span = document.createelement('span'); span.textcontent = this.textcontent; const shadowroot = this.attachshadow({mode: 'open'}); shadowroot.appendchild(style); shadowroot.appendchild(span); style.textcontent = 'span:hover { text-decoration: underline; }' + ':host-context(h1) { font-style: italic; }' + ':host-context(h1):after { content: " - no links in headers!" }' + ':host-context(article, aside) { color: gray; }' + ':host(.footer) { color : red; }' + ':host { background: rgba(0,0,0,0.1); padding: 2px 5px; }'; the :host(.footer) { color : red; } rule styles all instances of the <context-span> element (the shadow host in this instance) in the document that have the footer class set...
:host-context() - CSS: Cascading Style Sheets
yle'); let span = document.createelement('span'); span.textcontent = this.textcontent; const shadowroot = this.attachshadow({mode: 'open'}); shadowroot.appendchild(style); shadowroot.appendchild(span); style.textcontent = 'span:hover { text-decoration: underline; }' + ':host-context(h1) { font-style: italic; }' + ':host-context(h1):after { content: " - no links in headers!" }' + ':host-context(article, aside) { color: gray; }' + ':host(.footer) { color : red; }' + ':host { background: rgba(0,0,0,0.1); padding: 2px 5px; }'; the :host-context(h1) { font-style: italic; } and :host-context(h1):after { content: " - no links in headers!" } rules style the instance of the <context-span> element (the ...
:host - CSS: Cascading Style Sheets
WebCSS:host
yle'); let span = document.createelement('span'); span.textcontent = this.textcontent; const shadowroot = this.attachshadow({mode: 'open'}); shadowroot.appendchild(style); shadowroot.appendchild(span); style.textcontent = 'span:hover { text-decoration: underline; }' + ':host-context(h1) { font-style: italic; }' + ':host-context(h1):after { content: " - no links in headers!" }' + ':host-context(article, aside) { color: gray; }' + ':host(.footer) { color : red; }' + ':host { background: rgba(0,0,0,0.1); padding: 2px 5px; }'; the :host { background: rgba(0,0,0,0.1); padding: 2px 5px; } rule styles all instances of the <context-span> element (the shadow host in this instance) in the document.
:hover - CSS: Cascading Style Sheets
WebCSS:hover
to style links appropriately, put the :hover rule after the :link and :visited rules but before the :active one, as defined by the lvha-order: :link — :visited — :hover — :active.
:not() - CSS: Cascading Style Sheets
WebCSS:not
for instance, body :not(table) a will still apply to links inside of a table, since <tr> will match with the :not() part of the selector.
:state() - CSS: Cascading Style Sheets
WebCSS:state
my code block and/or include a list of links to useful code samples that live elsewhere: x y z specifications specification status comment unknownthe definition of 'the :state() selector' in that specification.
-ms-high-contrast - CSS: Cascading Style Sheets
the <a> element controls the color of links.
Ordering Flex Items - CSS: Cascading Style Sheets
this allows authors to manipulate the visual presentation while leaving the source order intact for non-css uas and for linear models such as speech and sequential navigation.” - ordering and orientation if your items were links or some other element that the user could tab to, then the tabbing order would be the order that these items appear in the document source — not your visual order.
CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
in this next example i have a grid layout with a set of links down one side.
Using the :target pseudo-class in selectors - CSS: Cascading Style Sheets
thus, to add a border to the #example fragment, we would write: #example:target { border: 1px solid black; } targeting all elements if the intent is to create a "blanket" style that will apply to all targeted elements, then the universal selector comes in handy: :target { color: red; } example in the following example, there are five links that point to elements in the same document.
Using CSS transitions - CSS: Cascading Style Sheets
first, we set up the menu using html: <nav> <a href="#">home</a> <a href="#">about</a> <a href="#">contact us</a> <a href="#">links</a> </nav> then we build the css to implement the look and feel of our menu.
Questions about CSS - CSS: Cascading Style Sheets
WebCSSFAQ
with css, the sources of style definition for a given document element are in this order of precedence: the style attribute on an individual element tag the style element that defines a specific style sheet containing style declarations or a link element that links to a separate document containing the style element.
Breadcrumb Navigation - CSS: Cascading Style Sheets
see the related links for more information.
Pagination - CSS: Cascading Style Sheets
the "see also" section at the end of this document has links to related accessibility topics.
Tools - CSS: Cascading Style Sheets
WebCSSTools
this page offers links to a number of useful tools that will help you build the css to style your content using these features.
WebKit CSS extensions - CSS: Cascading Style Sheets
property links to the new synax.
cursor - CSS: Cascading Style Sheets
WebCSScursor
links & status context-menu a context menu is available.
<position> - CSS: Cascading Style Sheets
candidate recommendation relists links to both definitions: if css backgrounds and borders module level 3 is supported, its definition of <position> must also be used.
text-decoration-line - CSS: Cascading Style Sheets
blink the text blinks (alternates between visible and invisible).
Demos of open web technologies
this page offers links to interesting demonstrations of these technologies.
Community - Developer guides
WebGuideAJAXCommunity
matter.com: courses and events on javascript, ajax, and reverse ajax technologies telerik.com: an active community forum for ajax community.tableau.com: community support forum and courses available for ajax codementor.io: social platform with ajax forums and tutorials lynda.com: tutorials available for learning the fundamentals of ajax ajax interview questions and answer and answerinterwiki links ...
DOM onevent handlers - Developer guides
elements can be interactive (links, buttons, images, forms, and so forth) or non-interactive (such as the base <body> element).
Content categories - Developer guides
main content categories metadata content elements belonging to the metadata content category modify the presentation or the behavior of the rest of the document, set up links to other documents, or convey other out of band information.
Rich-Text Editing in Mozilla - Developer guides
figure 2 : first example html: <body contenteditable="true" onload="load()"> javascript: function load(){ window.document.designmode = "on"; } example 2 the second example is a simple rich text editing page, where text can be bolded/italicized/underlined, new links can be added and the color of text changed.
HTML5 - Developer guides
WebGuideHTMLHTML5
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.
User input and controls - Developer guides
this article provides recommendations for managing user input and implementing controls in open web apps, along with faqs, real-world examples, and links to further information for anyone needing more detailed information on the underlying technologies.
Developer guides
this article provides recommendations for managing user input and implementing controls in open web apps, along with faqs, real-world examples, and links to further information for anyone needing more detailed information on the underlying technologies.
Block-level elements - HTML: Hypertext Markup Language
<nav> contains navigation links.
DASH Adaptive Streaming for HTML 5 Video - HTML: Hypertext Markup Language
links webm dash specification at the webm project dash industry forum webm project description of how to create dash files with ffmpeg ...
<base>: The Document Base URL element - HTML: Hypertext Markup Language
WebHTMLElementbase
in-page anchors links pointing to a fragment in the document — e.g.
<data> - HTML: Hypertext Markup Language
WebHTMLElementdata
the html <data> element links a given piece of content with a machine-readable translation.
<footer> - HTML: Hypertext Markup Language
WebHTMLElementfooter
a footer typically contains information about the author of the section, copyright data or links to related documents.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
WebHTMLElementiframe
for example, this can safely sandbox an advertisement without forcing the same restrictions upon the page the ad links to.
<img>: The Image Embed element - HTML: Hypertext Markup Language
WebHTMLElementimg
fox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including which versions introduced support and specific special features that may have been introduced later.
<isindex> - HTML: Hypertext Markup Language
WebHTMLElementisindex
on november 1992, indexes as links rather than documents started by dan connolly who is pushing the idea that indexes are more links than documents.
draggable - HTML: Hypertext Markup Language
if this attribute is not set, its default value is auto, which means drag behavior is the default browser behavior: only text selections, images, and links can be dragged.
Link types: noopener - HTML: Hypertext Markup Language
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).
HTML reference - HTML: Hypertext Markup Language
link types in html, the following link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, or <link> element.
MIME types (IANA media types) - HTTP
fox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including which versions introduced support and specific special features that may have been introduced later.
HTTP caching - HTTP
WebHTTPCaching
in order to have the new versions, all the links to them must be changed, that is the drawback of this method: additional complexity that is usually taken care of by the tool chain used by web developers.
Content negotiation - HTTP
in this negotiation, when facing an ambiguous request, the server sends back a page containing links to the available alternative resources.
CSP: referrer - HTTP
the http content-security-policy (csp) referrer directive used to specify information in the referer header (with a single r as this was a typo in the original spec) for links away from a page.
CSP: upgrade-insecure-requests - HTTP
the upgrade-insecure-requests directive will not ensure that users visiting your site via links on third-party sites will be upgraded to https for the top-level navigation and thus does not replace the strict-transport-security (hsts) header, which should still be set with an appropriate max-age to ensure that users are not subject to ssl stripping attacks.
Content-Security-Policy - HTTP
referrer used to specify information in the referer (sic) header for links away from a page.
web-share - HTTP
the http feature-policy header web-share directive controls controls whether the current document is allowed to use the navigator.share() of web share api to share text, links, images, and other content to arbitrary destiations of user's choice.
Feature-Policy - HTTP
web-share controls whether or not the current document is allowed to use the navigator.share() of web share api to share text, links, images, and other content to arbitrary destiations of user's choice, e.g.
SourceMap - HTTP
the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
X-DNS-Prefetch-Control - HTTP
the x-dns-prefetch-control http response header controls dns prefetching, a feature by which browsers proactively perform domain name resolution on both links that the user may choose to follow as well as urls for items referenced by the document, including images, css, javascript, and so forth.
Link prefetching FAQ - HTTP
doing so would probably help content providers avoid the problem of stale prefetching links.
An overview of HTTP - HTTP
WebHTTPOverview
this means some parts of displayed text are links which can be activated (usually by a click of the mouse) to fetch a new web page, allowing the user to direct their user-agent and navigate through the web.
301 Moved Permanently - HTTP
WebHTTPStatus301
a browser redirects to this page and search engines update their links to the resource (in 'seo-speak', it is said that the 'link-juice' is sent to the new url).
302 Found - HTTP
WebHTTPStatus302
a browser redirects to this page but search engines don't update their links to the resource (in 'seo-speak', it is said that the 'link-juice' is not sent to the new url).
308 Permanent Redirect - HTTP
WebHTTPStatus308
a browser redirects to this page and search engines update their links to the resource (in 'seo-speak', it is said that the 'link-juice' is sent to the new url).
404 Not Found - HTTP
WebHTTPStatus404
links that lead to a 404 page are often called broken or dead links and can be subject to link rot.
CSS Houdini
the houdini apis below you can find links to the main reference pages covering the apis that fall under the houdini umbrella, along with links to guides to help you if you need guidance in learning how to use them.
About JavaScript - JavaScript
for a more in depth discussion of javascript programming follow the javascript resources links below.
Closures - JavaScript
you can attach them to buttons (in this case hyperlinks) as demonstrated in the following code example.
Expressions and operators - JavaScript
> >>> relational < <= > >= in instanceof equality == != === !== bitwise-and & bitwise-xor ^ bitwise-or | logical-and && logical-or || conditional ?: assignment = += -= *= /= %= <<= >>= >>>= &= ^= |= &&= ||= ??= comma , a more detailed version of this table, complete with links to additional details about each operator, may be found in javascript reference.
JavaScript language resources - JavaScript
the following ecmascript standards have been approved or are being worked on: name links release date description current editions ecma-262 10th edition pdf, html, working draft, repository 2019 ecmascript 2019 language specification ecma-262 9th edition pdf, html, working draft, repository 2018 ecmascript 2018 language specification ecma-402 5th edition working draft, repository 2018 ecmascript 2018 internationalization api specification obsolete/historical editions ecma-262 pdf ...
JavaScript error reference - JavaScript
for more information, follow the links below!
Object.prototype.constructor - JavaScript
} function createdconstructor() { parent.call(this) } createdconstructor.prototype = object.create(parent.prototype) createdconstructor.prototype.create = function create() { return new this.constructor() } new createdconstructor().create().create() // typeerror undefined is not a function since constructor === parent in the example above the exception will be shown since the constructor links to parent.
new operator - JavaScript
description the new keyword does the following things: creates a blank, plain javascript object; links (sets the constructor of) this object to another object; passes the newly created object from step 1 as the this context; returns this if the function doesn't return an object.
shortcuts - Web app manifests
type object mandatory no the shortcuts member defines an array of shortcuts or links to key tasks or pages within a web app.
Web app manifests
unlike regular web apps with simple homescreen links or bookmarks, pwas can be downloaded in advance and can work offline, as well as use regular web apis.
Authoring MathML - MathML
the installation is similar: copy latexmathml.js and latexmathml.standardarticle.css, add links in the header of your document and the latex content of your web page marked by the "latex" class will be automatically parsed and converted to html+mathml: <head> ...
MathML
here you'll find links to documentation, examples, and tools to help you work with this powerful technology.
Image file type and format guide - Web media technologies
fox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including which versions introduced support and specific special features that may have been introduced later.
Codecs used by WebRTC - Web media technologies
for details on webrtc-related considerations for each codec, see the sub-sections below by following the links on each codec's name.
The "codecs" parameter in common media types - Web media technologies
the list may also contain codecs not present in the file.= codec options by container the containers below support extended codec options in their codecs parameters: 3gp av1 iso bmff mpeg-4 quicktime webm several of the links above go to the same section; that's because those media types are all based on iso base media file format (iso bmff), so they share the same syntax.
Using images in HTML - Web media technologies
WebMediaimages
in this guide you'll find links to resources that deal with adding images to websites.
Web media technologies
this article lists the various apis with links to documentation you may find helpful in mastering them.
OpenSearch description format
(see reference material for links to other browsers' documentation.) firefox also supports additional features not in the opensearch standard, such as search suggestions and the <searchform> element.
Critical rendering path - Web Performance
the browser initiates requests every time it finds links to external resources, be they stylesheets, scripts, or embedded image references.
Populating the page: how browsers work - Web Performance
in our example above, the request is definitely less than 14kb, but the linked resources aren't requested until the browser encounters the links during parsing, described below.
Progressive loading - Progressive web apps (PWAs)
we could rewrite the loading process to load not only the images, but the complete items consisting of full descriptions and links.
Making PWAs work offline with Service workers - Progressive web apps (PWAs)
/img/bg.png', '/pwa-examples/js13kpwa/icons/icon-32.png', '/pwa-examples/js13kpwa/icons/icon-64.png', '/pwa-examples/js13kpwa/icons/icon-96.png', '/pwa-examples/js13kpwa/icons/icon-128.png', '/pwa-examples/js13kpwa/icons/icon-168.png', '/pwa-examples/js13kpwa/icons/icon-192.png', '/pwa-examples/js13kpwa/icons/icon-256.png', '/pwa-examples/js13kpwa/icons/icon-512.png' ]; next, the links to images to be loaded along with the content from the data/games.js file are generated in the second array.
The building blocks of responsive design - Progressive web apps (PWAs)
in this article we will discuss the main essential components of responsive design, with some links to further information where necessary.
Web technology reference
below you'll find links to a selection of key documentation for each.
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
notice that even the clickable areas for links are clipped.
xlink:title - SVG: Scalable Vector Graphics
it may be used, for example, to make titles available to applications used by visually impaired users, or to create a table of links, or to present help text that appears when a user lets a mouse pointer hover over a starting resource.
xlink:type - SVG: Scalable Vector Graphics
in svg, only simple links are available.
SVG Attribute reference - SVG: Scalable Vector Graphics
WebSVGAttribute
below is a list of all of the attributes available in svg along with links to reference documentation to help you learn which elements support them and how they work.
<a> - SVG: Scalable Vector Graphics
WebSVGElementa
g viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- a link around a shape --> <a href="/docs/web/svg/element/circle"> <circle cx="50" cy="40" r="35"/> </a> <!-- a link around a text --> <a href="/docs/web/svg/element/text"> <text x="50" y="90" text-anchor="middle"> &lt;circle&gt; </text> </a> </svg> /* as svg does not provide a default visual style for links, it's considered best practice to add some */ @namespace svg url(http://www.w3.org/2000/svg); /* necessary to select only svg <a> elements, and not also html’s.
SVG documentation index - SVG: Scalable Vector Graphics
WebSVGIndex
in svg, only simple links are available.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a valid link implementation status unknown aria state and property attributes animatable implementation status unknown styling change notes contentstyletype attribute removed implementation status unknown linkstyle on svgstyleelement implemented (bug 1239128 (firefox 46.0 / thunderbird 46.0 / seamonkey 2.43)) inner <svg>s and <foreignobjects>s not overflow: hidden; in ua style sheet implementation status unknown overflow: hidden; on <hatch> in ua style sheet implementation status unknown 0 0 as default value of transform-origin except root <svg> and <svg> children of ...
Scripting - SVG: Scalable Vector Graphics
WebSVGScripting
links svg wiki on scripting and programming ...
SVG In HTML Introduction - SVG: Scalable Vector Graphics
related links another svg in html example: a swarm of motes working example that works in both mozilla and in internet explorer with adobe's svg viewer installed.
SVG and CSS - SVG: Scalable Vector Graphics
result notes about this demonstration: the svg document links the stylesheet in the usual way.
Same-origin policy - Web security
examples are links, redirects, and form submissions.
Securing your site - Web security
this article offers an assortment of suggestions, as well as links to other articles providing more useful information.
Web security
to mitigate this problem, browsers have limited the amount of information that can be obtained from visited links.
Web technology for developers
below you'll find links to our web technology documentation.
Understanding WebAssembly text format - WebAssembly
so what links the call_indirect to the table we are calling?