Search completed in 1.04 seconds.
932 results for "Editor":
Your results are loading. Please wait...
source-editor.jsm
the source-editor.jsm javascript code module implements an editor specifically tailored for editing source code; its primary purpose is to provide support for web developer tools to display and edit web site code.
... the editor provided is eclipse orion.
... to use it, you first need to import the code module into your javascript scope: components.utils.import("resource:///modules/source-editor.jsm"); warning: much of the functionality of the source editor is implemented by a secondary code module (by default, source-editor-orion.jsm).
...And 85 more matches
Using the Editor from XUL - Archive of obsolete content
overview the editor in xul lives on top of a xul <iframe> element; it observes document loading in this <iframe>, and, when document loading is complete, it instantiates an editor on the loaded document.
... note that the <editor> element is really just an <iframe> which takes over some of the task of creating the editor from javascript.
... editor creation so let's trace through the process of editor creation when bringing up the composer window.
...And 60 more matches
What text editors are available? - Learn web development
in this article we highlight some things to think about when installing a text editor for web development.
... objective: learn how to choose a text editor that best suits your needs as a web developer.
... summary a website consists mostly of text files, so for a fun, pleasant development experience you should choose your text editor wisely.
...And 45 more matches
Embedding the editor
introduction this document describes the current state of editor embeddability, problems with the existing implementation, some possible embedding scenarios that we need to deal with, and an embedding solution that will fulfill them.
...embedding applications here are some embedding scenarios that editor needs to deal with.
... note here that i use the term 'composer' to mean an html-savvy compose widget that does rich text editing, and 'editor' to mean a plain text editor (as well as the underlying technology for composer).
...And 40 more matches
editor - Archive of obsolete content
set the value of the editortype attribute to html to create an editor document.
... mozilla provides two types of editors, the html editor and the plaintext editor.
... the editor does not provide any editing user interface; you would supply that yourself.
...And 29 more matches
Style Editor - Firefox Developer Tools
the style editor enables you to: view and edit all the stylesheets associated with a page create new stylesheets from scratch and apply them to the page import existing stylesheets and apply them to the page to open the style editor choose the "style editor" option from the "web developer" menu (which is a submenu in the "tools" menu on the mac).
... the toolbox will appear at the bottom of the browser window, with the style editor activated: the style editor is divided into three main sections: the style sheet pane on the left the editor on the right the media sidebar.
... the editor pane on the right is the editor pane.
...And 18 more matches
nsIHTMLEditor
editor/idl/nsihtmleditor.idlscriptable please add a summary to this article.
...bute, in astring avalue); void setdocumenttitle(in astring atitle); void setinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setparagraphformat(in astring aparagraphformat); void updatebaseurl(); attributes attribute type description iscssenabled boolean a boolean which is true is the htmleditor has been instantiated with css knowledge and if the css pref is currently checked.
... constants constant value description eleft 0 ecenter 1 eright 2 ejustify 3 methods adddefaultproperty() registers a default style property with the editor.
...And 8 more matches
nsIEditor
« xpcom api reference editor/nsieditor.idlscriptable provides methods and attributes used when editing page content.
...rap = 32, // outputformatflowed = 64, outputabsolutelinks = 258, // outputencodew3centities = 256, outputcrlinebreak = 512, // outputlflinebreak = 1024, outputnoscriptcontent = 2048, // outputnoframescontent = 4096, outputnoformattinginpre = 8192, // outputencodebasicentities=16384, outputencodelatin1entities=32768, // outputencodehtmlentities=65536, outputpersistnbsp=131072 editorapi.outputtostring('text/html', 2); editorapi.outputtostring('text/plain', 4); // output the body tag, body children and the html end tag (</html>).
...editorapi.outputtostring('text/html', 8); // xml: all in xml with _moz_dirty="" in new tags, html tags are in upper case // application/xhtml+xml format do the same editorapi.outputtostring('text/xml', 2); // the body is not recognized, everything is printed void outputtostream(in nsioutputstream astream, in astring formattype, in acstring charsetoverride, in unsigned long flags); listener methods void addeditorobserver(in nsieditorobserver observer);obsolete since gecko 18 void seteditorobserver(in editactionlistener observer); void removeeditorobserver(in nsieditorobserver observer obsolete since gecko 18); void addeditactionlistener(in nsieditactionlistener listener); void removeedi...
...And 7 more matches
Building up a basic demo with PlayCanvas editor - Game development
instead of coding everything from scratch you can also use the online playcanvas editor.
... creating an account the playcanvas editor is free — all you have to do to begin with is register your account and login: when you first sign up, you are taken straight into the editor and given a simple starter tutorial involving editing a 3d rolling ball game.
...by clicking the editor button we'll launch the online playcanvas editor where we'll create our scene with the shapes.
...And 6 more matches
nsIEditorSpellCheck
editor/idl/nsieditorspellcheck.idlnot scriptable provides spell checking commands for nsieditor instances.
... inherits from: nsisupports last changed in gecko 9.0 (firefox 9.0 / thunderbird 9.0 / seamonkey 2.6) implemented by: @mozilla.org/editor/editorspellchecker;1.
... to create an instance, use: var editorspellcheck = components.classes["@mozilla.org/editor/editorspellchecker;1"] .createinstance(components.interfaces.nsieditorspellcheck); method overview void addwordtodictionary(in wstring word); boolean canspellcheck(); void checkcurrentdictionary(); boolean checkcurrentword(in wstring suggestedword); boolean checkcurrentwordnosuggest(in wstring suggestedword); astring getcurrentdictionary(); void getdictionarylist([array, size_is(count)] out wstring dictionarylist, out pruint32 count); wstring getnextmisspelledword(); void getpersonaldictionary(); wstring getpersonaldictionaryword(); wstring getsuggestedword(); void ignorew...
...And 5 more matches
Shader Editor - Firefox Developer Tools
the shader editor enables you to see and edit the vertex and fragment shaders used by webgl.
... with the shader editor, you can examine and edit the source of the vertex and fragment shaders.
... here's another screencast, showing how you can use the shader editor for complex applications (in this case, the unreal engine demo): opening the shader editor the shader editor is disabled by default.
...And 4 more matches
Editor Embedding Guide - Archive of obsolete content
from there you call editingsession->makewindoweditable(domwindow, editortype, pr_true).
... the first parameter is the nsidomwindow you just retrieved, the second is the editor type you want to create, and the third is whether you want the window editable immediately or when the document is done loading.
... in calling this method, the editor is created underneath and the event listeners are all prepa if (ns_failed(rv)) return ns_error_failure; // we are not setup??!!
...And 2 more matches
nsIEditorDocShell
docshell/base/nsieditordocshell.idlscriptable provides a way to get an editor from a specific frame in a docshell hierarchy.
... inherits from: nsisupports last changed in gecko 1.7 use nsieditingsession.makewindoweditable() and nsieditingsession.geteditorforwindow() from out side.
... editor nsieditor gets or sets the editor for the content document.
...And 2 more matches
nsIEditorMailSupport
editor/idl/nsieditormailsupport.idlscriptable provides simple editing actions for the thunderbird mail editor.
...insertascitedquotation() insert a string as quoted text (whose representation is dependent on the editor type), replacing the selected text (if any), including, if possible, a "cite" attribute.
...insertasquotation() insert a string as quoted text (whose representation is dependent on the editor type), replacing the selected text (if any).
...And 2 more matches
editortype - Archive of obsolete content
« xul reference home editortype type: one of the values below the type of editor to use.
... this value will be overridden depending on the content type of the document in the editor.
... html an html editor.
... text a plaintext editor.
editortype - Archive of obsolete content
« xul reference editortype type: one of the values below the type of editor to use.
... this value will be overridden depending on the content type of the document in the editor.
... html an html editor.
... text a plaintext editor.
nsIEditorIMESupport
editor/idl/nsieditorimesupport.idlscriptable please add a summary to this article.
...obsolete since gecko 2.0 attributes attribute type description composing boolean whether this editor has active ime transaction.
...notify for ime when the editor lost focus.
...notify for ime when the editor got focus.
nsIEditorBoxObject
layout/xul/base/public/nsieditorboxobject.idlscriptable please add a summary to this article.
... inherits from: nsicontainerboxobject last changed in gecko 1.9 (firefox 3) the boxobject belonging to a xul editor element implements this interface.
...the editor.xml binding uses this property to gain access to the webnavigation, contentdocument, contentwindow, webbrowserfind, editingsession and commandmanager properties.
Web Audio Editor - Firefox Developer Tools
the web audio editor examines an audio context constructed in the page and provides a visualization of its graph.
... opening the web audio editor the web audio editor is not enabled by default in firefox 32.
...two good demos are: the voice-change-o-matic, which can apply various effects to the microphone input and also provides a visualisation of the result the violent theremin, which changes the pitch and volume of a sine wave as you move the mouse pointer visualizing the graph the web audio editor will now display the graph for the loaded audio context.
getEditor - Archive of obsolete content
« xul reference home geteditor( window ) return type: nsieditor returns the editing interface for the editor which contains numerous methods for manipulating the document.
... pass the editor's contentwindow as the argument.
getHTMLEditor - Archive of obsolete content
« xul reference home gethtmleditor( window ) return type: nsihtmleditor returns the html editing interface for the editor which contains methods for manipulating an html document.
... pass the editor's contentwindow as the argument.
Input method editor - MDN Web Docs Glossary: Definitions of Web-related terms
an input method editor (ime) is a program that provides a specialized user interface for text input.
... input method editors are used in many situations: to enter chinese, japanese, or korean text using a latin keyboard to enter latin text using a numeric keypad to enter text on a touch screen using handwriting recognition ...
Midas editor module security preferences
to protect users' private information, unprivileged scripts cannot invoke the cut, copy, and paste commands in midas, which is mozilla's rich text editor component.
... open the user.js file from that directory in a text editor.
nsIEditorObserver
editor/idl/nsieditorobserver.idlscriptable used by applications wishing to be notified when the editor has completed a user action.
... 66 introduced gecko 1.0 obsolete gecko 18 inherits from: nsisupports last changed in gecko 1.7 method overview void editaction(); methods editaction() called after the editor completes a user action.
editor.type - Archive of obsolete content
« xul reference home type type: string if set to the string content-primary, this editor becomes the primary content for the page.
editor - Archive of obsolete content
« xul reference editor type: nsieditor a reference to the nsieditor for editable text.
Using the Source Editor API
creating an editor destroying the editor common tasks ...
nsIEditorLogging
editor/idl/nsieditorlogging.idlscriptable please add a summary to this article.
IME handling guide
introduction ime is an abbreviation of input method editor.
... each clause is represented with selection in the editor.
...and editor sets these ime selections from mozilla::textrangetype which are sent by mozilla::widgetcompositionevent as mozilla::textrangearray.
...And 45 more matches
Index - Archive of obsolete content
2 .htaccess ( hypertext access ) 301 redirect, cache control, custom error pages, htaccess, permanent redirect, redirect file accessing : htaccess files can be opened using any text editor, like windows notepad, vin, sublime text editor or any other.
...xul, xbl, javascript, and css files are all in text format and can be edited in a standard text editor, while image files are in binary gif, jpg, or png format and must be edited with an image editing program.
... 429 editor embedding guide embedding mozilla, guide, midas, needshelp given an nsiwebbrowser instance, get an nsidomwindow from the getcontentdomwindow call.
...And 21 more matches
How much does it cost to do something on the Web? - Learn web development
software text editors you likely have a text editor: such as, notepad on windows, gedit on linux, textedit on mac.
... you'll have an easier time writing code if you choose an editor that color-codes, checks your syntax, and assists you with code structure.
... many editors are free, for example atom, brackets, bluefish, textwrangler, eclipse, netbeans, and visual studio code.
...And 11 more matches
List of Mozilla-Based Applications - Archive of obsolete content
te remote control for amarok music player ample sdk javascript gui-framework aol instant messenger im client uses nss apache web server doesn't use nss by default, but can be configured to use nss with mod_nss ssl module apicawatch site performance monitoring tool uses firefox as part of its monitoring package astyle css editor editing tool atmail webmail client aviva for java mainframe connectivity product uses mozilla rhino babelgum internet tv service basilisk pre-servo xul-based web browser uses most of the firefox 55 source code batik java-based toolkit uses mozilla rhino bitbox security focused browser seemingly base...
...d on firefox blackbird browser for african american community bluegriffon wysiwyg editor next generation version of composer buzzbird twitter client built on xulrunner camino browser 2.5m downloads and ~400,000 active users ...
... desktop 2 internal browser and portal client expeditors international of washington, inc.
...And 10 more matches
Index - Archive of obsolete content
ArchiveMozillaXULIndex
108 editor.type xul attributes, xul reference no summary!
... 109 editortype xul attributes, xul reference no summary!
... 482 geteditor xul methods, xul reference no summary!
...And 10 more matches
Creating annotations - Archive of obsolete content
annotation editor panel so far we have a page-mod that can highlight elements and send information about them to the main add-on code.
... next we will create the editor panel, which enables the user to enter an annotation associated with the selected element.
... so create a subdirectory under data called editor.
...And 9 more matches
Index
MozillaTechXPCOMIndex
extensions can use this interface to check spelling or provide its own spell checker to editors.
... 432 nsicontainerboxobject interfaces, interfaces:scriptable, needscontent, xpcom, xpcom interface reference the boxobject belonging to a xul browser, editor or iframe element implements this interface.
... 575 nsieditor interfaces, interfaces:scriptable, needscontent, reference, référence(2), xpcom api reference, xpcom interface reference no summary!
...And 8 more matches
Edit Shape Paths in CSS - Firefox Developer Tools
the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape> values.
... activate / deactivate the shape path editor the shape path editor is accessed via the css rules panel, which can be opened as described in the guide to opening the inspector.
... clicking the icon will cause the editor to highlight the shape.
...And 8 more matches
Index - Web APIs
WebAPIIndex
897 document.designmode api, document, html dom, needscontent, needsspectable, property, reference, editor document.designmode controls whether the entire document is editable.
... 908 document.execcommand() api, dom, method, needsexample, reference, editor when an html document has been switched to designmode, its document object exposes an execcommand method to run commands that manipulate the current editable region, such as form inputs or contenteditable elements.
... 951 document.querycommandenabled() css, document, method, reference the document.querycommandenabled() method reports whether or not the specified editor command is enabled by the browser.
...And 8 more matches
Authoring MathML - MathML
html becomes verbose when your document contains advanced structures like lists or tables but fortunately there are many generators from simple notations, wysiwyg editors and other content management systems to help writing web pages.
... pros: writing mathematical expressions may only require a standard text editor.
... cons: this may be harder to use: people must learn a syntax, typos in the code may easily lead to parsing or rendering errors etc the interface is not user-friendly: only code editor without immediate display of the mathematical expression.
...And 8 more matches
Eclipse CDT
for that to work you also either need to find the existing bindings for that key combination (using the bindings column to sort by key combination helps with this) and remove them, or else you need to make your binding very specific by setting the "when" field to "c/c++ editor" instead of the more general "editing text".
...if you want to change this awkward key binding, the command you need to rebind is "next editor".
... organizing views use ctrl-m to toggle maximization of the current editor view (the editor must be focused first).
...And 7 more matches
Test your skills: Selectors - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 6 more matches
What software do I need to build a website? - Learn web development
you'll need tools to: create and edit webpages upload files to your web server view your website nearly all operating systems by default include a text editor and a browser, which you can use to view websites.
... dig deeper creating and editing webpages to create and edit a website, you need a text editor.
... text editors create and modify unformatted text files.
...And 6 more matches
nsISHEntry
nsdocshelleditordataptr forgeteditordata(); violates the xpcom interface guidelines nsicontentviewer getanycontentviewer(out nsishentry ownerentry); void getscrollposition(out long x, out long y); void getviewerbounds(in nsintrect bounds); native code only!
... boolean hasdetachededitor(); violates the xpcom interface guidelines boolean hasdynamicallyaddedchild(); boolean isdynamicallyadded(); void seteditordata(in nsdocshelleditordataptr adata); violates the xpcom interface guidelines void setissubframe(in boolean aflag); void setscrollposition(in long x, in long y); void settitle(in astring atitle); void setuniquedocidentifier(); void seturi(in nsiuri auri); void setviewerbounds(in nsintrect bounds); native code only!
..., in nsiinputstream inputstream, in nsilayouthistorystate layouthistorystate, in nsisupports cachekey, in acstring contenttype, in nsisupports owner, in unsigned long long docshellid, in boolean dynamiccreation ); parameters uri title inputstream layouthistorystate cachekey contenttype owner docshellid dynamiccreation violates the xpcom interface guidelines forgeteditordata() gets the owning pointer to the editor data assosicated with this shistory entry.
...And 6 more matches
All keyboard shortcuts - Firefox Developer Tools
x (if the toolbox is in a separate window and in foreground) ctrl + shift + i or f12 cmd + opt + i or f12 ctrl + shift + i or f12 open web console 1 ctrl + shift + k cmd + opt + k ctrl + shift + k toggle "pick an element from the page" (opens the toolbox and/or focus the inspector tab) ctrl + shift + c cmd + opt + c ctrl + shift + c open style editor shift + f7 shift + f7 * shift + f7 open profiler shift + f5 shift + f5 * shift + f5 open network monitor 2 ctrl + shift + e cmd + opt + e ctrl + shift + e toggle responsive design mode ctrl + shift + m cmd + opt + m ctrl + shift + m open browser console ctrl + shift + j cmd + shift + j ctrl + shift + j open ...
... command windows macos linux increase font size ctrl + + cmd + + ctrl + + decrease font size ctrl + - cmd + - ctrl + - reset font size ctrl + 0 cmd + 0 ctrl + 0 source editor this table lists the default shortcuts for the source editor.
... in the editor preferences section of the developer tools settings, you can choose to use vim, emacs, or sublime text key bindings instead.
...And 6 more matches
Capabilities, constraints, and settings - Web APIs
below all of that, you'll see the video itself.</p> <p>click the "start" button to begin.</p> <h3>constrainable properties available:</h3> <ul id="supportedconstraints"> </ul> <div id="startbutton" class="button"> start </div> <div class="wrapper"> <div class="trackrow"> <div class="leftside"> <h3>requested video constraints:</h3> <textarea id="videoconstrainteditor" cols=32 rows=8></textarea> </div> <div class="rightside"> <h3>actual video settings:</h3> <textarea id="videosettingstext" cols=32 rows=8 disabled></textarea> </div> </div> <div class="trackrow"> <div class="leftside"> <h3>requested audio constraints:</h3> <textarea id="audioconstrainteditor" cols=32 rows=8></textarea> </div> <div class="rights...
... let videoelement = document.getelementbyid("video"); let logelement = document.getelementbyid("log"); let supportedconstraintlist = document.getelementbyid("supportedconstraints"); let videoconstrainteditor = document.getelementbyid("videoconstrainteditor"); let audioconstrainteditor = document.getelementbyid("audioconstrainteditor"); let videosettingstext = document.getelementbyid("videosettingstext"); let audiosettingstext = document.getelementbyid("audiosettingstext"); these elements are: videoelement the <video> element that will show the stream.
... videoconstrainteditor a <textarea> element that lets the user edit the code for the video track's constraint set.
...And 6 more matches
Scratchpad - Archive of obsolete content
this is especially useful in split console mode: you can use scratchpad for a persistent, multiline editor, and the console to interact with the page.
... for example, if you enter the code: window then choose inspect, the object inspector is shown that looks something like this: display the display option executes the selected code, then inserts the result directly into your scratchpad editor window as a comment, so you can use it as a repl.
...reate a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl + p cmd + p ctrl + p show autocomplete suggestions ctrl + space ctrl + space ctrl + space show inline documentation ctrl + shift + space ctrl + shift + space ctrl + shift + space source editor shortcuts this table lists the default shortcuts for the source editor.
...And 5 more matches
Visual-js game engine - Game development
full name : visual-js gui for windows multiplatform 2d game engine creator : nikola lukic 2017 2018 open source visual-js project parts : -2d part : this is javascript game engine (server part node.js / client part js) js framework with windows gui editor and game instance creator.
... now you can use on-page-editor (nice for visual setup , checking positions and dimensions - not for logic ) .
... manual start from cmd : server_folder/node editor.js after starting on-page-editor open browser icon to open internet browser in editor mode .
...And 5 more matches
Test your skills: HTML accessibility - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 5 more matches
Test your skills: Flexbox - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 5 more matches
Test your skills: Grid Layout - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 5 more matches
Installing basic software - Learn web development
a text editor, to write code in.
... this could be a text editor (e.g.
... visual studio code, notepad++, sublime text, atom, gnu emacs, or vim), or a hybrid editor (e.g.
...And 5 more matches
Test your skills: Conditionals - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
...And 5 more matches
Test your skills: Strings - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 5 more matches
Eclipse CDT Manual Setup
select "general > editors > text editors".
...(note that the format settings under "general > editors > text editors" have no effect in c/c++ views, since the c/c++ settings are more specific and override those settings.
... however, you may still want to tweak those settings if you'll be editing other file types in eclipse.) select "c/c++ > editor" and set "workspace default" to "doxygen".
...And 5 more matches
Address Book examples
for example, in order to register a load listener for a contact, the following should take place within the scope of the contact editor dialog: /* an example load listener for a contact * acard the nsiabcard being loaded * adocument a reference to the contact editor document */ function foo(acard, adocument) { // do something useful, like disabling // input fields that cards for this // address book type do not support.
... photo handlers photo handlers allow developers to customize the behavior of the contact editor when loading or saving contact photos.
... a photo handler defines the behavior of the contact editor for a particular photo type.
...And 5 more matches
Migrating from Firebug - Firefox Developer Tools
multi-line command line firebug's console has a multi-line command line called command editor.
... the devtools do not have a side panel like the command editor (which is requested in bug 1133849), but therefore has a separate tool called scratchpad, which can be added as panel to the toolbox or opened in a separate window via firefox menu > developer > scratchpad or shift + f4.
... style editor the style editor in the firefox devtools allows you to examine and edit the different css style sheets of a page like firebug's css panel does it.
...And 5 more matches
Examine and edit CSS - Firefox Developer Tools
you can: toggle pseudo-classes; toggle classes; add a new rule; change the display based on the color scheme preference (as of firefox 72, you must set devtools.inspector.color-scheme-simulation.enabled to true in the configuration editor to enable this feature); change the display based on print media rules.
... link to css file at the top right of each rule, the source filename and line number is displayed as a link: clicking it opens the file in the style editor.
...that means that if you are using a css preprocessor that has support for source maps, and you've enabled source map support in the style editor settings, then the link will take you to the original source, not the generated css.
...And 5 more matches
Settings - Firefox Developer Tools
style editor show original sources when a css preprocessor supporting source maps is used, this enables the style editor to display the original, preprocessor, sources rather than the generated css.
... learn more about style editor support for css source maps.
... autocomplete css enable the style editor to offer autocomplete suggestions.
...And 5 more matches
Getting Started - Archive of obsolete content
skin\classic\editor editor contains files of composer.
...into this directory put a zip archive called my_theme.jar containing navigator, global, communicator, editor, help, messenger, messenger-newsblog and mozapps directories from above.
...chrome.manifest make a copy of chrome.manifest and place it in \my_theme and open it up in your text editor.
...And 4 more matches
Getting Started - Archive of obsolete content
to point mozilla at the correct files we need to open up \mozilla\chrome\installed-chrome.txt in a text editor.
...they contain the images/styles for the browser, email client, or html editor.
...go into \mozilla\chrome\classic\skin\classic\global and open button.css in your favourite text editor.
...And 4 more matches
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
your operating system normally provides them: a way to create and work with files and directories a text editor for plain text files character encoding some text editors have a setting for character encoding.
... if your language uses only plain latin (ascii) characters, set your text editor to use any encoding except unicode.
... if your language uses accents or other non-latin characters, set your text editor to save files using the utf-8 encoding.
...And 4 more matches
Visual JS GE - Game development
visual-js gameengine is a small but comprehensive canvas/websocket-based game engine with gui source editor only for windows.
...some apps might need to have local storage, for instance, editor.js.
... you need to edit the config file to include the correct paths to the node app and project instance, as indicated below: module.exports = { version : "0.5", path_of_node_app : "d:/path_to_server_instance_folder/server/" , // edit here path_of_www : "d:/xamp/htdocs/project_instance/", // path_to_www edit here editor_port : "1013", reg_path : "users/", account_port : 3666 , destroy_session_after_x_mseconds : 20000, }; local node.js application tools (uses in developer mode only) the following section provides information about the tools involved in visual-js game engine.
...And 4 more matches
Test your skills: CSS and JavaScript accessibility - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: WAI-ARIA - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: The Box Model - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: sizing - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: values and units - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Writing Modes and Logical Properties - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: floats - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Multicol - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Advanced styling - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Basic controls - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Other controls - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: HTML text basics - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
...try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Links - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: HTML images - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Multimedia and embedding - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Events - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Functions - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Arrays - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Math - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: variables - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Object-oriented JavaScript - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
Test your skills: Object basics - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 4 more matches
SVG Guidelines
authoring guidelines a lot of svg files (particularly those generated by svg editors) ship without being cleaned up and can contain a ton of junk that bloats the file size and slows down rendering.
... unused tags and attributes editor metadata vector editors (inkscape, adobe illustrator, sketch) usually add a bunch of metadata in svg files while saving them.
... metadata can mean many things, including: the typical "created with editor" comments non-standard editor specific tags and attributes (sketch:foo, illustrator:foo, sopodi:foo, …) the xml namespace definition that comes with the latter (xmlns:sketch, xmlns:sopodi, …) other metadata in addition to non-standard editor metadata, standard compliant metadata also exists.
...And 4 more matches
Edit fonts - Firefox Developer Tools
note: the updated font tools as shown in this article are available in firefox 63 onwards; if you are using an older version of firefox the tools will not look or behave quite the same, but they will be similar (most notably the font editor will not be available).
... the new fonts editor.
... fonts used the top section of the font editor shows the fonts used by the currently inspected element, grouped by font family.
...And 4 more matches
New Skin Notes - Archive of obsolete content
if this is going to be the default skin used by editors, they are unacceptably small.
... --nickolay 01:59, 25 aug 2005 (pdt) i'm planning on doing up a special skin for editors in the future (with the edit tools and such closer to the top, etc).
...--dria but if the editors use a different skin, they won't have an easy way to make sure the pages look good to end-users.
...And 3 more matches
Custom toolbar button - Archive of obsolete content
your operating system normally provides them: a way to create and work with files and directories a text editor for plain text files character encoding some text editors have a setting for character encoding.
... if your language uses only plain latin (ascii) characters, set your text editor to use any encoding except unicode.
... if your language uses accents or other non-latin characters, set your text editor to save files using the utf-8 encoding.
...And 3 more matches
XUL Explorer - Archive of obsolete content
it’s a simple editor that can preview xul inline or in a separate popup window.
... it has a list of code snippets (small fragments of xul or javascript) that can be quickly inserted into the editor.
... roadmap features: the preview pane can be toggled with the editor.
...And 3 more matches
Building up a basic demo with PlayCanvas - Game development
it is open sourced on github, with an editor available online and good documentation.
... the online editor is free for public projects with up to two team members, but there are also paid plans if you'd like to run a commercial private project with more developers.
... engine vs editor the engine itself can be used as a standard library by including its javascript file directly in your html, so you can start coding right away; in addition the playcanvas toolset comes with an online editor that you can use to drag and drop components onto the scene — a great way to create games and other apps requiring scenes if you're more of a designer than a coder.
...And 3 more matches
Test your skills: Images and Form elements - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: Overflow - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the example as displayed in the image: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: backgrounds and borders - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... the finished example should look like the image below: try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: position - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: Form validation - Learn web development
download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: HTML5 controls - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
...create appropriate inputs for a user to update their details for: email website phone number favourite color try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: Advanced HTML text - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
Test your skills: Loops - Learn web development
download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
... download the starting point for this task to work in your own editor or in an online editor.
...And 3 more matches
TypeScript support in Svelte - Learn web development
rich ide support: type information allows code editors and ides to offer features like code navigation, autocompletion, and smarter hints.
... improved developer experience with typescript typescript provides code editors and ides with lots of information to allow them to deliver a friendlier development experience.
... there is work in progress to support typescript in svelte projects in several code editors; the most complete support so far is available in the svelte for vs code extension, which is developed and maintained by the svelte team.
...And 3 more matches
Introducing a complete toolchain - Learn web development
many of today's code editors (such as vs code and atom) have integration support for a lot of tools via plugins.
... you can interact with git in a number of different ways, from using the command line to issue commands, to using a git gui app to issue the same commands by pushing buttons, or even from directly inside your code editor, as seen in the visual studio code example below: anyway, installing git is all we need to do for now.
... using code editor plugins to run prettier commands each time a file is saved.
...And 3 more matches
Deprecated tools - Firefox Developer Tools
alternatives in firefox 71+, you can write multi-line javascript code in the web console editor mode, making it similar to the scratchpad.
... the editor mode can be triggered clicking on the icon on the right of the console input, or with ctrl + b (cmd + b on macos) when in editor mode, the enter key adds a new line in the input, and you can evaluate the expression using ctrl + enter (cmd + enter on macos).
... web audio editor bugzilla issue: bug 1403944 removed as of firefox 67 description the web audio editor allowed you to examine an audio context constructed in the page and provided a visualization of its graph.
...And 3 more matches
Source code directories overview - Archive of obsolete content
the editor directory in seamonkey).
...txmgr in the editor directory in seamonkey).
... editor contains c interfaces, c code and xul for the embeddable editor component which can edit both plain text and html.
...And 2 more matches
Layout System Overview - Archive of obsolete content
one very special case of dynamic content manipulation is the html editor.
... layout is used to implement both a full-blown wysiwyg html editor, and a single and multi-line text entry control.
...in the case of the wysiwyg html editor, the user expects that the modifications they make to the document will appear immediately, not seconds later.
...And 2 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
mozilla 1.3 introduced an implementation of internet explorer's designmode feature, which turns an html document into a rich text editor field.
... once turned into the editor, commands can run on the document through the execcommand command.
...alternatively, you could use an iframe to add a rich text editor.
...And 2 more matches
XUL FAQ - Archive of obsolete content
are there decent visual editors for laying out xul applications?
... there are no production-quality visual editors available for xul.
... the recommended way is to edit xul by hand, possibly with the help of a good text or xml editor.
...And 2 more matches
Test your skills: The Cascade - Learn web development
note: you can try out solutions in the interactive editors below, however, it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... assessment or further help you can practice these examples in the interactive editors mentioned above.
...And 2 more matches
Test your skills: tables - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... for assessment or further work purposes, download the starting point for this task to work in your own editor or in an online editor.
... assessment or further help you can practice these examples in the interactive editors mentioned above.
...And 2 more matches
Getting started with CSS - Learn web development
it contains an <em>emphasized</em> element.</p> <ul> <li>item one</li> <li>item two</li> <li>item <em>three</em></li> </ul> </body> </html> note: if you are reading this on a device or an environment where you can't easily create files, then don't worry — live code editors are provided below to allow you to write example code right here in the page.
...using your code editor add the following to your css file: h1 { color: red; } save your html and css files and reload the page in a web browser.
... you can continue to work in styles.css locally, or you can use our interactive editor below to continue with this tutorial.
...And 2 more matches
Test your skills: Form structure - Learn web development
note: you can try out the solution in the interactive editor below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... download the starting point for this task to work in your own editor or in an online editor.
... assessment or further help you can practice this example in the interactive editor above.
...And 2 more matches
nsIDocShell
torage(in nsiprincipal principal, in nsidomstorage storage); void addstate(in nsivariant adata, in domstring atitle, in domstring aurl, in boolean areplace); void beginrestore(in nsicontentviewer viewer, in boolean top); void createaboutblankcontentviewer(in nsiprincipal aprincipal); void createloadinfo(out nsidocshellloadinfo loadinfo); void detacheditorfromwindow(); violates the xpcom interface guidelines void finishrestore(); void firepagehidenotification(in boolean isunload); native code only!
... app_type_editor 2 this is the value of the apptype attribute used by thunderbird and seamonkey to indicate that email messages or web pages are composed in this window.
... violates the xpcom interface guidelines detacheditorfromwindow() disconnects this docshell's editor from its window, and stores the editor data in the open document's session history entry.
...And 2 more matches
Thunderbird Configuration Files
config editor many of the tips and tricks mentioned on this site can be applied by using the built-in config editor.
... to access the config editor, go to tools > options or do thunderbird > preferences.
... if you are on mac os x, and on linux do edit > preferences on, select the advanced options panel, click on the general tab, and click on config editor.
...And 2 more matches
ime-mode - CSS: Cascading Style Sheets
WebCSSime-mode
the ime-mode css property controls the state of the input method editor (ime) for text fields.
... values auto no change is made to the current input method editor state.
... active the input method editor is initially active; text entry is performed through it unless the user specifically dismisses it.
...And 2 more matches
Rich-Text Editing in Mozilla - Developer guides
the rich-text editing support in mozilla 1.3 supports the designmode feature which turns html documents into rich-text editors.
... figure 3 : setting up rich-text editing html: <body onload="load()"> javascript: function load(){ getiframedocument("editorwindow").designmode = "on"; } function getiframedocument(aid){ // if contentdocument exists, w3c compliant (mozilla) if (document.getelementbyid(aid).contentdocument){ return document.getelementbyid(aid).contentdocument; } else { // ie return document.frames[aid].document; } } the example contains a doricheditcommand function that makes it easier to execute commands on the i...
... figure 4 : executing rich editing commands html: <button onclick="doricheditcommand('bold')" style="font-weight:bold;">b</button> javascript: function doricheditcommand(aname, aarg){ getiframedocument('editorwindow').execcommand(aname,false, aarg); document.getelementbyid('editorwindow').contentwindow.focus() } example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmod...
...And 2 more matches
context-menu - Archive of obsolete content
var cm = require("sdk/context-menu"); cm.item({ label: "edit image", context: cm.selectorcontext("img"), contentscript: 'self.on("click", function (node, data) {' + ' self.postmessage(node.src);' + '});', onmessage: function (imgsrc) { openimageeditor(imgsrc); } }); updating a menu item's label each menu item must be created with a label, but you can change its label later using a couple of methods.
...geurl) { editsource(pageurl); } }); show an "edit image" item when the menu is invoked on an image: var cm = require("sdk/context-menu"); cm.item({ label: "edit image", context: cm.selectorcontext("img"), contentscript: 'self.on("click", function (node, data) {' + ' self.postmessage(node.src);' + '});', onmessage: function (imgsrc) { openimageeditor(imgsrc); } }); show an "edit mozilla image" item when the menu is invoked on an image in a mozilla.org or mozilla.com page: var cm = require("sdk/context-menu"); cm.item({ label: "edit mozilla image", context: [ cm.urlcontext(["*.mozilla.org", "*.mozilla.com"]), cm.selectorcontext("img") ], contentscript: 'self.on("click", function (node, data) {' + ' self.po...
...stmessage(node.src);' + '});', onmessage: function (imgsrc) { openimageeditor(imgsrc); } }); show an "edit page images" item when the page contains at least one image: var cm = require("sdk/context-menu"); cm.item({ label: "edit page images", // this ensures the item only appears during the page context.
... 'self.on("click", function (node, data) {' + ' var imgs = document.queryselectorall("img");' + ' var imgsrcs = [];' + ' for (var i = 0 ; i < imgs.length; i++)' + ' imgsrcs.push(imgs[i].src);' + ' self.postmessage(imgsrcs);' + '});', onmessage: function (imgsrcs) { openimageeditor(imgsrcs); } }); show a "search with" menu when the user right-clicks an anchor that searches google or wikipedia with the text contained in the anchor: var cm = require("sdk/context-menu"); var googleitem = cm.item({ label: "google", data: "http://www.google.com/search?q=" }); var wikipediaitem = cm.item({ label: "wikipedia", data: "http://en.wikipedia.org/wiki/special:search?search="...
The Essentials of an Extension - Archive of obsolete content
you can open it with any text editor.
...if we open the chrome.manifest file (again, any text editor will do), we see that the same 3 sections are mentioned: content xulschoolhello content/ skin xulschoolhello classic/1.0 skin/ locale xulschoolhello en-us locale/ the chrome.manifest file tells firefox where to look for chrome files.
...this feels very restrictive, specially with xml files, but the number was chosen to allow pretty much any text editor to handle these files easily.
... even old command line editors work well with files that cut their lines at 80 characters.
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
(yes, this means that the structure of your new directory and classic.jar will be slightly different.) creating the install files contents.rdf make a copy of contents.rdf, place it in \my_theme and open it up in your text editor.
... <rdf:li resource="urn:mozilla:skin:my_theme:communicator"/> <rdf:li resource="urn:mozilla:skin:my_theme:editor"/> <rdf:li resource="urn:mozilla:skin:my_theme:global"/> <rdf:li resource="urn:mozilla:skin:my_theme:messenger"/> <rdf:li resource="urn:mozilla:skin:my_theme:navigator"/> save the file and exit the text editor.
... install.rdf make a copy of install.rdf and place it in the my_theme directory, then open it up in your text editor.
... go into the global global directory and open button.css in your favorite text editor.
Tamarin build documentation - Archive of obsolete content
preparing your eclipse workspace and perspective open the c/c++ perspective open the 'c/c++ projects' view (window >> show view >> c/c++ projects) add view filter 'non-c elements' (in the top-right of the 'c/c++ projects' view, click the down-arrow, click 'filters...', check 'non-c elements') increase the threshold for 'editor scalability mode' to 20000 lines.
...the threshold can be adjusted in eclipse preferences >> c/c++ >> editor >> scalability.
...what we want is to have the indexer track the currently selected build config (so the correct conditional compiles are highlighted in the editor).
...acos with the gcc 4.0 toolchain: mac-32-release mac-64-release mac-32-debug mac-64-debug mac-32-release-debugger mac-64-release-debugger mac-32-debug-debugger mac-64-debug-debugger the build location will be project_root/build_name/avm note: as discussed above, the c++ indexer has been setup to track the current build config, so the correct conditional compiles are highlighted in the editor run/debug from eclipse for test purposes, a launch config (running the helloworld test from esc) has been included for each of the build configs.
Index - Game development
18 building up a basic demo with playcanvas 3d, animation, beginner, canvas, games, playcanvas, tutorial, webgl, camera, lighting, rendering of course, it depends on your approach — designers may favor the online editor while programmers will prefer having the full control over the coding environment and will probably use the engine's source files.
... 19 building up a basic demo with playcanvas editor 3d, animation, beginner, canvas, games, lightning, online, playcanvas, tutorial, webgl, camera, editor, rendering now you can check the playcanvas engine article if you haven't seen it yet, go back to the building up a basic demo with playcanvas page, or go back a level higher to the main 3d games on the web page.
... 20 building up a basic demo with the playcanvas engine 3d, animation, beginner, canvas, games, playcanvas, tutorial, webgl, camera, engine, lighting, rendering now you can continue reading the playcanvas editor article, go back to the building up a basic demo with playcanvas page, or go back a level higher to the main 3d games on the web page.
... 72 visual js ge canvas, javascript, server, game engine visual-js gameengine is a small but comprehensive canvas/websocket-based game engine with gui source editor only for windows.
Assessment: Accessibility troubleshooting - Learn web development
you could paste the html, css, and javascript into one of these online editors.
... if the online editor you are using doesn't have a separate css/js panel, feel free to put them in appropriate <style> / <script> elements.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
A cool-looking box - Learn web development
you could paste the html and fill in the css into one of these online editors.
... if the online editor you are using doesn't have a separate css panel, feel free to put it in a <style> element in the head of the document.
... example the following screenshot shows an example of what the finished design could look like: assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Creating fancy letterheaded paper - Learn web development
you could paste the html and fill in the css into one of these online editors.
... if the online editor you are using doesn't have a separate css panel, feel free to put it in a <style> element in the head of the document.
... example the following screenshot shows an example of what the finished design could look like: assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Fundamental CSS comprehension - Learn web development
you could paste the html and fill in the css into one of these online editors, and use this url to point the <img> element to the image file.
... if the online editor you are using doesn't have a separate css panel, feel free to put it in a <style> element in the head of the document.
... example the following screenshot shows an example of what the finished design should look like: assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Test Your Skills: Fundamental layout comprehension - Learn web development
note: you can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
... assessment or further help you can practice these examples in the interactive editors mentioned above.
... if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Test your skills: Media Queries and Responsive Design - Learn web development
note: due to the need to test your design in multiple screen sizes we do not have an interactive editor for this task.
... assessment or further help you can practice these examples in the interactive editors mentioned above.
... if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Typesetting a community school homepage - Learn web development
you could paste the html and fill in the css into one of these online editors, and use this url to point the background image.
... if the online editor you are using doesn't have a separate css panel, feel free to put it in a <style> element in the head of the document.
... example the following screenshot shows an example of what the finished design could look like: assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Test your skills: Styling basics - Learn web development
download the starting point for this task to work in your own editor or in an online editor.
... assessment or further help you can practice these examples in the interactive editors above.
... if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Mozilla splash page - Learn web development
then save pattern.png in the same directory (right click on the image to get an option to save it.) access the different images in the originals directory and save them in the same way; you'll want to save them in a different directory for now, as you'll need to manipulate (some of) them using a graphics editor before they're ready to be used.
...the following subsections detail what you need to do: preparing images using your favourite image editor, create 400px wide and 120px wide versions of: firefox_logo-only_rgb.png firefox-addons.jpg mozilla-dinosaur-head.png call them something sensible, e.g.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online editor.
Assessment: Structuring planet data - Learn web development
you could paste the html, css and javascript into one of these online editors.
... if the online editor you are using doesn't have separate javascript/css panels, feel free to put them inline <script>/<style> elements inside the html page.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Index - Learn web development
34 what text editors are available?
... beginner, composing, guide, tools, text editor a website consists mostly of text files, so for a fun, pleasant development experience you should choose your text editor wisely.
... 41 installing basic software beginner, browser, learn, setup, tools, webmechanics, l10n:priority, text editor that looks like a scary list, but fortunately, you can get started in web development without knowing anything about most of these.
... in this article, we'll just set you up with a bare minimum — a text editor and some modern web browsers.
Image gallery - Learn web development
you could paste the html, css and javascript into one of these online editors.
... if the online editor you are using doesn't have separate javascript/css panels, feel free to put them inline <script>/<style> elements inside the html page.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Drawing graphics - Learn web development
first make a local copy of our 0_canvas_start.html file, and open it in your text editor.
... make another fresh copy of our canvas template (1_canvas_template.html) and open it in your code editor.
... make another fresh copy of our canvas template (1_canvas_template.html) and open it in your code editor.
... if you open index.html in your code editor, you'll see that it has two <script> elements — the first one attaching three.min.js to the page, and the second one attaching our main.js file to the page.
Silly story generator - Learn web development
you could paste the html, css and javascript into one of these online editors.
... if the online editor you are using doesn't have a separate javascript panel, feel free to put it inline in a <script> element inside the html page.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Adding features to our bouncing balls demo - Learn web development
you could paste the html, css and javascript into one of these online editors.
... if the online editor you are using doesn't have separate javascript/css panels, feel free to put them inline <script>/<style> elements inside the html page.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Handling common HTML and CSS problems - Learn web development
many code editors have linter plugins.
... github's atom code editor for example has a rich plugin ecosystem available, with many linting options.
... other popular editors have similar linting packages available.
...(explaining how these work is somewhat beyond the scope of this article.) you can also use a plugin for a text editor such as atom or sublime text.
Handling common JavaScript problems - Learn web development
code editor plugins it is not very convenient to have to copy and paste your code over to a web page to check its validity several times.
...many code editors have linter plugins, for example github's atom code editor has a jshint plugin available.
... other popular editors have similar linting packages available.
... for example, see the "plugins for text editors and ides" section of the jshint install page.
ESLint
this automatic linting can happen either while coding, in a code editor, or when using the command line.
... editor integration it is highly recommended that you integrate eslint into your editor.
... see the eslint user guide for which plugins to install in your editor.
... more information: outline details of the rules rule source code common issues and how to solve them my editor says that "mozilla/whatever" is unknown run ./mach eslint --setup restart your editor if that doesn't work, check that you have your editor pointing to the correct node_modules folder.
Application Translation with Mercurial
file and text editor for editing individual files a text editor can be a better choice than a file comparion program, e.g.
...use a text editor you are comfortable with.
...this can be done in a text editor or word processor or any other tool in which you can attach different kind of states to the individual texts to translate.
... now go in the file system to the file and open it in your favorite text editor.
nsITextInputProcessor
tip.appendclausetopendingcomposition("foo-".length, tip.attr_converted_clause); tip.appendclausetopendingcomposition("bar".length, tip.attr_selected_clause); tip.appendclausetopendingcomposition("-buzz".length, tip.attr_converted_clause); // then, sets the caret if you need tip.setcaretinpendingcomposition("foo-bar".length); // finally, flush the pending composition on the focused editor if (!tip.flushpendingcomposition()) { return; // composition is not started } if there is no composition, flushpendingcomposition() starts composition with dispatching compositionstart event automatically.
... boolean begininputtransaction(in nsidomwindow awindow, in nsitextinputprocessorcallback acallback); parameters awindow the dom window which has focused editor.
... boolean begininputtransactionfortests(in nsidomwindow awindow, in nsitextinputprocessorcallback acallback optional); parameters awindow the dom window which has focused editor.
... flushpendingcomposition() flushes the pending composition which are set by setpendingcompositionstring(), appendclausetopendingcomposition(), and setcaretinpendingcomposition() on the focused editor.
nsITextInputProcessorNotification
this is typically notified when user clicks somewhere, focus is moved, or web contents modify the value of the editor during composition.
... this is typically notified when the editor is being removed from the dom tree during composition.
... "notify-focus" when an editable editor gets focus, this is notified.
... "notify-blur" when an editable editor loses focus, this is notified.
Index - Firefox Developer Tools
58 edit css filters css, devtools, filters, page inspector, tools css filter properties in the rules view have a circular gray and white swatch next to them: 59 edit shape paths in css css, devtools, page inspector, rules view, tools, highlighter, shapes the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape> values.
... 104 shader editor the shader editor enables you to see and edit the vertex and fragment shaders used by webgl.
... 111 style editor css, stylesheets, tools, web development, web development:tools the style editor enables you to: 112 taking screenshots screenshot, tools you can use the developer tools to take a screenshot of the entire page, or of a single element in the page.
...to activate view source: 145 web audio editor firefox, mozilla, tools, web audio api with the web audio api, developers create an audio context.
Element - Web APIs
WebAPIElement
composition events compositionend fired when a text composition system such as an input method editor completes or cancels the current composition session.
... compositionstart fired when a text composition system such as an input method editor starts a new composition session.
... compositionupdate fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor.
... editor's draft added the undoscope and undomanager properties.
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
http://hyperstruct.net/projects/mozunit after relaunching, set up the editor you’ll use to write tests.
... open the about:config screen and edit the extensions.mozlab.mozunit.editor property.
... c:\app\meadow\bin\gnuclientw.exe +%l:%c %f note that, at least in these tests, you will not be able to edit program files in your editor.
Setting Up a Development Environment - Archive of obsolete content
« previousnext » getting the right tools there are 3 tools that we think are essential for effective add-on development (or any kind of development, really): a source code editor, a source control system, and a build system.
...on the other hand, extensions use the same (or similar) languages that are used for web development, so most text editors and ides are up to the task.
...that is more than what you can get with most other editors, so we recommend you to give it a try.
CSS3 - Archive of obsolete content
some modules, like selectors 4 or css borders and backgrounds level 4 already have an editor's draft, though they haven't yet reached the first published working draft status.
... the ability to control the usage of an ime editor, using the css ime-mode property.
... motion path module level 1 working draft css fonts module level 4 working draft css easing functions level 1 working draft css logical properties and values level 1 editor's draft modules in the revising phase modules that are in the revising phase are much less stable than those in the refining phase.
Elements - Archive of obsolete content
the following xul display types may be used: browser, button, checkbox, description, editor, grippy, iframe, image, label, menu, menuitem, menubar, progressmeter, radio, resizer, scrollbar, scrollbox, spacer, splitter, titlebar, treechildren and treecol.
... [editor's note: a forthcoming dom events specification will presumably outline the list of valid keycode strings.] if this attribute is present, then its value must match the keycode field of the dom key event object in order for the handler to fire.
... [editor's note: as dom events mature more attributes may be added.
Installer Script - Archive of obsolete content
registerchrome(content | delayed_chrome, getfolder(cf,"browser.xpi"),"content/editor/"); 46.
... registerchrome(skin | delayed_chrome, getfolder(cf,"modern.jar"),"skin/modern/editor/"); 49.
... registerchrome(skin | delayed_chrome, getfolder(cf,"classic.jar"),"skin/classic/editor/"); 55.
Using Visual Studio as your XUL IDE - Archive of obsolete content
compared to a simple text-editor, visual studio gives you some special features when writing xul: intellisense / autocompletion for elements and attributes validation syntax coloring (okay, more sophisticated editors like notepad++ provide this as well) before you can use all of this, you have to adjust visual studio a little.
...setting the correct editor as xul files are nothing but xml, you can use the normal xml-editor for writing xul.
...> text editor > file extension and add the extension "xul" with "xml editor".
XULRunner Hall of Fame - Archive of obsolete content
github bluegriffon the next-generation web editor based on the rendering engine of firefox.
...build instructions kirix strata a new specialty browser for accessing and manipulating data from the web telekast an open source teleprompter and script editor.
...source google adwords editor adwords editor is google's free, downloadable account management application for your computer.
xbDesignMode.js - Archive of obsolete content
* * contributor(s): doron rosenberg <doron@netscape.com> (original author) * * * * ***** end license block ***** */ /* xbdesignmode a javascript wrapper for browsers that support designmode */ function xbdesignmode(aiframe){ this.meditordocument = null; this.miframeelement = null; // argument is a string, therefore an id if ( (typeof(aiframe) == "string") && (document.getelementbyid(aiframe).tagname.tolowercase()=="iframe") ){ this.miframeelement = document.getelementbyid(aiframe); } else if( (typeof(aiframe)=="object") && (aiframe.tagname.tolowercase() == "iframe") ){ this.miframeelement = aiframe; } else { ...
... throw "argument isn't an id of an iframe or an iframe reference"; } if (this.miframeelement.contentdocument){ // gecko this.meditordocument = this.miframeelement.contentdocument; this.meditordocument.designmode = "on"; } else { // ie this.meditordocument = this.miframeelement.contentwindow.document; this.meditordocument.designmode = "on"; // ie needs to reget the document element after designmode was set this.meditordocument = this.miframeelement.contentwindow.document; } } xbdesignmode.prototype.execcommand = function (acommandname, aparam){ if (this.meditordocument) this.meditordocument.execcommand(acommandname, false, aparam); else throw "no meditordocument found"; } xbdesignmode.prototype.setcsscreation = function (ausecss){ if (thi...
...s.meditordocument) this.meditordocument.execcommand("usecss", false, ausecss); else throw "no meditordocument found"; } ...
Archived Mozilla and build documentation - Archive of obsolete content
helper apps (and a bit of save as) hidden prefs this page has been flagged by editors or users as needing technical review.
...it’s a simple editor that can preview xul inline or in a separate popup window.
... it has a list of code snippets (small fragments of xul or javascript) that can be quickly inserted into the editor.
Common Firefox theme issues and solutions - Archive of obsolete content
it is a companion document to the amo editors guide common theme problems, which provides editors with "boilerplate" copy and paste review notes for common theme issues.
...entity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, #identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { -moz-image-region: rect(0, 48px, 16px, 32px); } #page-proxy-favicon[pageproxystate="invalid"] { opacity: 0.5; } for more information about identity boxes please see the identity box section of the amo editors theme review guidelines no visual clue for disabled url bars there needs to be a visual clue when url bar is disabled.
... resources amo editors theme testing guidelines when developing and testing your themes, please refer to the theme testing guidelines amo editors use to review themes.
3D games on the Web - Game development
there are other popular game development libraries and frameworks worth checking too; a-frame, playcanvas and babylon.js are among the most recognizable ones with rich documentation, online editors and active communities.
... building up a basic demo with playcanvas playcanvas is a popular 3d webgl game engine open-sourced on github, with an editor available online and good documentation.
... see the building up a basic demo with playcanvas subpage for higher-level details, and further articles showing how to create demos using the playcanvas library, and the online editor.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
an ide normally consists of a source code editor, build automation tools and a debugger.
... 233 input method editor glossary an input method editor (ime) is a program that provides a specialized user interface for text input.
... input method editors are used in many situations: 234 instance beginner, codingscripting, glossary, javascript, needsexample, oop an object created by a constructor is an instance of that constructor.
Using your new knowledge - Learn web development
starting point you can work in the live editor below, or you can download the starting point to work with in your own editor.
... assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
Marking up a letter - Learn web development
create a new .html file using your text editor or use an online tool such as codepen, jsfiddle, or glitch to complete the tasks.
... assessment or further help if you would like your work assessed, or if you get stuck and want to ask for help: put your work in an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want evaluated or need help with, in an online shareable editor (as mentioned in step 1 above).
What’s in the head? Metadata in HTML - Learn web development
to do this, either copy and paste the code out of the page and into a new text file in your code editor, then save it in a sensible place.
... you should also try opening the code up in your code editor, editing the contents of these elements, then refreshing the page in your browser.
... open the html file in both your browser, and your text editor.
Adding vector graphics to the Web - Learn web development
yes, you can handcode simple svg in a text editor, but for a complex image this quickly starts to get very difficult.
... for creating svg images, most people use a vector graphics editor like inkscape or illustrator.
... how to include svg code inside your html you can also open up the svg file in a text editor, copy the svg code, and paste it into your html document — this is sometimes called putting your svg inline, or inlining svg.
Test your skills: JSON - Learn web development
note: you can try out the solution in the interactive editor below.
...in the live code editor above, both the javascript code and the requested json file are on the same origin (the code sits on a github repo, and is embedded here in an <iframe>).
... assessment or further help you can practice these examples in the interactive editor above.
Aprender y obtener ayuda - Learn web development
codecademy for example is a learning site where the tutorials mainly consist of interactive code editors where you have to directly write code and see if the desired result was achieved.
...and there is also nothing wrong with creating your own code examples on your computer, or in an online code editor like jsbin, codepen, or glitch.
... note: online code editors are also really useful for sharing code you've written, for example, if you are collaborating on learning with someone else who isn't in the same location, or are sending it someone to ask for help with it.
Getting started with Ember - Learn web development
getting ready to build our ember project you'll need a code editor before continuing to interact with your brand new project.
... if you don't have one configured already, the ember atlas has some guides on how to set up various editors.
... now run the following command to place the common todomvc css inside your app: npm install --save-dev todomvc-app-css todomvc-common next, find the ember-cli-build.js file inside the todomvc directory (it's right there inside the root) and open it in your chosen code editor.
Command line crash course - Learn web development
however, you won’t find a code editor extension for everything you want to do — you’ll have to get some experience with the terminal eventually.
... one good habit to get into is to write your terminal command out inside a text editor, figure out how you think it should look, and then make a backup copy of your directory and try running the command on that first, to test it.
... whenever you hit "save" in your code editor, be it vs code, atom, or sublime text.
Client-side tooling overview - Learn web development
if you jump on your favourite search engine and look for "front-end developer tools" you're going to hit a huge spectrum of results ranging from text editors, to browsers, to the type of pens you can use to take notes.
... though your choice of code editor is certainly a tooling choice, this series of articles will go beyond that, focusing on developer tools that help you produce web code more efficiently.
... if you are looking for a plugin to integrate tool functionality into your code editor, look at the code editor’s plugins/extensions page — see atom packages and vscode extensions, for example.
Debugging on Mac OS X
select the "arguments" tab in the scheme editor, and click the '+' below the "arguments passed on launch" field.
... select "build" from the left of the scheme editor window, and check that there is nothing listed under targets (otherwise it may cause problems when you try to run the executable for debugging since you will get build errors).
... click "close" to close the scheme editor.
Bootstrapping a new locale
/editor/ is in 1.9.2 ?
... mkdir -p ab-cd/browser/installer ab-cd/browser/profile/chrome ab-cd/browser/searchplugins ab-cd/browser/updater ab-cd/toolkit cp -r mozilla-1.9.x/browser/locales/ ab-cd/browser cp -r mozilla-1.9.x/dom/locales/ ab-cd/dom cp -r mozilla-1.9.x/editor/locales/ ab-cd/editor cp -r mozilla-1.9.x/extensions/reporter/locales/chrome ab-cd/extensions cp -r mozilla-1.9.x/netwerk/locales/ ab-cd/netwerk cp -r mozilla-1.9.x/other-licenses/branding/firefox/locales/ ab-cd/other-licenses cp -r mozilla-1.9.x/security/manager/locales/ ab-cd/security cp -r mozilla-1.9.x/toolkit/locales/ ab-cd/toolkit getting started change your directory to the new working directory so you are in the ~/[your working directory]/[ab-cd]/ path and can start localizing.
... (read more about tools at l10n:tools.) after you have downloaded your editor of choice, type the following command in the same path from above (~/ab-cd/browser/chrome/browser) $ edit ab-cd/browser/chrome/browser/aboutcerterror.dtd read the top of the file to get any context on how to translate contained in the notes written by the developers or l10n-drivers.
Translation phase
koala a l10n add-on for the offline, stand-alone komodo edit text editor.
... seamonkey seamonkey® is the all-in-one application formerly known as the "mozilla application suite", containing a web browser, a mail and newsgroups client, an html editor, web development tools, and an irc chat client.
...do you prefer unicode text editors to any other applications on earth?
Localization formats
(it should be noted that this is near impossibility since most sites will be set up with gettext support.) .lang files can be easily edited in a text editor with this setup, a localizer is given a "[something].lang" file containing all the strings needing localization.
...lang no plural forms no context for localizers unless you provide good comments no styling by localizers if it is needed may be slower because file is not compiled into binaries not used as a standard by any other localization project no tools to validate syntax, so a localizer may cause accidental errors that can cause breakage (level of breakage depends on level of error) cannot use po editor, which most localizers know and love gettext (.po) gettext is a widely-used localization format that uses .po files.
...so, if a localizer wanted to use one of the many powerful gettext tools, like po-editor, the msgid provides no context for translation or for other localizers to verify translations when qa-ing.
Observer Notifications
inspector-editor-closed - sent after the attribute-value editor has been closed.
... inspector-editor-opened - sent after the attribute-value editor has been opened and initialized.
... inspector-editor-saved - sent when changes have been saved in the attribute-value editor.
Index
56 thunderbird configuration files config editor, configuration files many of the tips and tricks mentioned on this site can be applied by using the built-in config editor.
... to access the config editor, go to tools > options or do thunderbird > preferences.
... if you are on mac os x, and on linux do edit > preferences on, select the advanced options panel, click on the general tab, and click on config editor.
Network request list - Firefox Developer Tools
you can configure the threshhold in the configuration editor (about:config) by modifying the devtools.netmonitor.audits.slow setting.
... edit and resend opens an editor enabling you to edit the request's method, url, parameters, and headers, and resend the request.
... open in style editor for a css resource, opens it in the style editor.
Overview of CSS Shapes - CSS: Cascading Style Sheets
developer tools for shapes along with css shapes support in the browser, firefox are shipping a shape path editor in the firefox devtools.
...if your polygon isn’t quite right you can use the shapes editor to tweak it, then copy the new value back into your css.
... the shape path editor will be enabled by default in firefox 60 for shapes generated via clip-path.
Making content editable - Developer guides
by using some javascript event handlers, you can transform your web page into a full and fast rich text editor.
...m by setting the preferences shown below using about:config: user_pref("capability.policy.policynames", "allowclipboard"); user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org"); user_pref("capability.policy.allowclipboard.clipboard.cutcopy", "allaccess"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } ...
...7i5uiuhads=" /> </div> <div id="textbox" contenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
SyntaxError: illegal character - JavaScript
use an editor that supports syntax highlighting and carefully check your code against mismatches like a minus sign ( - ) versus a dash ( – ) or simple quotes ( " ) vs non-standard quotation marks ( “ ).
... // “ and ” are not " but look like this 42 – 13; // syntaxerror: illegal character // – is not - but looks like this var foo = 'bar'; // syntaxerror: illegal character // <37e> is not ; but looks like this this should work: "this is actually a string"; 42 - 13; var foo = 'bar'; some editors and ides will notify you or at least use a slightly different highlighting for it, but not all.
... var foo = 'bar';​ // syntaxerror: illegal character when inspecting this code in an editor like vim, you can see that there is actually a zero-width space (zwsp) (u+200b) character.
href - SVG: Scalable Vector Graphics
WebSVGAttributehref
editor's draft defines href for animation elements.
... editor's draft defines href for the <discard> element.
... editor's draft defines href for the <mpath> element.
Storing annotations - Archive of obsolete content
(annotationtext, anchor); simplestorage.storage.annotations.push(newannotation); } this function calls a constructor for an annotation object, which we also need to supply: function annotation(annotationtext, anchor) { this.annotationtext = annotationtext; this.url = anchor[0]; this.ancestorid = anchor[1]; this.anchortext = anchor[2]; } now we need to link this code to the annotation editor, so that when the user presses the return key in the editor, we create and store the new annotation: var annotationeditor = panels.panel({ width: 220, height: 220, contenturl: data.url('editor/annotation-editor.html'), contentscriptfile: data.url('editor/annotation-editor.js'), onmessage: function(annotationtext) { if (annotationtext) handlenewannotation(annotationtext, this.
...annotationanchor); annotationeditor.hide(); }, onshow: function() { this.postmessage('focus'); } }); listing stored annotations to prove that this works, let's implement the part of the add-on that displays all the previously entered annotations.
Setting up an extension development environment - Archive of obsolete content
on the "advanced" page, select the "general" tab then click the "config editor" button.
... chrome list navigate and view files in chrome:// (firefox version, thunderbird version) chrome edit plus a user file editor (firefox and thunderbird) firebug a variety of development tools (firefox) pentadactyl, a general purpose extension with builtin tools for extension development, including a command line with chrome javascript evaluation (including property and function argument completion) and the ability to demand-load external javascript and css files into window chrome.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
but writers, editors, and producers have been inserting stories into vignette for years sans closing paragraph (</p>) tags.
...our writers and editors must get used to some new rules when generating the day's stories.
contents.rdf - Archive of obsolete content
in" chrome:accesskey="m" chrome:author="me" chrome:description="this is my custom skin for mozilla" chrome:name="myskin/1.0" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:myskin/1.0:packages"> <rdf:li resource="urn:mozilla:skin:myskin/1.0:communicator"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:editor"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:global"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:messenger"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:navigator"/> </rdf:seq> </chrome:packages> </rdf:description> <!-- version information.
...--> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:communicator"/> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:editor"/> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:global"/> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:messenger"/> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:navigator"/> </rdf:rdf> ...
Documentation for BiDi Mozilla - Archive of obsolete content
text fields and composer the specification of the bidi changes to composer was posted in the editor and i18n newsgroups, and responses there were taken into account.
...c\nsbidiutilsimp.cpp utilities for bidi processing, including: character classification symmetric swapping reordering shaping numeric translation conversion to/from presentation forms nsbidipresutils layout/base/nsbidipresutils.cpp utilities for the layout engine including: resolve frames by bidi level split framesreorder frames format bidi text support for deletion and insertion of frames by editor nsbiditextframe layout/generic/nsbidiframes.cpp subclass of nsframe with additional method setoffsets, to adjust mcontentoffset and mcontentlength during bidi processing nsdirectionalframe layout/generic/nsbidiframes.cpp subclass of nsframethis is a special frame which represents a bidi control.
Mozilla Application Framework in Detail - Archive of obsolete content
editor's note: this article should be rewritten to describe why use xulrunner to create your own application.
...what this means to you as the developer is this: you can take advantage of skills you already have with xml or web technologies to design and implement anything from a simple text editor to a comprehensive ide - complete with all of the interface widgets that you would find in virtually any major application framework.
Anonymous Content - Archive of obsolete content
[editor's note: should there be an api for retrieving insertion points, for dynamically creating new insertion points, or for removing insertion points?
... [editor's note: binding inheritance complicates this cascade, since an author-level dom binding could inherit from a user-level binding.
List of commands - Archive of obsolete content
lpagedown cmd_scrolllineup cmd_scrolllinedown cmd_scrollleft cmd_scrollright cmd_selectcharprevious cmd_selectcharnext cmd_wordprevious cmd_wordnext cmd_selectwordprevious cmd_selectwordnext cmd_beginline cmd_endline cmd_selectbeginline cmd_selectendline cmd_selectlineprevious cmd_selectlinenext cmd_selectpageprevious cmd_selectpagenext cmd_selectmovetop cmd_selectmovebottom editor commands (legal when the focus is anywhere where you can type text): cmd_paste - paste a selection from the clipboard cmd_pastequote cmd_delete cmd_deletecharbackward cmd_deletecharforward cmd_deletewordbackward cmd_deletewordforward cmd_deletetobeginningofline cmd_deletetoendofline cmd_scrolltop cmd_scrollbottom cmd_movetop cmd_movebottom cmd_selecttop cmd_selectbottom cmd_line...
... cmd_bm_selectall cmd_bm_setnewbookmarkfolder cmd_bm_setnewsearchfolder cmd_bm_setpersonaltoolbarfolder cmd_bm_sortfolder cmd_bm_sortfolderbyname cmd_close cmd_closeothertabs cmd_closewindow cmd_copy cmd_copyimage cmd_copylink cmd_cut cmd_delete cmd_editpage cmd_findtypelinks cmd_findtypetext cmd_gotoline cmd_handlebackspace cmd_handleshiftbackspace cmd_minimizewindow cmd_neweditor cmd_neweditordraft cmd_neweditortemplate cmd_newnavigator cmd_newnavigatortab cmd_newtabwithtarget cmd_openhelp cmd_paste - paste a selection from the clipboard cmd_printsetup cmd_quit cmd_redo cmd_savepage cmd_scrollpagedown cmd_scrollpageup cmd_selectall cmd_switchdocumentdirection cmd_switchtextdirection cmd_textzoomenlarge cmd_textzoomreduce cmd_textzoomreset cmd_undo cmd...
makeEditable - Archive of obsolete content
« xul reference home makeeditable( editortype, waitforload ) return type: no return value this function enables editing for an editor.
... specify text or html as the editortype.
XUL Reference - Archive of obsolete content
« xul reference « alphabetical list of all xul elements action arrowscrollbox assign bbox binding bindings box broadcaster broadcasterset button browser checkbox caption clicktoscroll colorpicker column columns commandset command conditions content datepicker deck description dialog dialogheader dropmarker editor grid grippy groupbox hbox iframe image key keyset label listbox listcell listcol listcols listhead listheader listitem member menu menubar menuitem menulist menupopup menuseparator notification notificationbox observes overlay page panel param popupset preference preferences prefpane prefwindow progressmeter query queryset radio radiogroup resizer richlistbox richlistitem row rows rule scale script...
... toolbarspring tabs and grouping tab tabbox tabpanel tabpanels tabs controls --- text and images label caption image lists --- trees --- layout --- templates --- scripting --- helper elements other xul lists dialog overlay page window wizard wizardpage preference preferences prefpane prefwindow browser tabbrowser editor iframe titlebar resizer statusbar statusbarpanel dialogheader notification notificationbox menubar menu menuitem menuseparator menupopup panel tooltip popupset toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tabbox tabs tab tabpanels tabpanel groupbox caption separator spacer button ...
menulist - Archive of obsolete content
attributes accesskey, crop, disableautoselect, disabled, editable, focused, image, label, oncommand, open, preference, readonly, sizetopopup, tabindex, value properties accessibletype, crop, description, disableautoselect, disabled, editable, editor, image, inputfield, itemcount, label, menuboxobject, menupopup, open, selectedindex, selecteditem, tabindex, value methods appenditem, contains, getindexofitem, getitematindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/...
... editor type: nsieditor a reference to the nsieditor for editable text.
textbox - Archive of obsolete content
attributes cols, decimalplaces, disabled, emptytext, hidespinbuttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, placeholder, preference, readonly, rows, searchbutton, size, spellcheck, tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeout, type, value, valuenumber, wraparound methods decrease, increase, reset, select, setselectionrange style classes plain examples <vbox> <label control="your-name" value="enter your name:"/> <textbox id="y...
... editor type: nsieditor a reference to the nsieditor for editable text.
window - Archive of obsolete content
attributes accelerated, chromemargin, disablechrome, disablefastfind, drawintitlebar, fullscreenbutton, height, hidechrome, id, lightweightthemes, lightweightthemesfooter, screenx, screeny, sizemode, title, width, windowtype examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <!-- run this example using copy & paste in this live xul editor: https://github.com/km-200/xul --> <!-- extremely recommended to keep this css include!!
...this might be used, for example, to distinguish between a browser window and an editor window.
Getting Started - Archive of obsolete content
to get the most from this tutorial, you will need a text editor and a rss reader.
... note: a word processor is not a text editor.
Sunbird Theme Tutorial - Archive of obsolete content
to make a theme, you usually need these tools: a jar tool or zip tool an editor for plain text files software for creating and editing images note: some zip tools only work with files whose names have <tt>.zip</tt> at the end.
...you might prefer to do some design work in an image editor first, so that you have a clear design concept to implement.
Create Your Own Firefox Background Theme - Archive of obsolete content
online image editor resources pixlr — pixlr offers professional and easy-to-use tools for creating and editing images within a browser.
... photoshop — tweak, rotate and touch up photos with photoshop® express, a free online photo editor.
Standards-Compliant Authoring Tools - Archive of obsolete content
if you're using older versions of tools that rely on old browser bugs or generate browser-specific code, it may be time to upgrade: nvu is a standalone editor created from the remains of mozilla composer.
... html-kit is a full-featured, low priced editor designed to help html, xhtml and xml authors to edit, format, lookup help, validate, preview and publish web pages.
Visual typescript game engine - Game development
text editor used and recommended: visual studio code.
... https://www.npmjs.com/package/@types/matter-js crypto icons downloaded from https://www.behance.net/junikstudio todo list for 2019 i'm still far away from the project objective : make visual nodes for editor mode in gameplay.
How CSS is structured - Learn web development
as an altenative, you can also use the interactive editor below.
...with this kind of commenting in place, searching for comments in your code editor becomes a way to efficiently find a section of code.
What are browser developer tools? - Learn web development
(an added bonus: this method straight-away highlights the code of the element you right-clicked.) the inspector: dom explorer and css editor the developer tools usually open by default to the inspector, which looks something like the following screenshot.
... exploring the css editor by default, the css editor displays the css rules applied to the currently selected element: these features are especially handy: the rules applied to the current element are shown in order of most-to-least-specific.
Common questions - Learn web development
what text editors are available?
... in this article we highlight some things to think about when choosing and installing a text editor for web development.
CSS basics - Learn web development
using a text editor, paste the three lines of css (above) into a new file.
...to fix this, you can either: 1) reduce the image width using a graphics editor, or 2) use css to size the image by setting the width property on the <img> element with a smaller value.
What will your website look like? - Learn web development
note: even on real, complex websites, the design teams usually start out with rough sketches on paper and later on build digital mockups using a graphics editor or web technologies.
... in the popup box, you can see and copy the lines of code google gives you into your text editor to save for later.
Structuring a page of content - Learn web development
assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
... a link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above).
What is JavaScript? - Learn web development
open the file in your web browser and in your text editor.
... next, go to your text editor and add the following in your head — just before your closing </head> tag: <script> // javascript goes here </script> now we'll add some javascript inside our <script> element to make the page do something more interesting — add the following code just below the "// javascript goes here" line: document.addeventlistener("domcontentloaded", function() { function createparagraph() { let para = document.createelement('p'); para.textcontent = 'you clicked the button!'; document.body.appendchild(para); } const buttons = document.queryselectorall('button'); for(let i = 0; i < buttons.length ; i++) { buttons[i].addeventlistener('click', createparagraph...
What went wrong? Troubleshooting JavaScript - Learn web development
to get started, open the local copy inside your favorite text editor, and your browser.
... if we look at line 86 in our code editor, we'll find this line: guesssubmit.addeventlistener('click', checkguess); the error message says "guesssubmit.addeventlistener is not a function", which means that the function we're calling is not recognized by the javascript interpreter.
Accessibility Features in Firefox
keyboard support "mozilla firefox is a web-browser with superior keyboard support." alan cantor, cantor access consulting firefox includes keyboard access to all of its amazing features: browse with caret allows users to select arbitrary content with the keyboard and move through content as if inside a read-only editor.
... text files used in configuration (techies only): configuration files are easily edited with any text editor.
Mozilla accessibility architecture
nsouterdocaccessible: used for elements such as <iframe>, <browser> and <editor>, which spawn an entire new document, but don't actually have any child nodes in their own dom.
...common reasons for these mutations are web page scripts, and user actions in the editor.
Lightweight themes
online image editor resources pixlr — pixlr offers professional and easy-to-use tools for creating and editing images within a browser.
... photoshop — tweak, rotate and touch up photos with photoshop® express, a free online photo editor.
Adding a new word to the en-US dictionary
the script only works if you have the environment variable editor set to the executable of an editor program; if you don't have it set, you can do editor=vim sh edit-dictionary to edit using vim (or you can substitute some other editor), or you can just do sh edit-dictionary if you have an editor already specified.
... add and remove words in the dictionary file, then quit the editor.
Command line options
some options have abbreviations, for example, "-editor" can be abbreviated as "-edit" (available abbreviations are described in the text below).
... -editor url or -edit url start with editor (composer) for the given url (where url is optional).
Creating a spell check dictionary add-on
if there already is one, try contacting the author to get it updated, or contact amo editors if the author does not respond.
...you can create and edit it with a plain text editor such as notepad.
Midas
introduction midas is the code name for gecko's built-in rich text editor.
... contentreadonly this command will make the editor readonly(true)or editable(false).
Rebranding SpiderMonkey (1.8.5)
using your favorite editor open up the file named makefile for editing.
...save the file and exit the editor.
Gecko Roles
role_date_editor represents control whose purpose is to allow a user to edit a date.
... role_combobox_option a item of list that is shown by combobox role_image_map an image map -- has child links representing the areas role_option an option in a listbox role_rich_option a rich option in a listbox, it can have other widgets as children role_listbox a list of options editor's note: use template role_ to get reference on accessible role.
nsIAccessibleProvider
for example now it is used by <xul:iframe>, <xul:browser> and <xul:editor>.
...4 xullistheader 0x00001025 xullistitem 0x0000100c xulmenubar 0x0000100d xulmenuitem 0x0000100e xulmenupopup 0x0000100f xulmenuseparator 0x00001010 xulpane 0x00001011 xulprogressmeter 0x00001012 xulscale 0x00001013 xulstatusbar 0x00001014 xulradiobutton 0x00001015 xulradiogroup 0x00001016 xultab 0x00001017 the single tab in a dialog or tabbrowser/editor interface.
nsIClipboardDragDropHooks
widget/public/nsiclipboarddragdrophooks.idlscriptable interfaces for overriding the built-in drag, drop, copy, and paste implementations in the content area and editors.
...onpasteordrop() provide an alternative action to the built-in behavior when something is dropped on the browser or in an editor.
nsICompositionStringSynthesizer
(optional) compositionstringsynthesizer.setcaret("foo-bar".length, 0); // dispatch dom events to modify the focused editor compositionstringsynthesizer.dispatchevent(); when you modify the composing string, you don't need to recreate the instance anymore.
... dispatchevent() dispatches dom events for setting the composition string which are specified by setstring(), appendclause() and setcaret() to the focused editor.
nsIContainerBoxObject
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) the boxobject belonging to a xul browser, editor or iframe element implements this interface.
...the browser.xml, editor.xml and general.xml bindings use this property to gain access to other properties such as webnavigation, contentdocument and contentwindow.
nsIXULWindow
it could be an editor, a docshell, or a browser object.
...it could be an editor, a docshell, or a browser object.
XPCOM Interface Reference
rnsidirectoryiteratornsidirectoryservicensidirectoryserviceprovidernsidirectoryserviceprovider2nsidiskcachestreaminternalnsidispatchsupportnsidocshellnsidocumentloadernsidownloadnsidownloadhistorynsidownloadmanagernsidownloadmanageruinsidownloadobservernsidownloadprogresslistenernsidownloadernsidragdrophandlernsidragservicensidragsessionnsidroppedlinkhandlernsidroppedlinkitemnsidynamiccontainernsieditornsieditorboxobjectnsieditordocshellnsieditorimesupportnsieditorloggingnsieditormailsupportnsieditorobservernsieditorspellchecknsieffectivetldservicensienumeratornsienvironmentnsierrorservicensieventlistenerinfonsieventlistenerservicensieventsourcensieventtargetnsiexceptionnsiextensionmanagernsiexternalhelperappservicensiexternalprotocolservicensiexternalurlhandlerservicensiftpchannelnsiftpeventsin...
...ifileinputstreamnsifileoutputstreamnsifilepickernsifileprotocolhandlernsifilespecnsifilestreamsnsifileurlnsifileutilitiesnsifileviewnsifocusmanagernsiformhistory2nsiframeloadernsiframeloaderownernsiframemessagelistenernsiframemessagemanagernsiframescriptloadernsigsettingscollectionnsigsettingsservicensigeolocationprovidernsigeolocationupdatensiglobalhistorynsiglobalhistory2nsiglobalhistory3nsihtmleditornsihttpheaderlistenernsihapticfeedbacknsihttpactivitydistributornsihttpactivityobservernsihttpchannelnsihttpchannelinternalnsihttpheadervisitornsihttpservernsihttpupgradelistenernsiidnservicensiiframeboxobjectnsiiniparsernsiiniparserfactorynsiiniparserwriternsiioservicensiidleservicensiinprocesscontentframemessagemanagernsiinputstreamnsiinputstreamcallbacknsiinstalllocationnsiinterfacerequestornsi...
XPCOM Interface Reference by grouping
mewindow nsidomclientrect nsidomelement nsidomhtmlaudioelement nsidomhtmlformelement nsidomhtmlmediaelement nsidomhtmlsourceelement nsidomhtmltimeranges nsidomjswindow nsidomnode nsidomnshtmldocument nsidomstorageitem nsidomstoragemanager nsidomwindow nsidomwindow2 nsidomwindowinternal nsidomwindowutils nsidynamiccontainer nsieditor event nsidomevent nsidomeventgroup nsidomeventlistener nsidomeventtarget nsidommousescrollevent nsidommoztouchevent nsidomorientationevent nsidomprogressevent nsidomsimplegestureevent nsidragdrophandler nsidragservice nsidragsession html nsiaccessibilityservice nsiaccessiblecoordinatetype nsiaccessibledocument nsiacce...
...istener2 update nsiupdate nsiupdatechecker nsiupdatechecklistener nsiupdateitem nsiupdatemanager nsiupdatepatch nsiupdateprompt nsiupdatetimermanager nsiprogramminglanguage thunderbird credentials nsimsgaccountmanagerextension element nsieditormailsupport message nsidbchangeannouncer nsidbchangelistener nsimessenger nsimsgcompfields nsimsgcustomcolumnhandler nsimsgdatabase nsimsgdbhdr nsimsgdbview nsimsgdbviewcommandupdater nsimsgfolder nsimsgidentity nsimsgmessageservice nsimsgsendlater nsimsgthread nsimsgwindow nsimsgwindowcomma...
MailNews Filters
these filters are initiated in the filter editor, and implemented in nsmsgfilterservice.cpp.
... how to add a filter action add your new action to nsimsgfilteraction add code to file out the new action here add new action to the rulesactiontable add string for the new action to the filter editor dtd file add new action to the filter editor js code add new action to the xbl widget in the filter editor if your action has a parameter, add code to initialize the ui editing an existing filter here and to save to the filter here add your action to filter.properties so it will show up in the filter log.
Accessibility Inspector - Firefox Developer Tools
if you don't wish to allow the accessibility features to be automatically enabled, you can use the configuration editor (also known as about:config) to define the preference devtools.accessibility.auto-init.enabled, and set it to false.
... if you don't wish to use the accessibility features at all, you can use the configuration editor to set the preference devtools.accessibility.enabled to false.
Access debugging in add-ons - Firefox Developer Tools
the following items are accessible in the context of chrome://browser/content/debugger.xul (or, in version 23 beta, chrome://browser/content/devtools/debugger.xul): window.addeventlistener("debugger:editorloaded") - called when the read-only script panel loaded.
... window.addeventlistener("debugger:editorunloaded") relevant files: chrome://browser/content/devtools/debugger-controller.js chrome://browser/content/devtools/debugger-toolbar.js chrome://browser/content/devtools/debugger-view.js chrome://browser/content/devtools/debugger-panes.js unfortunately there is not yet any api to evaluate watches/expressions within the debugged scope, or highlight elements on the page that are referenced as variables in the debugged scope.
Examine and edit HTML - Firefox Developer Tools
hover active focus focus-within visited screenshot node scroll into view copy inner html outer html css selector css path xpath image data-url attribute paste inner html outer html before after as first child as last child expand all collapse all open link in new tab * open file in debugger * open file in style-editor * copy link address * * these options only appear in certain contexts, for example the "open file in style-editor" option only appears when you context-click over the top of a link to a css file.
... open file in style-editor (only when invoked over a link to a css source) opens the linked source in the style editor.
Work with animations - Firefox Developer Tools
if you click the icon you get a visual editor for the curve, enabling you to drag p1 and p2, and see the results in the page: this feature uses open source code from lea verou’s cubic-bezier.com.
... the cubic bézier editor includes a number of presets, grouped under "ease-in", "ease-out", and "ease-in-out": ...
The JavaScript input interpreter - Firefox Developer Tools
accessing variables you can access variables defined in the page, both built-in variables like window and variables added by javascript libraries like jquery: autocomplete the editor has autocomplete: enter the first few letters and a popup appears with possible completions: press enter, tab, or the right arrow key to accept the suggestion, use the up/down arrows to move to a different suggestion, or just keep typing if you don't like any of the suggestions.
...for example, if you type a function definition in the multi-line editor, and click run, you can switch to single-line mode and still use your function.
HTMLElement.oncopy - Web APIs
html <h3>play with this text area:</h3> <textarea id="editor" rows="3">try copying and pasting text into this field!</textarea> <h3>log:</h3> <p id="log"></p> javascript const log = document.getelementbyid('log'); function logcopy(event) { log.innertext = 'copy blocked!\n' + log.innertext; event.preventdefault(); } function logpaste(event) { log.innertext = 'paste blocked!\n' + log.innertext; event.preventdefault(); } const editor = document.
...getelementbyid('editor'); editor.oncopy = logcopy; editor.onpaste = logpaste; result specification whatwg standard ...
HTMLElement.oncut - Web APIs
WebAPIHTMLElementoncut
html <h3>play with this text area:</h3> <textarea id="editor" rows="3">try copying and cutting the text in this field!</textarea> <h3>log:</h3> <p id="log"></p> javascript function logcopy(event) { log.innertext = 'copied!\n' + log.innertext; } function preventcut(event) { event.preventdefault(); log.innertext = 'cut blocked!\n' + log.innertext; } const editor = document.getelementbyid('editor'); const log = document.getelementbyid('log'); edit...
...or.oncopy = logcopy; editor.oncut = preventcut; result specification whatwg standard ...
Keyboard.unlock() - Web APIs
WebAPIKeyboardunlock
editor's draft defines the keyboard interface.
... editor's draft initial definition.
Keyboard - Web APIs
WebAPIKeyboard
editor's draft initial definition.
... editor's draft adds lock() and unlock().
Keyboard API - Web APIs
specifications specification status comment keyboard map editor's draft initial definition.
... keyboard lock editor's draft initial definition.
Performance API - Web APIs
high resolution time level 3 editor's draft add timeorigin property to performance interface.
... resource timing level 3 editor's draft user timing recommendation adds mark(), clearmarks(), measure() and clearmeasures() methods to the performance interface.
WebGL: 2D and 3D graphics for the web - Web APIs
WebAPIWebGL API
webgl academy an html/javascript editor with tutorials to learn basics of webgl programming.
... specifications specification status comment opengl es 3.0 standard opengl es 2.0 standard webgl 2.0 editor's draft builds on top of webgl 1.
ARIA annotations - Accessibility
an editorial comment related to a part of a document under review).
...ype="radio" name="fruit" value="apple"></label></li> <li><label>orange: <input type="radio" name="fruit" value="orange"></label></li> <li><label>banana: <input type="radio" name="fruit" value="banana"></label></li> </ul> </form> </section> insertions and deletions a common wish in online document systems like google docs is to be able to track changes, to see what reviewers or editors have suggested as changes to the text, before the managing editor or author accepts or rejects those changes.
Architecture - Accessibility
(f) to get the line of text at the caret: many editors, including the mozilla editor, have a strange issue with caret offsets.
...you can test this in a given editor by pressing the end key on a line, to see whether the caret is shown past the end of the line.
Web accessibility for seizures and physical reactions - Accessibility
an author might choose to adjust the visuals and/or layout of the page depending on the display technology to increase the appeal or improve legibility." user preference media features (planned in media queries level 5) user preference media features in w3c editor's draft media queries level 5 are especially promising in providing user control over media.
...editor harding along with the peat tool, is generaly recognized to be one of the two "gold standards" for analyzing flashes harding flash and pattern analyzer iso iec 61966-2-2:2003(en) multimedia systems and equipment — colour measurement and management — part 2-2: colour management — extended rgb colour space — scrgb photosensitive epilepsy analysis tool along with the harding to...
text-align - CSS: Cascading Style Sheets
editor's draft no changes css text module level 4the definition of 'text-align' in that specification.
... editor's draft added the <string> value.
text-emphasis-position - CSS: Cascading Style Sheets
formal definition initial valueover rightapplies toall elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax [ over | under ] && [ right | left ] examples preferring ruby over emphasis marks some editors prefer to hide emphasis marks when they conflict with ruby.
... in html, this can be done with the following style rule: ruby { text-emphasis: none; } preferring emphasis marks over ruby some other editors prefer to hide ruby when they conflict with emphasis marks.
Demos of open web technologies
2d graphics canvas blob sallad: an interactive blob using javascript and canvas (code demos) 3d raycaster processing.js p5js 3d on 2d canvas minipaint: image editor (source code) zen photon garden (source code) multi touch in canvas demo (source code) svg bubblemenu (visual effects and interaction) html transformations using foreignobject (visual effects and transforms) phonetics guide (interactive) 3d objects demo (interactive) blobular (interactive) video embedded in svg (or use the local download) summer html image map creator (source code) ...
... css-based single page application (source code) transformations impress.js (source code) games ioquake3 (source code) kai 'opua (source code) web apis notifications api html5 notifications (source code) web audio api web audio fireworks oscope.js - javascript oscilloscope html5 web audio showcase (source code) html5 audio visualizer (source code) graphical filter editor and visualizer (source code) file api slide my text - presentation from plain text files web workers web worker fractals photo editor coral generator raytracer hotcold touch typing ...
<nextid>: The NeXT ID element (Obsolete) - HTML: Hypertext Markup Language
WebHTMLElementnextid
when opening the document, the next editor finds and reads this <nextid n="z8"> tag, and now knows to give the first of these new sections the name of z8 in the table of contents, and z14 to the content body.
...</p> </body> </html> they then forward a copy of this document to someone with a next editor, and they delete sections z7 and z19, add ten more, z20 through z29, and then delete paragraphs z24 and z29.
Feature-Policy: fullscreen - HTTP
specifications specification status comment feature policy editor's draft initial definition.
... editor's draft defines the fullscreen policy.
Feature-Policy: publickey-credentials-get - HTTP
specifications specification status comment feature policy editor's draft initial definition.
... web authentication level 2 editor's draft.
Feature-Policy: screen-wake-lock - HTTP
specifications specification status comment feature policy editor's draft initial definition.
... screen wake lock api editor's draft initial definition of screen-wake-lock feature directive.
begin - SVG: Scalable Vector Graphics
WebSVGAttributebegin
editor's draft adds the definition for the <discard> element.
... editor's draft refers to the specifications in dom ui events and html for the <event-value>.
to - SVG: Scalable Vector Graphics
WebSVGAttributeto
editor's draft no change svg animations level 2the definition of 'to for <animate>, <animatecolor>, <animatemotion>, and <animatetransform>' in that specification.
... editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'to for <set>' in that specification.
SVG: Scalable Vector Graphics
WebSVG
additionally, this means they can be created and edited with any text editor or with drawing software.
... compared to classic bitmapped image formats such as jpeg or png, svg-format vector images can be rendered at any size without loss of quality and can be easily localized by updating the text within them, without the need of a graphical editor to do so.
Converting WebAssembly text format to wasm - WebAssembly
webassembly has an s-expression-based textual representation, an intermediate form designed to be exposed in text editors, browser developer tools, etc.
... viewing the assembly output because the output file is assembly-based, it can’t be viewed in a normal text editor.
dev/panel - Archive of obsolete content
essages to the add-on // my-panel.js window.addeventlistener("message", function(event) { // retrieve the port var toaddon = event.ports[0]; toaddon.start(); toaddon.postmessage("message from the panel document"); console.log(toaddon); }); communicating with the debugger server the firefox developer tools use a client/server protocol: a tool, such as a javascript debugger or style editor, is the client, and the program being debugged, such as firefox, is the server.
jpmignore - Archive of obsolete content
for example: .* * !/data/** !/lib/** !/locale/** !/node_modules/** !/package.json !/icon.png !/icon64.png !/copying !/bootstrap.js !/install.rdf this would include all editor backup files and similar in the whitelisted subdirectories, to avoid that you can append another blacklist after the whitelist.
Overview - Archive of obsolete content
the annotation-editor panel enables the user to enter a new annotation.
Examples and demos from articles - Archive of obsolete content
live demos javascript rich-text editor [zip] how to standardize the creation of complete rich-text editors in web pages.
JavaScript Object Management - Archive of obsolete content
to keep things simple, specially regarding code editors and default file associations in the developer's system, we have decided to stick with .js.
Useful Mozilla Community Sites - Archive of obsolete content
your extension begins in a sandbox with limited access, and once you nominate it an editor will review it and see if it is appropriate for the public amo site, where everyone can see it and install it.
Firefox addons developer guide - Archive of obsolete content
this is available from the style drop-down menu in the editor.
Index of archived content - Archive of obsolete content
using dehydra developing new mozilla features devmo 1.0 launch roadmap download manager improvements in firefox 3 download manager preferences drag and drop drag and drop example drag and drop javascript wrapper drag and drop events editor embedding guide embedding faq embedding mozilla in a java application using javaxpcom error console exception logging in javascript existing content extension frequently asked questions external cvs snapshots in mozilla-central fast graphics performance with html firefox b...
List of Former Mozilla-Based Applications - Archive of obsolete content
pe navigator browser support for netscape ended on february 1, 2008 nvu web authoring tool development stopped in 2005 and is being continued as an unofficial bugfix release by the kompozer project pogo browser from at&t site no longer accessible as of may 2009 pyro desktop desktop environment last news item on site from july 2007 script editor editor inactive skipstone gtk+ browser last news item on site from february 2008 xabyl visual xbl editor inactive xulplayer media player last project update on 3/14/09 zoomcreator photo collage tool on april 29, 2010 the site announced zoomara was shutting down.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
sunos4.1.3_u1 var env_user = getenv("user"); // unix username var env_home = getenv("home"); // user homedir var env_display = getenv("display"); // x11 display var env_editor = getenv("editor"); // use in mail edit?
Finding the code to modify - Archive of obsolete content
open the navigator.xul file in a text editor.
Making a Mozilla installation modifiable - Archive of obsolete content
xul, xbl, javascript, and css files are all in text format and can be edited in a standard text editor, while image files are in binary gif, jpg, or png format and must be edited with an image editing program.
Prerequisites - Archive of obsolete content
in order to complete this tutorial you need to have and know how to use the following programs on your computer: an installation of mozilla; zip and unzip utilities; a text editor.
chrome.manifest - Archive of obsolete content
me/my_theme.jar!/global/ skin mozapps my_theme jar:chrome/my_theme.jar!/mozapps/ skin messenger my_theme jar:chrome/my_theme.jar!/messenger/ skin messenger-newsblog my_theme jar:chrome/my_theme.jar!/messenger-newsblog/ skin communicator my_theme jar:chrome/my_theme.jar!/communicator/ skin help my_theme jar:chrome/my_theme.jar!/help/ skin navigator my_theme jar:chrome/my_theme.jar!/navigator/ skin editor my_theme jar:chrome/my_theme.jar!/editor/ ...
Drag and Drop JavaScript Wrapper - Archive of obsolete content
if the user drops onto an area which can accept html (such as mozilla's editor window), the html flavour will be used and the text will appear bold.
Creating a Help Content Pack - Archive of obsolete content
open up your favorite text editor and create the file content-pack.rdf.
Hidden prefs - Archive of obsolete content
this page has been flagged by editors or users as needing technical review.
Isp Data - Archive of obsolete content
tools needed the files are simple text files, in utf-8 encoding, so use your favorite modern text editor.
Java in Firefox Extensions - Archive of obsolete content
i've also experienced crashes in referencing the 'java' global within the xul editor of the extension developer's extension which seems to point to some stability problem.
Mozilla Application Framework - Archive of obsolete content
editor's note: this article should be rewritten to describe why use xulrunner to create your own application.
BundleLibrary - Archive of obsolete content
reddit: reddit.webapp remember the milk: rtm.webapp (note: should work with google gears with some help) rsizr image editor rsizr.webapp seeqpod: seeqpod.webapp playable music search engine.
Remotely debugging Firefox for Metro - Archive of obsolete content
the toolbox will open in its own window, attached to the firefox for metro tab that's currently hosting mozilla.org: the toolbox, and the tools it hosts (including the console, debugger, style editor, profiler, etc.), work in just the same way as they do when attached to local content.
Using cross commit - Archive of obsolete content
otherwise cross-commit will end up waiting forever for you to type a cvs checkin message in an editor that it never shows you!
When To Use ifdefs - Archive of obsolete content
this rule has many exceptions, some of which are listed here: the code in editor/ui/ is built by the suite, standalone composer, and thunderbird, but it is considered application-specific.
Event Handlers - Archive of obsolete content
[editor's note: should we have section on error-handling?
XBL - Archive of obsolete content
still living "shadow dom" related specs shadow dom (editor's draft) css scoping » shadow encapsulation see also introduction to xbl from the xul tutorial.
Creating XPI Installer Modules - Archive of obsolete content
xul, javascript, or css files) in the chrome subdirectories and editing them with a text editor has been replaced by something a lot of developers find more confusing and esoteric.
execute - Archive of obsolete content
example f = getfolder("program", "mytexteditor.exe"); err = file.execute(f, "myfile.txt"); // indicates that 'myfile.txt' will be // opened in the editor ...
Learn XPI Installer Scripting by Example - Archive of obsolete content
var cf = getfolder("chrome"); registerchrome(content | delayed_chrome, getfolder(cf,"toolkit.xpi"),"content/global/"); registerchrome(content | delayed_chrome, getfolder(cf,"browser.xpi"),"content/communicator/"); registerchrome(content | delayed_chrome, getfolder(cf,"browser.xpi"),"content/editor/"); registerchrome(content | delayed_chrome, getfolder(cf,"browser.xpi"),"content/navigator/"); registerchrome(skin | delayed_chrome, getfolder(cf,"modern.jar"),"skin/modern/communicator/"); registerchrome(skin | delayed_chrome, getfolder(cf,"modern.jar"),"skin/modern/editor/"); ...
XTech 2006 Presentations - Archive of obsolete content
etna, a wysiwyg xml relax ng- and gecko-based editor - daniel glazman this presentation describes etna, a new wysiwyg xml editor based on gecko, the relax ng parser and validator disruptive innovations implemented for it and its query api, and relax ng extensions that were necessary to solve very old and well known problems in markup languages.
browser.type - Archive of obsolete content
subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
popupalign - Archive of obsolete content
noneno aligntopleftalign to the top left cornertoprightalign to the top right cornerbottomleftalign to the bottom left cornerbottomrightalign to the bottom right cornersyntax<element popupalign="none | topleft | topright | bottomleft | bottomright"/> example<element id="edit-context" popup="editor-popup" popupanchor="topleft" popupalign="bottomright"/> notesthe popupalign attribute can be used to specify which corner of the popup content is tied to the originating point.
popupanchor - Archive of obsolete content
or is an optional attribute for specifying where popup content should be anchored on the element.noneno anchortopleftanchor to the top left cornertoprightanchor to the top right cornerbottomleftanchor to the bottom left cornerbottomrightanchor to the bottom right cornersyntax<element popupanchor="none | topleft | topright | bottomleft | bottomright" /> example<element id="edit-context" popup="editor-popup" popupanchor="topleft" popupalign="bottomright" /> notesthe popupanchor attribute can be used to specify that the popup content should come up anchored to one of the four corners of the content object (e.g., the button popping up the content).
type - Archive of obsolete content
ArchiveMozillaXULAttributetype
see button.type browser.type colorpicker.type datepicker.type editor.type listcell.type listitem.type menuitem.type notification.type prefwindow.type query.type script.type textbox.type toolbarbutton.type treecol.type ...
windowtype - Archive of obsolete content
this might be used, for example, to distinguish between a browser window and an editor window.
Attribute (XUL) - Archive of obsolete content
ltindex container containment contentcontextmenu contenttooltip context contextmenu control crop curpos current currentset customindex customizable cycler datasources decimalplaces default defaultbutton defaultset description dir disableautocomplete disableautoselect disableclose disabled disablehistory disablekeynavigation disablesecurity dlgtype dragging editable editortype element empty emptytext deprecated since gecko 2 enablecolumndrag enablehistory equalsize eventnode events expr firstdayofweek firstpage first-tab fixed flags flex focused forcecomplete grippyhidden grippytooltiptext group handlectrltab height helpuri hidden hidechrome hidecolumnpicker hideheader hideseconds hidespinbuttons highlightnonmatches homepage href ...
Introduction to XUL - Archive of obsolete content
conceptually, the xul language will allow someone with a text editor, given a package of components which can work together, the ability to put together an application by specifying something like this (for an application on an os using menubars across the top of its applications' windows): main window containing menubar area at top across width of window containing menubar (and its contents) toolbar area below menubar across width of window containing ...
Methods - Archive of obsolete content
wonscreen checkadjacentelement clearresults clearselection click close collapsetoolbar contains decrease decreasepage docommand ensureelementisvisible ensureindexisvisible ensureselectedelementisvisible expandtoolbar extra1 extra2 focus getbrowseratindex getbrowserfordocument getbrowserfortab getbrowserindexfordocument getbutton getdefaultsession geteditor getelementsbyattribute getelementsbyattributens getformattedstring gethtmleditor getindexoffirstvisiblerow getindexofitem getitematindex getnextitem getnotificationbox getnotificationwithvalue getnumberofvisiblerows getpagebyid getpreviousitem getresultat getresultcount getresultvalueat getrowcount getsearchat getselecteditem getsession getsessionbyname ...
commandManager - Archive of obsolete content
« xul reference commandmanager type: nsicommandmanager the command manager handles operations on the editor.
editingSession - Archive of obsolete content
« xul reference editingsession type: nsieditingsession the editing session for the editor which is used to initialize the editor.
Property - Archive of obsolete content
entpane currentset currenturi customtoolbarcount database datasources date dateleadingzero datevalue decimalplaces decimalsymbol defaultbutton defaultvalue description dir disableautocomplete disableautocomplete disableautoselect disabled disablekeynavigation dlgtype docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editortype emptytext deprecated since gecko 2 enablecolumndrag eventnode firstordinalcolumn firstpermanentchild flex focused focuseditem forcecomplete group handlectrlpageupdown handlectrltab hasuservalue height hidden hideseconds highlightnonmatches homepage hour hourleadingzero id ignoreblurwhilesearching image increment inputfield inverte...
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
ser window browsertoolbarpalette chrome://messenger/content/messenger.xul thunderbird - main window mailtoolbarpalette chrome://messenger/content/messenger...gercompose.xul thunderbird - compose window msgcomposetoolbarpalette chrome://messenger/content/addressbo...ddressbook.xul thunderbird - address book addressbooktoolbarpalette chrome://editor/content/editor.xul kompozer - main window nvutoolbarpalette chrome://calendar/content/calendar.xul sunbird - main window calendartoolbarpalette more information xulplanet.com references: <toolbarbutton>, <toolbaritem>.
Code Samples - Archive of obsolete content
chrome://passwordmgr/content/passwordmanager.xul" seamonkey navigator const name = "navigator:browser" const uri = "chrome://navigator/content/" mail & newsgroups const name = "mail:3pane" const uri = "chrome://messenger/content/" composer const name = "composer:html" const uri = "chrome://editor/content/" address book const name = "mail:addressbook" const uri = "chrome://messenger/content/addressbo...ddressbook.xul" irc chat const name = "irc:chatzilla" const uri = "chrome://chatzilla/content/" calendar const name = "calendarmainwindow" const uri = "chrome://calendar/content/" * at t...
Creating a Skin - Archive of obsolete content
#opensearch { list-style-image: url("chrome://editor/skin/icons/btn1.gif"); -moz-image-region: rect(48px 16px 64px 0); -moz-box-orient: vertical; } #savesearch { list-style-image: url("chrome://editor/skin/icons/btn1.gif"); -moz-image-region: rect(80px 16px 96px 0); -moz-box-orient: vertical; } mozilla provides a custom style property -moz-image-region which can be used to make an element use part of an image.
Creating a Window - Archive of obsolete content
the extension developer's extension contains an xul editor that allows you to type in xul code and see the results in real-time from within mozilla!
Property Files - Archive of obsolete content
double-check the save options of your text editor, because many don't do this by default.
The Chrome URL - Archive of obsolete content
the basic syntax of a chrome url is as follows: chrome://<package name>/<part>/<file.xul> the text <package name> is the package name, such as messenger or editor.
XUL Structure - Archive of obsolete content
for example, the editor package will have a file within it called editor.xul.
Using Remote XUL - Archive of obsolete content
you also need a text editor and a web browser that can render xul, like mozilla, or firefox.
Writing Skinnable XUL and CSS - Archive of obsolete content
mozilla can have any number of installed ui packages, from navigator to sidebar to editor.
XUL Questions and Answers - Archive of obsolete content
is there an editor widget in xul that supports syntax highlighting?
Accessibility/XUL Accessibility Reference - Archive of obsolete content
see tree elements that do not expose anything to screen readers/have no discovered accessibility issues yet: arrowscrollbox bbox box grippy hbox menuseparator overlay page script spacer splitter stringbundle stringbundleset vbox window elements not processed yet: action binding bindings broadcaster broadcasterset conditions content dialog dialogheader editor listcell member observes preference preferences prefpane prefwindow resizer richlistbox richlistitem resizer rule scrollbar scrollbox scrollcorner separator template textnode titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tooltip treeseparator triple wizard wizardpage case...
XML - Archive of obsolete content
humans read raw html often when they edit html documents, though this is changing as regular html editors are replaced by wysiwyg html editors, and so do html parsers, which use the markup to format the document in its presentational form in web browsers.
browser - Archive of obsolete content
subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
elements - Archive of obsolete content
a action arrowscrollbox b bbox binding bindings box broadcaster broadcasterset button browser c checkbox caption colorpicker column columns commandset command conditions content d deck description dialog dialogheader e editor grid grippy groupbox h hbox i iframe image k key keyset l label listbox listcell listcol listcols listhead listheader listitem m member menu menubar menuitem menulist menupopup menuseparator o observes overlay p page popup popupset preference preferences prefpane prefwindow progressmeter r radio radiogroup resizer richlistbox richlistitem resizer row rows rule s script scrollbar scrollbox scrollcorner ...
iframe - Archive of obsolete content
subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
panel - Archive of obsolete content
ArchiveMozillaXULpanel
warning: for firefox versions between 3.6 and 4.0, placing an iframe, browser or editor inside a panel is not supported.
wizard - Archive of obsolete content
this might be used, for example, to distinguish between a browser window and an editor window.
XUL - Archive of obsolete content
mailing list newsgroup rss feed #xul on irc.mozilla.org tools xul online live editor (copy & paste snippets from here and run them) xul explorer (a lightweight xul ide) xulexplorer (patched version of xul explorer) extension developer's extension (featuring a live xul editor) xulref sidebar firebug dom inspector spket ide, ide for xul/xbl ample sdk, (cross-browser xul renderer in javascript/html) ...
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
if you want to edit scripts, you should get the quickstart pack (which includes istool, the script editor.
XULRunner tips - Archive of obsolete content
extension developer's extension extension developer's extension is a useful tool, featuring live xul editor and javascript shell.
2006-10-27 - Archive of obsolete content
the presshells are currently used for printing, but should or could have been used for print previews and multiple views in editors.
Element - Archive of obsolete content
> (rss docs element) e <enclosure> (rss enclosure element) f g <generator> (rss generator element) <guid> (rss guid element) h <height> (rss height element) <hour> (rss hour element) i <image> (rss image element) <item> (rss item element) j k l <language> (rss language element) <lastbuilddate> (rss last build date element) <link> (rss link element) m <managingeditor> (rss managing editor element) n <name> (rss name element) o p <pubdate> (rss published date element) q r <rating> (rss rating element) <rss> (rss's root "rss" element) s <skipdays> (rss skip days element) <skiphours> (rss skip hours element) <source> (rss source element) t <textinput> (rss text input element) <title> (rss title element) <ttl> (rss ttl element) u...
.htaccess ( hypertext access ) - Archive of obsolete content
file accessing : htaccess files can be opened using any text editor, like windows notepad, vin, sublime text editor or any other.
-ms-ime-align - Archive of obsolete content
the -ms-ime-align css property is a microsoft extension aligning the input method editor (ime) candidate window box relative to the element on which the ime composition is active.
CSS - Archive of obsolete content
ArchiveWebCSS
ms-hyphenate-limit-lines css property is a microsoft extension specifying the maximum number of consecutive lines in an element that may be ended with a hyphenated word.-ms-hyphenate-limit-zonethe -ms-hyphenate-limit-zone css property is a microsoft extension specifying the width of the hyphenation zone.-ms-ime-alignthe -ms-ime-align css property is a microsoft extension aligning the input method editor (ime) candidate window box relative to the element on which the ime composition is active.
RDF: Resource Description Framework for metadata - Archive of obsolete content
ArchiveWebRDF
mailing list newsgroup rss feed rdf-dev mailing list tools rdf editors and tools rdf validator related topics xml categories interwiki language links ...
Building Mozilla XForms - Archive of obsolete content
the following scheme usually works (replace {geckoversion} with the used gecko/toolkit version): <em:minversion>{geckoversion}.0</em:minversion> <em:maxversion>{geckoversion}.*</em:maxversion> for example, for the firefox 3.5 version of the extension, it might look like that: <em:minversion>1.9.1.0</em:minversion> <em:maxversion>1.9.1.*</em:maxversion> then zip the files again (or use an editor like vim that can edit files inside a zip archive).
Archived open Web documentation - Archive of obsolete content
editorial review completed.
Archive of obsolete content
.htaccess ( hypertext access ) file accessing : htaccess files can be opened using any text editor, like windows notepad, vin, sublime text editor or any other.
Building up a basic demo with the PlayCanvas engine - Game development
summary now you can continue reading the playcanvas editor article, go back to the building up a basic demo with playcanvas page, or go back a level higher to the main 3d games on the web page.
WebVR — Virtual Reality for the Web - Game development
the webvr spec is in editor's draft status which means it is still subject to change.
Crisp pixel art look with image-rendering - Game development
original size 4x size 4x size (scaled with an image editor) none vendor's algorithm nearest-neighbor algorithm a css-based solution the good news is that you can use css to automatically do the up-scaling, which not only solves the blur problem, but also allows you to use the images in their original, smaller size, thus saving download time.
Tiles and tilemaps overview - Game development
this set of articles covers the basics of creating tile maps using javascript and canvas (although the same high level techniques could be used in any programming language.) besides the performance gains, tilemaps can also be mapped to a logical grid, which can be used in other ways inside the game logic (for example creating a path-finding graph, or handling collisions) or to create a level editor.
Tools for game development - Game development
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) ...
Create the Canvas and draw on it - Game development
using your favourite text editor, create a new html document, save it as index.html, in a sensible location, and add the following code to it: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>gamedev canvas workshop</title> <style> * { padding: 0; margin: 0; } canvas { background: #eee; display: block; margin: 0 auto; } </style> </head> <body> <canvas id="mycanvas" width="480" height="320...
Initialize the framework - Game development
using your favourite text editor, create a new html document, save it as index.html, in a sensible location, and add the following code to it: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>gamedev phaser workshop - lesson 01: initialize the framework</title> <style>* { padding: 0; margin: 0; }</style> <script src="js/phaser.min.js"></script> </head> <body> <script> var game = new phaser.game(...
2D maze game with device orientation - Game development
we could use a level editor, but for the sake of this tutorial let's create something on our own.
IDE - MDN Web Docs Glossary: Definitions of Web-related terms
an ide normally consists of a source code editor, build automation tools and a debugger.
markup - MDN Web Docs Glossary: Definitions of Web-related terms
types of markup language presentational markup: used by traditional word processing sytem with wysiwyg (what you see it is what you get); this is hidden from human authors, users and editors.
MDN Web Docs Glossary: Definitions of Web-related terms
er http/2 http/3 https hyperlink hypertext i i18n iana icann ice ide idempotent identifier idl ietf iife imap immutable index indexeddb information architecture inheritance input method editor instance internationalization internet intrinsic size ip address ipv4 ipv6 irc iso isp itu j jank java javascript jpeg jquery json k key keyword l latency layout ...
WAI-ARIA basics - Learn web development
open them both in a text editor and have a look at how the code works.
Debugging CSS - Learn web development
for inspecting the properties and values applied to elements on your page, and making changes to them from the editor.
Organizing your CSS - Learn web development
many code editors can do this for you, or you can install command line tools to help.
Flexbox - Learn web development
to get started, you should make a local copy of the first starter file — flexbox0.html from our github repo — load it in a modern browser (like firefox or chrome), and have a look at the code in your code editor.
Grids - Learn web development
the following video provides a nice visual explanation of using css grid: defining a grid as a starting point, download and open the starting point file in your text editor and browser (you can also see it live here).
Practical positioning examples - Learn web development
save this somewhere sensible on your local computer, and open it up in your text editor.
Web fonts - Learn web development
you can use the firefox font editor to investigate and manipulate the fonts in use on your page, whether they are web fonts or not.
How do you make sure your website works properly? - Learn web development
so correct the typo in your code editor by changing the image's src attribute: save, push to the server, and reload the page in your browser: there you go!
How do you host your website on Google App Engine? - Learn web development
drag and drop the sample-app folder into the left pane of the code editor.
Basic native form controls - Learn web development
all rich text editors you'll encounter are custom widgets created with html, css, and javascript.
Dealing with files - Learn web development
using your text editor, create a new file called index.html and save it just inside your test-site folder.
HTML basics - Learn web development
here, class is the attribute name and editor-note is the attribute value.
Getting started with the Web - Learn web development
if you're just starting out, you might be confused by the array of code editors, frameworks, and testing tools out there.
Add a hitmap on top of an image - Learn web development
learn more <img> <map> <area> online image map editor advice on handling email clients ...
Advanced text formatting - Learn web development
if you wrap the text in <pre></pre> tags however, your whitespace will be rendered identically to how you see it in your text editor.
Creating hyperlinks - Learn web development
active learning: creating your own example link create an html document using your local code editor and our getting started template.
Document and website structure - Learn web development
for example: <p>the king walked drunkenly back to his room at 01:00, the beer doing nothing to aid him as he staggered through the door <span class="editor-note">[editor's note: at this point in the play, the lights should be down low]</span>.</p> in this case, the editor's note is supposed to merely provide extra direction for the director of the play; it is not supposed to have extra semantic meaning.
Getting started with HTML - Learn web development
create a new file in your text editor.
Images in HTML - Learn web development
you should use an image editor to put your image at the correct size before putting it on your webpage.
Responsive images - Learn web development
create a web-sized version of it using a graphics editor, then crop it to show a smaller part that zooms in on the detail, and create a second image (about 480px wide is good for this).
Functions — reusable blocks of code - Learn web development
open the example up in a browser and in your text editor.
A first splash into JavaScript - Learn web development
open it in both your text editor and your web browser.
Working with JSON - Learn web development
note: if you are having trouble getting the example to work, try referring to our heroes-finished.html source code (see it running live also.) note: if you are having trouble following the dot/bracket notation we are using to access the javascript object, it can help to have the superheroes.json file open in another tab or your text editor, and refer to it as you look at our javascript.
Framework main features - Learn web development
to render this component, we would write code like this in the place where we want it rendered (which will probably be inside another component): <authorcredit src="./assets/zelda.png" alt="portrait of zelda schiff" byline="zelda schiff is editor-in-chief of the library times." /> this will ultimately render the following <figure> element in the browser, with its structure as defined in the authorcredit component, and its content as defined in the props included on the authorcredit component call: <figure> <img src="assets/zelda.png" alt="portrait of zelda schiff" > <figcaption> zelda schiff is editor-in-chief of the l...
Starting our Svelte Todo list app - Learn web development
moreover, our editor can display this warning even before calling the compiler: you can tell svelte to ignore this warning for the next block of markup with a comment beginning with svelte-ignore, like this: <!-- svelte-ignore a11y-missing-attribute --> <img height="32" width="88" src="https://udn.realityripple.com/samples/b0/98dase3c7d.png"> note: with vscode you can automatically add this ignore comment by c...
Dynamic behavior in Svelte: working with variables and props - Learn web development
to turn our component into a general purpose to-do editor we should allow the parent of this component to pass in the list of todos to edit.
Creating our first Vue component - Learn web development
open the file in your code editor.
Introduction to automated testing - Learn web development
with the in-built image editor, highlight your screenshot before you push it to your colleagues.
CSUN Firefox Materials
browse with caret allows users to select arbitrary content with the keyboard and move through content as if inside a read-only editor.
Embedding API for Accessibility
set, the mouse pointer will always be move to the 0,0 pixel of the current keyboard focus frame */ no browse with caret setboolpref("accessibility.browsewithcaret", usecaret); /* if this pref is set, the caret will be visible in the text of the browser, allowing the user to cursor around the html content as if in a read-only editor */ moz 0.9 special content notifications the w3c uaag specifies types of content that must be optional.
Gecko info for Windows accessibility vendors
unique features role_document default role for root object of document dhtml: role="wairole:document" sets state_readonly indicates it is a normal document, otherwise we're in an editor.
Mozilla's Section 508 Compliance
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.
Debugging Table Reflow
debug_table_strategy editor's note: the following examples are not shown correctly due to the wiki's technical constraint.
Debugging a hang on OS X (Archived)
if you need to upload the sample to bugzilla, select all the sample text, copy it into your favorite text editor, and save as a plain-text file.
HTTP logging
older editors may have problems with this, but if you're using an even reasonably modern mac os x application to view the log, you won't have any problems.
Old Thunderbird build
building thunderbird and lightning if you've set up your build environment as above, then all you need to do is: echo 'ac_add_options --enable-calendar' >> mozconfig in the comm-central directory, or just add the ac_add_options --enable-calendar line to your mozconfig with your favorite editor.
Simple Instantbird build
st download the purplexpcom code: hg clone http://hg.mozilla.org/users/florian_queze.net/purple mozilla/extensions/purple if you've set up your build environment as above, then all you need to do is: echo 'ac_add_options --enable-extensions=purple' >> .mozconfig in the comm-central directory, or just add the ac_add_options --enable-extensions=purple line to your .mozconfig with your favorite editor.
Simple Sunbird build
building sunbird and lightning if you've set up you build environment as above, then all you need to do is: echo 'ac_add_options --enable-calendar' >> .mozconfig or just add the ac_add_options --enable-calendar line to your .mozconfig with your favourite editor.
pymake
type touch .profile using any appropriate text editor open .profile and add the following line in the file (assuming your mozilla-central is at c:/mozilla-central, if not, adjust your path accordingly.) alias pymake=c:/mozilla-central/build/pymake/make.py save your .profile edit and close the shell, then restart the shell.
Experimental features in Firefox
editor's note: when adding features to these tables, please try to include a link to the relevant bug or bugs using the bug macro: {{bug(bug-number)}}.
Roll your own browser: An embedding how-to
(screenshot) macromedia homesite html editor: internal browser for the homesite studio application is implemented by embedding mozilla.
Embedding Mozilla
embedding the editor this document describes the current state of editor embeddability, problems with the existing implementation, some possible embedding scenarios that we need to deal with, and an embedding solution that will fulfil them.
Extending a Protocol
implementing the navigator.echo() in your favorite editor, open dom/webidl/navigator.webidl at the end of the file, add: partial interface navigator { [throws] promise<domstring> echo(domstring astring); }; now we need to implement the echo() method in c++, so open up ./dom/base/navigator.h and let's add the method definition, so under public:: already_addrefed<promise> echo(const nsastring& astring, errorresult& arv); we use nsastring& ...
Introduction to Layout in Mozilla
invalid content) - harishd events - saari, joki block-and-line reflow - waterson, dbaron table reflow - karnaze form controls - rods, bryner style resolution and rule tree - dbaron views, widgets, and painting - roc, kmcclusk editor - kin, jfrancis xul and box layout - hewitt, ben xbl - hewitt, ben conclusion data flow key data structures detailed walk-through incrementalism q & a?
JavaScript code modules
source-editor.jsm the source editor is used by developer tools such as, the style editor; this interface implements the editor and lets you interact with it.
L10n testing with xcode
select the client project in the left pane and choose editor > import localizations from the toolbar and select your localized xliff file.
Localization content best practices
note on localizers mozilla localizers are volunteers with very diverse technical skills: some of them rely exclusively on translation tools, others prefer to work directly with text editors and don't have problems working with vcs systems.
Localizing XLIFF files for iOS
translating the xliff file open the firefox-ios.xliff file in your favorite text editor.
Localizing with Mercurial
your config file should have the following settings: [ui] username = your real name <user@example.com> merge = internal:merge [defaults] commit = -v [diff] git = 1 showfunc = 1 unified = 8 to configure hg, follow these steps: create a new file in your favorite text editor.
Localizing without a specialized tool
(read more about tools at l10n:tools.) after you have downloaded your editor of choice, type the following command in the same path from above (l10n-mozilla-1.9.2/x-testing/browser/chrome/browser) $ edit l10n-mozilla-1.9.2/x-testing/browser/chrome/browser/aboutcerterror.dtd read the top of the file to get any context on how to translate contained in the notes written by the developers or l10n-drivers.
Localization prerequisites
a text editor.
Initial setup
a solid, unicode-based, text editor here are some suggestions: windows: notepad++ or notepad2 gnu/linux: vim, gedit or kate mac os x: textwrangler gnu make make is a tool which controls the generation of executables.
SVN for Localizers
open the files you want to translate with your favorite text editor.
Writing localizable code
about localizers a few notes about localizers for developers who rarely deal with them: localizers like tools, and they don't like editors, localization tools are often based on key-value pairs, at least some localizers have their talents focused on language skills and are not savvy in programming, or even building applications.
Mozilla MathML Project
create mathml documents authoring mathml editors converters stylesheets original document information author(s): roger b.
DMD
if you are not familiar with that method, you can ignore this parenthetical note.) first make the executable wrapper on your host machine using the editor of your choice.
A brief guide to Mozilla preferences
modifying preferences advanced users can set named preferences via the advanced preferences editor, by typing about:config in the location bar.
How to embed the JavaScript engine
copy the code example above into a text editor and save the file as helloworld.cpp in the spidermonkey js\src directory.
Mozilla Projects
midas midas is the code name for gecko's built-in rich text editor.
Animated PNG graphics
MozillaTechAPNG
apng-aware png editors should restore them to correct order using the sequence numbers.
Setting up the Gecko SDK
building a windows project this section is writting for those of you who do not wish to install visual studio or the express edition, allowing the user to be able to create commercial extensions without buying the full version of visual studio and allowing them to use their own editors.
Components.utils
the object currently has the following members: editors!
mozISpellCheckingEngine
extensions can use this interface to check spelling or provide its own spell checker to editors.
nsIAccessibleDocument
note: renamed from document in gecko 2.0 iseditable boolean true if the document is live in an editor.
nsIAccessibleEditableText
s); void deletetext(in long startpos, in long endpos); void inserttext(in astring text, in long position); void pastetext(in long position); void setattributes(in long startpos, in long endpos, in nsisupports attributes); unimplemented void settextcontents(in astring text); attributes attribute type description associatededitor nsieditor returns an editor associated with the accessible.
nsIAccessibleRole
role_date_editor 69 represents control whose purpose is to allow a user to edit a date.
nsIDOMWindowUtils
query_editor_rect 3205 query_text_rect queries the focused editor's rect.
nsIDOMXULElement
gets or creates a box object for the element; browser, editor, iframe, listbox, menu, menupopup, scrollbox, tooltip and tree elements receive specialized box objects allowing access to additional properties not normally available from script.
Building an Account Manager Extension
function onpreinit(account, accountvalues) { } function oninit(pageid, serverid) { } function onaccepteditor() { } function onsave() { } function updatepage() {} step5: putting it all together // todo build an demo extension for this tutorial...
nsISelectionPrivate
void startbatchchanges(); wstring tostringwithformat(in string formattype, in unsigned long flags, in print32 wrapcolumn); attributes attribute type description cancacheframeoffset boolean frame offset cache can be used just during calling nseditor::endplaceholdertransaction.
nsISound
event_editor_max_len 7 more characters than the maximum allowed are typed into a text field.
nsITransaction
editor/txmgr/idl/nsitransaction.idlscriptable please add a summary to this article.
nsITransactionList
editor/txmgr/idl/nsitransactionlist.idlscriptable please add a summary to this article.
nsITransactionListener
editor/txmgr/idl/nsitransactionlistener.idlscriptable this interface is implemented by an object that tracks transactions.
nsITransactionManager
editor/txmgr/idl/nsitransactionmanager.idlscriptable this interface is implemented by an object that wants to manage/track transactions.
nsMsgSearchAttrib
the numerical order * from here will also be used to determine the order that the * attributes display in the filter editor.
Frequently Asked Questions
nscomptr<nsifoo> foo( do_queryinterface(abar, &rv) ); if ( foo ) foo->dosomefoothing(); // |foo| goes out of scope, and so |release|s its referent, here } // ...tons of stuff here, during which i don't need an |nsifoo| return rv; } editors note: move this discussion to the efficiency section, and link to it from here.
Mail composition back end
ns_imethod createandsendmessage( nsieditorshell *aeditor, - the editor object for the mail compose operation.
Building a Thunderbird extension 1: introduction
at a minimum you will need: text editor: any editor that is capable of writing plain text can be used to write extensions.
customDBHeaders Preference
setting the preferences although there are various ways to set preferences, i tend to just navigate to the directory where my profile is stored and edit the user.js file with my favorite text editor.
Add to iPhoto
there are also a few constants used for the flags field in the lsapplicationparameters structure: this.klsrolesnone = 1; this.klsrolesviewer = 2; this.klsroleseditor = 4; this.klsrolesall = 0xffffffff; implementing the extension now that the mac os x apis we'll be using have been declared, we can write the core of the extension itself.
Color vision simulation - Firefox Developer Tools
in the firefox configuration editor, make sure the gfx.webrender.all option is set to true.
Browser Toolbox - Firefox Developer Tools
altogether you will have access to the following developer tools: debugger (note: if you want to debug a specific add-on that is restartless or sdk-based then try the add-on debugger.) console style editor performance network monitor page inspector accessibility inspector you can debug chrome: and about: pages using the normal debugger, just as if they were ordinary content pages.
Edit CSS filters - Firefox Developer Tools
css filter properties in the rules view have a circular gray and white swatch next to them: clicking the swatch opens a filter editor: the filter editor lists each of the effects performed by that filter on a separate line.
Page inspector keyboard shortcuts - Firefox Developer Tools
show/hide more information about current property (computed view only, when a property is selected) enter or space return or space enter or space open mdn reference page about current property (computed view only, when a property is selected) f1 f1 f1 open current css file in style editor (computed view only, when more information is shown for a property and a css file reference is focused).
Tips - Firefox Developer Tools
style editor the black box icon () in the style sheet pane toggles the visibility of a style sheet.
Toolbox - Firefox Developer Tools
the array may include the following tools: web console javascript debugger page inspector style editor profiler network monitor note that not all the hosted tools are always listed here: only the tools actually available in this context are shown (for example, not all tools support remote debugging yet, so if the debugging target is not the firefox instance that launched the window, not all the hosted tools will be shown).
about:debugging - Firefox Developer Tools
to enable it, open the configuration editor (about:config) and set devtools.aboutdebugging.new-enabled to true.
Firefox Developer Tools
style editor view and edit css styles for the current page.
AbstractRange.collapsed - Web APIs
editor's draft initial definition.
AbstractRange.endContainer - Web APIs
editor's draft initial definition.
AbstractRange.endOffset - Web APIs
editor's draft initial definition.
AbstractRange.startContainer - Web APIs
editor's draft initial definition.
AbstractRange.startOffset - Web APIs
editor's draft initial definition.
Animation() - Web APIs
working draft editor's draft.
Animation.cancel() - Web APIs
WebAPIAnimationcancel
working draft editor's draft.
Animation.effect - Web APIs
WebAPIAnimationeffect
working draft editor's draft.
Animation.finished - Web APIs
working draft editor's draft.
Animation.id - Web APIs
WebAPIAnimationid
working draft editor's draft.
Animation.oncancel - Web APIs
working draft editor's draft.
Animation.onfinish - Web APIs
working draft editor's draft.
Animation.onremove - Web APIs
working draft editor's draft.
Animation.ready - Web APIs
WebAPIAnimationready
working draft editor's draft.
Animation.startTime - Web APIs
working draft editor's draft.
Animation.timeline - Web APIs
working draft editor's draft.
AnimationEffect.getComputedTiming() - Web APIs
working draft editor's draft.
AnimationEffect.getTiming() - Web APIs
working draft editor's draft.
AnimationEffect.updateTiming() - Web APIs
working draft editor's draft.
AnimationEffect - Web APIs
working draft editor's draft.
AnimationPlaybackEvent.AnimationPlaybackEvent() - Web APIs
working draft editor's draft.
AnimationPlaybackEvent.currentTime - Web APIs
working draft editor's draft.
AnimationPlaybackEvent.timelineTime - Web APIs
working draft editor's draft.
AnimationPlaybackEvent - Web APIs
working draft editor's draft.
AnimationTimeline.currentTime - Web APIs
working draft editor's draft.
AnimationTimeline - Web APIs
working draft editor's draft.
Finale - Web APIs
WebAPICanvas APITutorialFinale
more examples and tutorials there are a variety of demos and further explanations about canvas on these sites: codepen.io front end developer playground & code editor in the browser.
Clipboard API - Web APIs
accessing the clipboard instead of creating a clipboard object through instantiation, you access the system clipboard through the navigator.clipboard global: navigator.clipboard.readtext().then( cliptext => document.queryselector(".editor").innertext += cliptext); this snippet fetches the text from the clipboard and appends it to the first element found with the class editor.
CompositionEvent.data - Web APIs
for compositionend events, this is the string as committed to the editor.
CrashReportBody - Web APIs
editor's draft ...
DeprecationReportBody - Web APIs
editor's draft ...
Detecting device orientation - Web APIs
specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceMotionEvent.acceleration - Web APIs
h axis is represented with its own property: x represents the acceleration upon the x axis which is the west to east axis y represents the acceleration upon the y axis which is the south to north axis z represents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.accelerationIncludingGravity - Web APIs
h axis is represented with its own property: x represents the acceleration upon the x axis which is the west to east axis y represents the acceleration upon the y axis which is the south to north axis z represents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.interval - Web APIs
syntax var interval = devicemotionevent.interval; specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.rotationRate - Web APIs
specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent - Web APIs
editor's draft initial definition.
DeviceMotionEventAcceleration: x - Web APIs
editor's draft ...
DeviceMotionEventAcceleration: y - Web APIs
editor's draft ...
DeviceMotionEventAcceleration: z - Web APIs
editor's draft ...
DeviceMotionEventAcceleration - Web APIs
editor's draft initial definition ...
DeviceMotionEventRotationRate: alpha - Web APIs
editor's draft ...
DeviceMotionEventRotationRate: beta - Web APIs
editor's draft ...
DeviceMotionEventRotationRate: gamma - Web APIs
editor's draft ...
DeviceMotionEventRotationRate - Web APIs
editor's draft ...
DeviceOrientationEvent.DeviceOrientationEvent() - Web APIs
specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceOrientationEvent.absolute - Web APIs
specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.alpha - Web APIs
syntax var alpha = instanceofdeviceorientationevent.alpha; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.beta - Web APIs
syntax var beta = instanceofdeviceorientationevent.beta; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.gamma - Web APIs
syntax var gamma = orientationevent.gamma; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent - Web APIs
example window.addeventlistener('deviceorientation', function(event) { console.log(event.alpha + ' : ' + event.beta + ' : ' + event.gamma); }); specifications specification status comment deviceorientation event specification editor's draft initial specification.
Device Memory API - Web APIs
specifications specification status comment device memory 1 editor's draft initial definition.
Document.execCommand() - Web APIs
enableabsolutepositioneditor enables or disables the grabber that allows absolutely-positioned elements to be moved around.
Document.featurePolicy - Web APIs
specification specification status comment feature policy editor's draft initial definition.
Document.queryCommandEnabled() - Web APIs
the document.querycommandenabled() method reports whether or not the specified editor command is enabled by the browser.
Document.queryCommandSupported() - Web APIs
the document.querycommandsupported() method reports whether or not the specified editor command is supported by the browser.
Document.timeline - Web APIs
WebAPIDocumenttimeline
working draft editor's draft.
DocumentTimeline.DocumentTimeline() - Web APIs
working draft editor's draft.
DocumentTimeline - Web APIs
working draft editor's draft.
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
this is needed internally so that the editor can preserve formatting of documents.
EffectTiming.delay - Web APIs
working draft editor's draft.
EffectTiming.direction - Web APIs
working draft editor's draft.
EffectTiming.duration - Web APIs
working draft editor's draft.
EffectTiming.easing - Web APIs
working draft editor's draft.
EffectTiming.endDelay - Web APIs
working draft editor's draft.
EffectTiming.fill - Web APIs
WebAPIEffectTimingfill
working draft editor's draft.
EffectTiming.iterationStart - Web APIs
working draft editor's draft.
EffectTiming.iterations - Web APIs
working draft editor's draft.
Element: compositionend event - Web APIs
the compositionend event is fired when a text composition system such as an input method editor completes or cancels the current composition session.
Element: compositionstart event - Web APIs
the compositionstart event is fired when a text composition system such as an input method editor starts a new composition session.
Element: compositionupdate event - Web APIs
the compositionupdate event is fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor.
Element.getAnimations() - Web APIs
working draft editor's draft.
FeaturePolicy.allowedFeatures() - Web APIs
editor's draft initial definition.
FeaturePolicy.allowsFeature() - Web APIs
editor's draft initial definition.
FeaturePolicy.features() - Web APIs
editor's draft initial definition.
FeaturePolicy.getAllowlistForFeature() - Web APIs
editor's draft initial definition.
FeaturePolicy - Web APIs
specification specification status comment feature policy editor's draft initial definition.
FileRequest.lockedFile - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
FileRequest - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
FileSystemFileEntry.file() - Web APIs
editor's note: we need to find out what kinds of errors can occur and document them.
FileHandle API - Web APIs
specification status comment filesystem api editor's draft draft proposal ...
Introduction to the File and Directory Entries API - Web APIs
audio or photo editor with offline access or local cache (great for performance and speed) the app can write to files in place (for example, overwriting just the id3/exif tags and not the entire file).
FontFaceSet - Web APIs
editor's draft initial definition ...
Gamepad.hand - Web APIs
WebAPIGamepadhand
editor's draft initial definition ...
Gamepad.hapticActuators - Web APIs
editor's draft initial definition ...
Gamepad - Web APIs
WebAPIGamepad
editor's draft defines the experimental extensions to gamepad ...
GamepadHapticActuator.pulse() - Web APIs
editor's draft initial definition ...
GamepadHapticActuator.type - Web APIs
editor's draft initial definition ...
GamepadHapticActuator - Web APIs
editor's draft initial definition ...
Gamepad API - Web APIs
tutorials and guides using the gamepad api implementing controls using the gamepad api specifications specification status comment gamepad extensions editor's draft defines the experimental gamepad extensions.
HTMLElement.onpaste - Web APIs
html <h3>play with this text area:</h3> <textarea id="editor" rows="3">try copying and pasting text into this field!</textarea> <h3>log:</h3> <p id="log"></p> javascript function logcopy(event) { log.innertext = 'copied!\n' + log.innertext; } function logpaste(event) { log.innertext = 'pasted!\n' + log.innertext; } const editor = document.getelementbyid('editor'); const log = document.getelementbyid('log'); editor.oncopy = logcopy; editor.onpaste...
HTMLIFrameElement.featurePolicy - Web APIs
specification specification status comment feature policy editor's draft initial definition.
HTMLImageElement.alt - Web APIs
view the css editors: if you change the css below, please be sure to close the details box using the toggle at the top of the css view before saving.
HTMLVideoElement.getVideoPlaybackQuality() - Web APIs
editor's draft initial definition.
FileHandle.getFile() - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal ...
FileHandle.name - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.onabort - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.onerror - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.open() - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal ...
FileHandle.type - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
InterventionReportBody - Web APIs
editor's draft ...
Keyboard.getLayoutMap() - Web APIs
editor's draft initial definition.
Keyboard.lock() - Web APIs
WebAPIKeyboardlock
editor's draft initial definition.
Key Values - Web APIs
ime and composition keys keys used when using an input method editor (ime) to input text which can't readily be entered by simple keypresses, such as text in languages such as those which have more graphemes than there are character entry keys on the keyboard.
KeyboardLayoutMap.entries - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.forEach() - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.get() - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.has() - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.keys - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.size - Web APIs
editor's draft initial definition.
KeyboardLayoutMap.values - Web APIs
editor's draft initial definition.
KeyboardLayoutMap - Web APIs
editor's draft initial definition.
KeyframeEffect.KeyframeEffect() - Web APIs
working draft editor's draft.
KeyframeEffect.composite - Web APIs
working draft editor's draft.
KeyframeEffect.getKeyframes() - Web APIs
working draft editor's draft.
KeyframeEffect.setKeyframes() - Web APIs
working draft editor's draft.
KeyframeEffect.target - Web APIs
working draft editor's draft.
LargestContentfulPaint - Web APIs
editor's draft initial definition.
LayoutShift - Web APIs
editor's draft initial definition.
LayoutShiftAttribution - Web APIs
editor's draft initial definition.
LockedFile.abort() - Web APIs
WebAPILockedFileabort
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.active - Web APIs
WebAPILockedFileactive
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.append() - Web APIs
WebAPILockedFileappend
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.fileHandle - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.flush() - Web APIs
WebAPILockedFileflush
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.getMetadata() - Web APIs
they have the following format: size : a number lastmodified : a date object specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.location - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.mode - Web APIs
WebAPILockedFilemode
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.onabort - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.oncomplete - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.onerror - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.readAsArrayBuffer() - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.readAsText() - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.truncate() - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.write() - Web APIs
WebAPILockedFilewrite
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile - Web APIs
specifications specification status comment filesystem api editor's draft draft proposal.
MSCandidateWindowHide - Web APIs
mscandidatewindowhide fires after the input method editor (ime) candidate window closes and is fully hidden.
MSCandidateWindowShow - Web APIs
mscandidatewindowshow fires immediately after the input method editor (ime) candidate window is set to appear, but before it renders.
MSCandidateWindowUpdate - Web APIs
mscandidatewindowupdate fires after the input method editor (ime) candidate window has been identified as needing to change size, but before any visual updates have rendered.
Navigator.deviceMemory - Web APIs
editor's draft initial definition.
Navigator.keyboard - Web APIs
editor's draft initial definition.
Navigator.vibrate() - Web APIs
WebAPINavigatorvibrate
specifications specification status comment vibration api recommendation linked to spec is the latest editor's draft; w3c version is a rec.
Navigator.wakeLock - Web APIs
syntax const wakelock = navigator.wakelock; specifications specification status comment screen wake lock api editor's draft initial definition ...
PerformanceEntry - Web APIs
" + properties[i] + " is not supported"); } } } specifications specification status comment resource timing level 3 editor's draft resource timing level 2 working draft resource timing level 1 candidate recommendation adds the performanceresourcetiming interface and the resource value for entrytype.
Using the Performance API - Web APIs
timing = perf.timing; o.innerhtml += "<p>peformance.timing = " + json.stringify(timing) + "</p>"; var navigation = perf.navigation; o.innerhtml += "<p>peformance.navigation = " + json.stringify(navigation) + "</p>"; } } specifications the interfaces described in this document are defined in the high resolution time standard which has two levels: high-resolution time level 2; editors draft; work in progress high-resolution time; w3c recommendation 17 december 2012 interoperability as shown in the performance interface's browser compatibility table, most of the performance interfaces are broadly implemented by desktop browsers.
Using Performance Timeline - Web APIs
specifications the interfaces described in this document are defined in the performance timeline standard which has two levels: performance timeline level 2; editors draft; work in progress.
PointerEvent.getCoalescedEvents() - Web APIs
editor's draft initial definition.
PointerEvent - Web APIs
editor's draft added the getcoalescedevents() and getpredictedevents() methods and pointerrawupdate event.
Pointer events - Web APIs
specifications specification status comment pointer events – level 3 editor's draft added new apis for getcoalescedevent and getpredictedevents, new pointerrawupdate event, additional touch-action property values pan-left, pan-right, pan-up, pan-down.
Report.body - Web APIs
WebAPIReportbody
editor's draft ...
Report.type - Web APIs
WebAPIReporttype
editor's draft ...
Report.url - Web APIs
WebAPIReporturl
editor's draft ...
Report - Web APIs
WebAPIReport
editor's draft ...
ReportingObserver() - Web APIs
editor's draft ...
ReportingObserver.disconnect() - Web APIs
editor's draft ...
ReportingObserver.observe() - Web APIs
editor's draft ...
ReportingObserver.takeRecords() - Web APIs
editor's draft ...
ReportingObserver - Web APIs
editor's draft initial definition.
ReportingObserverOptions - Web APIs
editor's draft ...
ResizeObserver() - Web APIs
editor's draft initial definition.
ResizeObserver.disconnect() - Web APIs
editor's draft initial definition.
ResizeObserver.observe() - Web APIs
editor's draft initial definition.
ResizeObserver.unobserve() - Web APIs
editor's draft initial definition.
ResizeObserver - Web APIs
editor's draft initial definition.
ResizeObserverEntry.borderBoxSize - Web APIs
editor's draft initial definition.
ResizeObserverEntry.contentBoxSize - Web APIs
editor's draft initial definition.
ResizeObserverEntry.contentRect - Web APIs
editor's draft initial definition.
ResizeObserverEntry.target - Web APIs
editor's draft initial definition.
ResizeObserverEntry - Web APIs
editor's draft initial definition.
Resize Observer API - Web APIs
(entry.contentboxsize.blocksize/10)) + 'px'; } else { entry.target.style.borderradius = math.min(100, (entry.contentrect.width/10) + (entry.contentrect.height/10)) + 'px'; } } }); resizeobserver.observe(document.queryselector('div')); specifications specification status comment resize observer editor's draft initial definition.
Resource Timing API - Web APIs
see also resource timing standard; w3c editor's draft caniuse data resource timing practical tips; steve souders; 2014 august 21 measuring network performance with resource timing api; ilya grigorik; 2013 december 11 a primer for web performance timing apis; xiaoqian wu; w3c editor's draft ...
SVGAnimateElement - Web APIs
editor's draft removed the inheritance from svgstylable.
SVGAnimateMotionElement - Web APIs
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'svganimatemotionelement' in that specification.
SVGAnimateTransformElement - Web APIs
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'svganimatetransformelement' in that specification.
SVGAnimationElement.onbegin - Web APIs
editor's draft initial definition ...
SVGAnimationElement.onend - Web APIs
editor's draft initial definition ...
SVGAnimationElement.onrepeat - Web APIs
editor's draft initial definition ...
targetElement - Web APIs
editor's draft added null as return value in case that no target element is being animated.
SVGAnimationElement - Web APIs
editor's draft scalable vector graphics (svg) 1.1 (second edition)the definition of 'svganimationelement' in that specification.
SVGMPathElement - Web APIs
editor's draft removed the implemented interface svgexternalresourcesrequired.
SVGSetElement - Web APIs
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgsetelement' in that specification.
Selection API - Web APIs
editor's draft initial (older) definition, which is now outdated.
StaticRange.collapsed - Web APIs
editor's draft initial definition.
StaticRange.endContainer - Web APIs
editor's draft initial definition.
StaticRange.endOffset - Web APIs
editor's draft initial definition.
StaticRange.startContainer - Web APIs
editor's draft initial definition.
StaticRange.startOffset - Web APIs
editor's draft initial definition.
StaticRange.toRange() - Web APIs
editor's draft initial definition.
StaticRange - Web APIs
editor's draft initial definition.
Using the User Timing API - Web APIs
see also user timing standard; w3c editor's draft a primer for web performance timing apis; xiaoqian wu; w3c editor's draft ...
User Timing API - Web APIs
see also user timing standard; w3c editor's draft caniuse data a primer for web performance timing apis; xiaoqian wu; w3c editor's draft ...
Vibration API - Web APIs
specifications specification status comment vibration api recommendation linked to spec is the latest editor's draft; w3c version is a rec.
VideoPlaybackQuality.corruptedVideoFrames - Web APIs
editor's draft ...
VideoPlaybackQuality.creationTime - Web APIs
editor's draft initial definition.
VideoPlaybackQuality.droppedVideoFrames - Web APIs
editor's draft initial definition.
VideoPlaybackQuality.totalVideoFrames - Web APIs
editor's draft initial definition.
VideoPlaybackQuality - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.beginQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.beginTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.bindBufferBase() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.bindBufferRange() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.bindSampler() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.bindTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.bindVertexArray() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.blitFramebuffer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.clearBuffer[fiuv]() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.clientWaitSync() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.compressedTexSubImage3D() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.copyBufferSubData() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.copyTexSubImage3D() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.createQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.createSampler() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.createTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.createVertexArray() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.deleteQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.deleteSampler() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.deleteSync() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.deleteTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.deleteVertexArray() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.drawArraysInstanced() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.drawBuffers() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.drawElementsInstanced() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.drawRangeElements() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.endQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.endTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.fenceSync() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.framebufferTextureLayer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getActiveUniformBlockName() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getActiveUniformBlockParameter() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getActiveUniforms() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getBufferSubData() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.getFragDataLocation() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.getIndexedParameter() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getInternalformatParameter() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.getQueryParameter() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.getSamplerParameter() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.getSyncParameter() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getTransformFeedbackVarying() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getUniformBlockIndex() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.getUniformIndices() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.invalidateFramebuffer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.invalidateSubFramebuffer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.isQuery() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.isSampler() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.isSync() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.isTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.isVertexArray() - Web APIs
editor's draft initial definition.
WebGL2RenderingContext.pauseTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.readBuffer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.renderbufferStorageMultisample() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.resumeTransformFeedback() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.texImage3D() - Web APIs
editor's draft updated definition for webgl.
WebGL2RenderingContext.texStorage2D() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.texStorage3D() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.texSubImage3D() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.transformFeedbackVaryings() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.uniform[1234][uif][v]() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.uniformBlockBinding() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.uniformMatrix[234]x[234]fv() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.vertexAttribDivisor() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.vertexAttribI4[u]i[v]() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.vertexAttribIPointer() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext.waitSync() - Web APIs
editor's draft initial definition for webgl.
WebGL2RenderingContext - Web APIs
editor's draft initial definition.
WebGLQuery - Web APIs
editor's draft initial definition.
WebGLRenderingContext.bindBuffer() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.bindFramebuffer() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.bindTexture() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.getBufferParameter() - Web APIs
editor's draft updated definition for webgl.
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.getParameter() - Web APIs
editor's draft adds additional parameter names.
WebGLRenderingContext.getProgramParameter() - Web APIs
editor's draft adds new pname values: gl.transform_feedback_buffer_mode, gl.transform_feedback_varyings, gl.active_uniform_blocks ...
WebGLRenderingContext.getRenderbufferParameter() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.getTexParameter() - Web APIs
editor's draft updated definition for webgl.
WebGLRenderingContext.getUniform() - Web APIs
editor's draft updated definition for webgl.
WebGLRenderingContext.getVertexAttrib() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.isEnabled() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.pixelStorei() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.renderbufferStorage() - Web APIs
editor's draft updated definition for webgl 2.
WebGLRenderingContext.texImage2D() - Web APIs
editor's draft updated definition for webgl.
WebGLRenderingContext.texParameter[fi]() - Web APIs
editor's draft updated definition for webgl.
WebGLRenderingContext.texSubImage2D() - Web APIs
editor's draft updated definition for webgl.
WebGLSampler - Web APIs
editor's draft initial definition.
WebGLSync - Web APIs
WebAPIWebGLSync
editor's draft initial definition.
WebGLTransformFeedback - Web APIs
editor's draft initial definition.
WebGLVertexArrayObject - Web APIs
editor's draft initial definition.
WebGL constants - Web APIs
editor's draft defines additional constants.
WebGL types - Web APIs
WebAPIWebGL APITypes
editor's draft defines additional types.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
some of the more noteworthy things rtp doesn't include: editor's note: we should add information about where these deficiencies are compensated for, if they are at all.
Taking still photos with WebRTC - Web APIs
you can play with this effect using, for example, the firefox developer tools' style editor; see edit css filters for details on how to do so.
Targeting and hit detection - Web APIs
consider these just editor's notes for now.
Tools for analyzing Web Audio usage - Web APIs
firefox firefox offers a native web audio editor.
Window.clearImmediate() - Web APIs
editor's draft initial definition.
Window: devicemotion event - Web APIs
editor's draft ...
Window: deviceorientation event - Web APIs
editor's draft ...
Window.ondevicemotion - Web APIs
specifications specification status comment deviceorientation event specification editor's draft initial definition.
window.ondeviceorientation - Web APIs
}); specifications specification status comment deviceorientation event specification editor's draft initial specification.
Window.setImmediate() - Web APIs
editor's draft initial definition.
XREnvironmentBlendMode - Web APIs
editor's draft initial definition.
XRSessionMode - Web APIs
editor's draft the immersive-ar value added ...
ARIA: application role - Accessibility
examples some prominent web applications that use the application role properly are: google docs, sheets and slides ckeditor and tinymce wysiwyg web editors, like the one used on the mozilla developer network some parts of gmail accessibility concerns improperly using the application role can unintentionally take away access from information on a web page, so be very mindful of using it.
Accessibility documentation index - Accessibility
an editorial comment related to a part of a document under review).
forced-colors - CSS: Cascading Style Sheets
editor's draft initial definition.
inverted-colors - CSS: Cascading Style Sheets
editor's draft ...
light-level - CSS: Cascading Style Sheets
editor's draft initial definition.
prefers-color-scheme - CSS: Cascading Style Sheets
editor's draft initial definition.
prefers-contrast - CSS: Cascading Style Sheets
editor's draft initial definition.
prefers-reduced-data - CSS: Cascading Style Sheets
editor's draft initial definition.
prefers-reduced-motion - CSS: Cascading Style Sheets
editor's draft initial definition.
prefers-reduced-transparency - CSS: Cascading Style Sheets
editor's draft initial definition.
scripting - CSS: Cascading Style Sheets
WebCSS@mediascripting
editor's draft initial definition ...
@page - CSS: Cascading Style Sheets
WebCSS@page
editor's draft adds the :recto and :verso page selectors css paged media module level 3the definition of '@page' in that specification.
@supports - CSS: Cascading Style Sheets
WebCSS@supports
editor's draft adds the selector() function.
Variable fonts guide - CSS: Cascading Style Sheets
resources w3c css fonts module 4 specification (editor’s draft) w3c github issue queue microsoft open type variations introduction microsoft opentype design-variation axis tag registry wakamai fondue (a site that will tell you what your font can do via a simple drag-and-drop inspection interface) axis praxis (the original variable fonts playground site) v-fonts.com (a catalog of variable fonts and where to get them) font playground (another ...
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
as a concession for older browsers, i have set a min-height on the items, and hope that my content editors won’t add too much content and make a mess of the layout!
CSS Logical Properties and Values - CSS: Cascading Style Sheets
-end (now inset-inline-end ) offset-inline-start (now inset-inline-start ) guides basic concepts of logical properties and values logical properties for sizing logical properties for margins, borders and padding logical properties for floating and positioning specifications specification status comment css logical properties and values level 1 editor's draft initial definition.
CSS Text - CSS: Cascading Style Sheets
WebCSSCSS Text
reference properties hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-last text-indent text-justify text-size-adjust text-transform white-space word-break word-spacing specifications specification status comment css logical properties and values level 1 editor's draft updates some properties to be independent of the directionality of the text.
CSS Transforms - CSS: Cascading Style Sheets
css transforms level 2 editor's draft adds individual transforms.
CSS data types - CSS: Cascading Style Sheets
WebCSSCSS Types
gth> <length-percentage> <number> <number-percentage> <percentage> <position> <quote> <ratio> <resolution> <shape-box> <shape-radius> <string> <time> <time-percentage> <timing-function> <toggle-value> <transform-function> <type-or-unit> <url> <url-modifier> <zero> specifications specification status comment css values and units module level 4 editor's draft css values and units module level 3 candidate recommendation initial definition.
CSS values and units - CSS: Cascading Style Sheets
specifications specification status comment css values and units module level 4 editor's draft adds the vi, vb, ic, cap, lh and rlh units.
Media queries - CSS: Cascading Style Sheets
specifications specification status comment media queries level 5 editor's draft css conditional rules module level 3 candidate recommendation media queries level 4 candidate recommendation media queries recommendation css level 2 (revision 1) recommendation initial definition ...
CSS Tutorials - CSS: Cascading Style Sheets
WebCSSTutorials
editor's note: we should look at using "difficulty level" tags on the tutorial/guide pages so that difficulty-based lists can be automatically built.
<angle-percentage> - CSS: Cascading Style Sheets
editor's draft css values and units module level 3the definition of '<angle-percentage>' in that specification.
<angle> - CSS: Cascading Style Sheets
WebCSSangle
editor's draft css values and units module level 3the definition of '<angle>' in that specification.
aspect-ratio - CSS: Cascading Style Sheets
editor's draft initial definition browser compatibility the compatibility table on this page is generated from structured data.
attr() - CSS: Cascading Style Sheets
WebCSSattr
editor's draft changed it to work like var().
backdrop-filter - CSS: Cascading Style Sheets
editor's draft initial definition.
backface-visibility - CSS: Cascading Style Sheets
editor's draft initial definition.
background-clip - CSS: Cascading Style Sheets
editor's draft add text value.
background-position-x - CSS: Cascading Style Sheets
editor's draft initial specification of longhand sub-properties of background-position to match longstanding implementations.
background-position-y - CSS: Cascading Style Sheets
editor's draft initial specification of longhand sub-properties of background-position to match longstanding implementations.
block-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-end-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-end-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-end-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-start-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-start-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-start-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-block - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-color - CSS: Cascading Style Sheets
old red; } #topvertbott { border-color: red cyan gold; } #trbl { border-color: red cyan black gold; } /* set width and style for all divs */ div { border: solid 0.3em; width: auto; margin: 0.5em; padding: 0.5em; } ul { margin: 0; list-style: none; } result specifications specification status comment css logical properties and values level 1 editor's draft added the logical keyword.
border-end-end-radius - CSS: Cascading Style Sheets
editor's draft initial definition.
border-end-start-radius - CSS: Cascading Style Sheets
editor's draft initial definition.
border-inline-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-end-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-end-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-end-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-start-color - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-start-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-start-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-style - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline-width - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-inline - CSS: Cascading Style Sheets
editor's draft initial definition ...
border-start-end-radius - CSS: Cascading Style Sheets
editor's draft initial definition.
border-start-start-radius - CSS: Cascading Style Sheets
editor's draft initial definition.
caption-side - CSS: Cascading Style Sheets
editor's draft defines the top and bottom values as relative to the writing-mode value.
clamp() - CSS: Cascading Style Sheets
WebCSSclamp
editor's draft initial definition.
clear - CSS: Cascading Style Sheets
WebCSSclear
editor's draft adds the values inline-start and inline-end css level 2 (revision 1)the definition of 'clear' in that specification.
clip-path - CSS: Cascading Style Sheets
WebCSSclip-path
editor's draft defines path().
color-adjust - CSS: Cascading Style Sheets
editor's draft initial definition.
<custom-ident> - CSS: Cascading Style Sheets
editor's draft css will change module level 1the definition of '<custom-ident> for will-change' in that specification.
<dimension> - CSS: Cascading Style Sheets
WebCSSdimension
editor's draft adds cap, ic, lh, rlh, vi, vb css values and units module level 3the definition of '<dimension>' in that specification.
env() - CSS: Cascading Style Sheets
WebCSSenv
editor's draft initial definition.
float - CSS: Cascading Style Sheets
WebCSSfloat
editor's draft adds the values inline-start and inline-end.
<frequency-percentage> - CSS: Cascading Style Sheets
editor's draft css values and units module level 3the definition of '<frequency-percentage>' in that specification.
height - CSS: Cascading Style Sheets
WebCSSheight
editor's draft css box sizing module level 3the definition of 'height' in that specification.
ident - CSS: Cascading Style Sheets
WebCSSident
editor's draft css values and units module level 3the definition of '<ident>' in that specification.
inline-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-block-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-block-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-block - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-inline-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-inline-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset-inline - CSS: Cascading Style Sheets
editor's draft initial definition ...
inset - CSS: Cascading Style Sheets
WebCSSinset
editor's draft initial definition ...
<integer> - CSS: Cascading Style Sheets
WebCSSinteger
editor's draft no significant change.
<length-percentage> - CSS: Cascading Style Sheets
editor's draft css values and units module level 3the definition of '<length-percentage>' in that specification.
<length> - CSS: Cascading Style Sheets
WebCSSlength
editor's draft adds the vi, vb, ic, lh, and rlh units.
margin-block-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
margin-block-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
margin-block - CSS: Cascading Style Sheets
editor's draft initial definition.
margin-inline-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
margin-inline-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
margin-inline - CSS: Cascading Style Sheets
editor's draft initial definition.
margin-trim - CSS: Cascading Style Sheets
editor's draft ...
max-block-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
max-height - CSS: Cascading Style Sheets
editor's draft css box sizing module level 3the definition of 'max-height' in that specification.
max-inline-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
max-width - CSS: Cascading Style Sheets
WebCSSmax-width
editor's draft css box sizing module level 3the definition of 'max-width' in that specification.
max() - CSS: Cascading Style Sheets
WebCSSmax
editor's draft initial definition ...
min-block-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
min-height - CSS: Cascading Style Sheets
editor's draft css box sizing module level 3the definition of 'min-height' in that specification.
min-inline-size - CSS: Cascading Style Sheets
editor's draft initial definition ...
min-width - CSS: Cascading Style Sheets
WebCSSmin-width
editor's draft css box sizing module level 3the definition of 'min-width' in that specification.
min() - CSS: Cascading Style Sheets
WebCSSmin
editor's draft initial definition.
<number> - CSS: Cascading Style Sheets
WebCSSnumber
editor's draft no significant change.
overflow-anchor - CSS: Cascading Style Sheets
editor's draft initial definition.
padding-block-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
padding-block-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
padding-block - CSS: Cascading Style Sheets
editor's draft initial definition ...
padding-inline-end - CSS: Cascading Style Sheets
editor's draft initial definition ...
padding-inline-start - CSS: Cascading Style Sheets
editor's draft initial definition ...
padding-inline - CSS: Cascading Style Sheets
editor's draft initial definition ...
page-break-after - CSS: Cascading Style Sheets
editor's draft adds the values recto and verso.
page-break-before - CSS: Cascading Style Sheets
editor's draft adds the values recto and verso.
<percentage> - CSS: Cascading Style Sheets
editor's draft no significant change.
perspective-origin - CSS: Cascading Style Sheets
editor's draft initial definition.
perspective - CSS: Cascading Style Sheets
editor's draft initial definition ...
resize - CSS: Cascading Style Sheets
WebCSSresize
editor's draft adds the values block and inline.
<resolution> - CSS: Cascading Style Sheets
editor's draft adds the x unit.
rotate - CSS: Cascading Style Sheets
WebCSSrotate
editor's draft initial definition.
scale - CSS: Cascading Style Sheets
WebCSSscale
editor's draft initial definition.
shape-outside - CSS: Cascading Style Sheets
editor's draft adds the path() value ...
text-overflow - CSS: Cascading Style Sheets
adipisicing elit.</p> <p class="overflow-clip">lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p class="overflow-ellipsis">lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p class="overflow-string">lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> result note: live results in the following table may be shown incorrectly due to a limitation of the mdn editor which removes the all contents of style attributes which have text-overflow properties with string value.
text-size-adjust - CSS: Cascading Style Sheets
editor's draft initial definition ...
<time-percentage> - CSS: Cascading Style Sheets
editor's draft css values and units module level 3the definition of '<time-percentage>' in that specification.
<time> - CSS: Cascading Style Sheets
WebCSStime
editor's draft css values and units module level 3the definition of '<time>' in that specification.
touch-action - CSS: Cascading Style Sheets
editor's draft added pan-left, pan-right, pan-up, pan-down property values.
matrix3d() - CSS: Cascading Style Sheets
editor's draft initial definition ...
perspective() - CSS: Cascading Style Sheets
editor's draft initial definition ...
rotate3d() - CSS: Cascading Style Sheets
editor's draft initial definition ...
rotateX() - CSS: Cascading Style Sheets
editor's draft initial definition ...
rotateY() - CSS: Cascading Style Sheets
editor's draft initial definition ...
rotateZ() - CSS: Cascading Style Sheets
editor's draft initial definition ...
scale3d() - CSS: Cascading Style Sheets
editor's draft initial definition ...
scaleZ() - CSS: Cascading Style Sheets
editor's draft initial definition ...
translate3d() - CSS: Cascading Style Sheets
editor's draft initial definition ...
translateZ() - CSS: Cascading Style Sheets
editor's draft adds 3d transform functions to the css transforms standard.
<transform-function> - CSS: Cascading Style Sheets
editor's draft added 3d transform functions.
transform-style - CSS: Cascading Style Sheets
editor's draft initial definition.
transform - CSS: Cascading Style Sheets
WebCSStransform
editor's draft adds 3d transform functions.
translate - CSS: Cascading Style Sheets
WebCSStranslate
editor's draft initial definition.
url() - CSS: Cascading Style Sheets
WebCSSurl()
editor's draft css values and units module level 3the definition of 'url()' in that specification.
<url> - CSS: Cascading Style Sheets
WebCSSurl
editor's draft css values and units module level 3the definition of '<url>' in that specification.
width - CSS: Cascading Style Sheets
WebCSSwidth
editor's draft css box sizing module level 3the definition of 'width' in that specification.
CSS: Cascading Style Sheets
WebCSS
firefox developer tools lets you view and edit a page's live css via the inspector and style editor tools.
Audio and Video Delivery - Developer guides
your files have been encoded incorrectly your files may have been encoded incorrectly — try encoding using one of the following tools, which are proven to be pretty reliable: audacity — free audio editor and recorder miro — free, open-source music and video player handbrake — open source video transcoder firefogg — video and audio encoding for firefox ffmpeg2 — comprehensive command line encoder libav — comprehensive command line encoder vid.ly — video player,transcoding and delivery internet archive — free transcoding and storage detecting when no sources have loaded to d...
User input and controls - Developer guides
using features such as contenteditable elements you can implement fast rich-text editors and with drag&drop let users moving elements inside your app.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
WebHTMLElementaudio
for example, to detect when audio tracks are added to or removed from an <audio> element, you can use code like this: var elem = document.queryselector("audio"); elem.audiotracklist.onaddtrack = function(event) { trackeditor.addtrack(event.track); }; elem.audiotracklist.onremovetrack = function(event) { trackeditor.removetrack(event.track); }; this code watches for audio tracks to be added to and removed from the element, and calls a hypothetical function on a track editor to register and remove the track from the editor's list of available tracks.
<element>: The Custom Element element (Obsolete) - HTML: Hypertext Markup Language
WebHTMLElementelement
see this for more information from the editor of the specification.
<input type="password"> - HTML: Hypertext Markup Language
WebHTMLElementinputpassword
the element is presented as a one-line plain text editor control in which the text is obscured so that it cannot be read, usually by replacing each character with a symbol such as the asterisk ("*") or a dot ("•").
<menu> - HTML: Hypertext Markup Language
WebHTMLElementmenu
html <!-- a context menu for a simple editor, - containing two menu buttons.
<video>: The Video Embed element - HTML: Hypertext Markup Language
WebHTMLElementvideo
for example, to detect when audio tracks are added to or removed from a <video> element, you can use code like this: var elem = document.queryselector("video"); elem.audiotracklist.onaddtrack = function(event) { trackeditor.addtrack(event.track); }; elem.audiotracklist.onremovetrack = function(event) { trackeditor.removetrack(event.track); }; this code watches for audio tracks to be added to and removed from the element, and calls a hypothetical function on a track editor to register and remove the track from the editor's list of available tracks.
Feature Policy - HTTP
editor's draft initial definition.
Device-Memory - HTTP
editor's draft initial definition.
Feature-Policy: accelerometer - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: ambient-light-sensor - HTTP
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: autoplay - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: battery - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: camera - HTTP
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: display-capture - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: encrypted-media - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: geolocation - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: gyroscope - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: layout-animations - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: legacy-image-formats - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: magnetometer - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: microphone - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: midi - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: oversized-images - HTTP
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: payment - HTTP
feature policy editor's draft initial definition.
Feature-Policy: picture-in-picture - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: sync-xhr - HTTP
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: unoptimized-images - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: unsized-media - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: usb - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: vibrate - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: wake-lock - HTTP
specifications specification status comment feature policy editor's draft initial definition.
web-share - HTTP
specifications specification status comment feature policy editor's draft initial definition.
Referrer-Policy - HTTP
specifications specification status referrer policy editor's draft ...
Timing-Allow-Origin - HTTP
editor's draft initial definition.
HTTP resources and specifications - HTTP
standard rfc 2324 hyper text coffee pot control protocol (htcpcp/1.0) april 1st joke spec rfc 7168 the hyper text coffee pot control protocol for tea efflux appliances (htcpcp-tea) april 1st joke spec html living standard html defines extensions of http for server-sent events living standard tracking preference expression dnt header editor's draft / candidate recommendation reporting api report-to header draft draft spec expect-ct extension for http ietf draft ...
Character classes - JavaScript
var nonenglishtext = "Приключения Алисы в Стране чудес"; var regexpbmpword = /([\u0000-\u0019\u0021-\uffff])+/gu; // bmp goes through u+0000 to u+ffff but space is u+0020 console.table(nonenglishtext.match(regexpbmpword)); [ 'Приключения', 'Алисы', 'в', 'Стране', 'чудес' ] note for mdn editors: please do not try to add funny examples with emoji as those characters are not handled by the platform (kuma).
String - JavaScript
rather than having lines that go on endlessly, or wrap at the whim of your editor, you may wish to specifically break the string into multiple lines in the source code without affecting the actual string contents.
MathML documentation index - MathML
WebMathMLIndex
html becomes verbose when your document contains advanced structures like lists or tables but fortunately there are many generators from simple notations, wysiwyg editors and other content management systems to help writing web pages.
MathML
authoring mathml suggestions and tips for writing mathml, including suggested mathml editors and how to integrate their output into web content.
Web audio codec guide - Web media technologies
audacity an open source audio editor that supports loading audio from many different formats, editing, filtering, and adjusting the audio, and saving it back out in either the original format or a new format.
Mobile first - Progressive web apps (PWAs)
if(!modernizr.mq('only all')) { require('respond'); } editorial note: this currently doesn't work, and i'm not sure why.
accumulate - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'accumulate' in that specification.
additive - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'additive' in that specification.
attributeName - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'attributename' in that specification.
by - SVG: Scalable Vector Graphics
WebSVGAttributeby
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'by' in that specification.
calcMode - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'calcmode' in that specification.
dur - SVG: Scalable Vector Graphics
WebSVGAttributedur
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'dur' in that specification.
end - SVG: Scalable Vector Graphics
WebSVGAttributeend
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'end' in that specification.
fill - SVG: Scalable Vector Graphics
WebSVGAttributefill
editor's draft definition for animations scalable vector graphics (svg) 2the definition of 'fill' in that specification.
from - SVG: Scalable Vector Graphics
WebSVGAttributefrom
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'from' in that specification.
keyPoints - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'keypoints' in that specification.
keySplines - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'keysplines' in that specification.
keyTimes - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'keytimes' in that specification.
max - SVG: Scalable Vector Graphics
WebSVGAttributemax
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'max' in that specification.
min - SVG: Scalable Vector Graphics
WebSVGAttributemin
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'min' in that specification.
origin - SVG: Scalable Vector Graphics
WebSVGAttributeorigin
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'origin' in that specification.
path - SVG: Scalable Vector Graphics
WebSVGAttributepath
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'path for <animatemotion>' in that specification.
repeatCount - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'repeatcount' in that specification.
repeatDur - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'repeatdur' in that specification.
restart - SVG: Scalable Vector Graphics
WebSVGAttributerestart
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'restart' in that specification.
rotate - SVG: Scalable Vector Graphics
WebSVGAttributerotate
editor's draft initial definition ...
transform - SVG: Scalable Vector Graphics
editor's draft css transforms level 1the definition of 'transform' in that specification.
values - SVG: Scalable Vector Graphics
WebSVGAttributevalues
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of 'values for <fecolormatrix>' in that specification.
<animate> - SVG: Scalable Vector Graphics
WebSVGElementanimate
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of '<animate>' in that specification.
<animateMotion> - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of '<animatemotion>' in that specification.
<animateTransform> - SVG: Scalable Vector Graphics
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of '<animatetransform>' in that specification.
<discard> - SVG: Scalable Vector Graphics
WebSVGElementdiscard
editor's draft initial definition ...
<mpath> - SVG: Scalable Vector Graphics
WebSVGElementmpath
editor's draft no change scalable vector graphics (svg) 1.1 (second edition)the definition of '<mpath>' in that specification.
<set> - SVG: Scalable Vector Graphics
WebSVGElementset
editor's draft scalable vector graphics (svg) 1.1 (second edition)the definition of '<set>' in that specification.
Introduction - SVG: Scalable Vector Graphics
however, this tutorial will rely on the trusty xml or text editor (your choice).
Paths - SVG: Scalable Vector Graphics
WebSVGTutorialPaths
while creating complex paths using an xml editor or text editor is not recommended, understanding how they work will allow to identify and repair display issues in svgs.
Secure contexts - Web security
}); } specifications specification status comment secure contexts candidate recommendation editor’s draft ...
XPath
tools chropath xpath panel that integrates tightly into firebug, providing an editor and inspector (firefox add-on).
Compiling a New C/C++ Module to WebAssembly - WebAssembly
first of all, open up your hello3.html file in a text editor.
Index - WebAssembly
6 converting webassembly text format to wasm webassembly, assembly, conversion, text format, wabt, wasm, wast2wasm, wat2wasm webassembly has an s-expression-based textual representation, an intermediate form designed to be exposed in text editors, browser developer tools, etc.
Understanding WebAssembly text format - WebAssembly
this is an intermediate form designed to be exposed in text editors, browser developer tools, etc.