Search completed in 1.11 seconds.
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 hyper
links.
...And 33 more matches
What are hyperlinks? - Learn web development
in this article, we'll go over what hyper
links are and why they matter.
... objective: learn about
links on the web and why they matter.
... summary hyper
links, 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 hyper
links are really important — they are what makes the web a web.
... hyper
links are one of the most exciting innovations the web has to offer.
...hyper
links 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 hyper
links 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
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
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/nsinetwork
linkservice.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 network
linkservice = components.classes["@mozilla.org/network/network-link-service;1"] .getservice(components.interfaces.nsinetwork
linkservice); 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.
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 hyper
links?
... beginner, infrastructure, navigation, needsactivelearning hyper
links, 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
*/ }; } </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 hyper
links, 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 copytofollowing
links(in nsifile newparentdir, in astring newname); void copytofollowing
linksnative(in nsifile newparentdir, in acstring newname); native code only!
... follow
links 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
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
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
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 hyper
links.
...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 follow
links attribute.
... if the file object is an alias and follow
links is true, returns the target of the alias.
... if follow
links 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 hyper
links work, as covered in creating hyper
links.
... 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
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 hyper
links and proper use of the html <head> element.
...metadata in html, html text fundamentals, creating hyper
links, and advanced text formatting.
... objective: test basic and advanced html text formatting, use of hyper
links, 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 drop
links(in nsidomdragevent aevent, [optional] in boolean adisallowinherit, [optional] out unsigned long acount, [retval, array, size_is(acount)] out nsidroppedlinkitem a
links); methods candroplink() determines if a link being dragged can be dropped.
... drop
links() 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 hyper
links 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
"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 hyper
links, 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 x
links 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 x
links.
...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 follow
links); nsifile getdir(string key, array patharray, bool shouldcreate, bool follow
links); 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 follow
links ); 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.
... follow
links optional true if
links should be followed, false otherwise.
...And 2 more matches
IAccessibleHyperlink
other-licenses/ia2/accessiblehyperlink.idlnot scriptable this interface represents hyper
links.
...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 hyper
links 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 nhyper
links([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 hyper
links 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
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
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
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 hyper
links: 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 hyper
links — 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 hyper
links.
... 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 hyper
links, possibly the most important element on the web.
...metadata in html html text fundamentals creating hyper
links 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
document.
linksread only returns a list of all the hyper
links 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 hyper
links in the document.
... document.vlinkcolor gets/sets the color of visited hyper
links.
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
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
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
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
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
hyper
links connect webpages or data items to one another.
... in html, <a> elements define hyper
links 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 x
links 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 x
links 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 site
links, 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 hyper
links 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 hyper
links hyper
links 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_n
links_changed the number of hyper
links 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_n
links_changed 0x0058 0x0054 the number of hyper
links associated with a hypertext object changed.
nsIAccessibleHyperText
accessible/public/nsiaccessiblehypertext.idlscriptable this interface is the main interface to expose hyper
links 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 hyper
links.
... 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
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; }?
HTML elements reference - HTML: Hypertext Markup Language
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
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
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 hyper
links, 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 ...
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.
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 sym
links correctly (use rsync -rl /library/frameworks/xul.framework ...).
Gecko Compatibility Handbook - Archive of obsolete content
verify that all hyper
links 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 hyper
links 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 hyper
links 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) ...
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.
Use CSS to solve common problems - Learn web development
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 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.
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 HTML to solve common problems - Learn web development
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 hyper
links one of the main reasons for html is making navigation easy with hyper
links, 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 hyper
links.
...metadata in html html text fundamentals creating hyper
links 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 hyper
links, 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 hyper
links 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", boolunderline
links); 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 b
links 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 sym
links, or relative sym
links of the output files should be published to mozilla/dist.
... the possible values are: copy: copies of files are published absolute_symlink: sym
links whose targets are absolute pathnames are published if not specified, default to relative sym
links (sym
links 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 afollow
links, nsilocalfile** aresult ); parameters apath [in] a utf-16 string object that specifies an absolute filesystem path.
... afollow
links [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 afollow
links, nsilocalfile** aresult ); parameters apath [in] a string object that specifies an absolute filesystem path.
... afollow
links [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
follow
links prbool determines whether or not the nsilocalfile will automatically resolve symbolic
links.
... note: the value of the follow
links attribute is not encoded in the persistent descriptor.
nsINavHistoryQueryOptions
simple folder queries (bookmark folder sym
links) 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.
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.
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
example in our fetch text example (run fetch text live), we have an <article> element and three
links (stored in the my
links 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 my
links = document.queryselectorall('ul a'); for(let i = 0; i <= my
links.length-1; i++) { my
links[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.rebuild
links = init; })(); for more information, please see: working with the history api.
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
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
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 hyper
links.</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 hyper
links.</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
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
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
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
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.
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
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
(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.
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.
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.
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 ...
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).
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.
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.
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 ...
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 ...
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.
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.
Tamarin Releases - Archive of obsolete content
upcoming release name(s)release date
links tc next~ april 2009roadmap current release namerelease date
links tc "mar 2009" a5c9ed928c9603/27/09tamarin-devel announcement prior release name(s)release date
links 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 ...
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...
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_findtype
links 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
« 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.
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.selectall
links();" 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.
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.
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.
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-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-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-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.
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 ...
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...
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.
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.
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.
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.
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 hyper
links to other documents, post form data to cgi scripts using http, or upload files to a remote server using ftp.
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.
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.
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.
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 ...
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.
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.
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).
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.
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...
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.
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 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...
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?
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.
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.
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 hyper
links 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.
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).
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, outputabsolute
links = 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...
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 x
links, 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::outputabsolute
links, 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
ervicensinavhistorybatchcallbacknsinavhistorycontainerresultnodensinavhistoryfullvisitresultnodensinavhistoryobservernsinavhistoryquerynsinavhistoryqueryoptionsnsinavhistoryqueryresultnodensinavhistoryresultnsinavhistoryresultnodensinavhistoryresultobservernsinavhistoryresulttreeviewernsinavhistoryresultviewobservernsinavhistoryresultviewernsinavhistoryservicensinavhistoryvisitresultnodensinetwork
linkservicensiobservernsiobserverservicensioutputstreamnsioutputstreamcallbacknsiparentalcontrolsservicensiparserutilsnsipasswordnsipasswordmanagernsipermissionnsipermissionmanagernsipipensiplacesimportexportservicensiplacesviewnsipluginhostnsiprefbranch2nsipreflocalizedstringnsiprefservicensiprincipalnsiprinterenumeratornsiprintingpromptnsiprivatebrowsingservicensiprocessnsiprocess2nsiprocessscriptloa...
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
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 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.
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 hyper
links 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 hyper
links 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 hyper
links 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 ...
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.
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
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.
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 hyper
links (alink), and color of the text (text).
Event - Web APIs
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.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)...
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.
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.
Window.name - Web APIs
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 hyper
links and forms.
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.
Web APIs
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: 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.
Community - Accessibility
this document provides
links to mailing lists, newsgroups, forums, and other communities related to accessbility.
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.
::after (:after) - CSS: Cascading Style Sheets
/* 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
/* 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
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
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
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.
:state() - CSS: Cascading Style Sheets
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.
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.
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
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.
<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.
Community - Developer guides
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 ...
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
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.
<img>: The Image Embed element - HTML: Hypertext Markup Language
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.
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).
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
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.
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.
An overview of HTTP - HTTP
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
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
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
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
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.
Closures - JavaScript
you can attach them to buttons (in this case hyper
links) 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 ...
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.
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.
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.
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.
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.
<a> - SVG: Scalable Vector Graphics
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"> <circle> </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 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 ...
Web security
to mitigate this problem, browsers have limited the amount of information that can be obtained from visited
links.