|
Size: 2402
Comment:
|
Size: 5799
Comment: Added RaphaelJS; #1321 Rado's graphEd
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| = JavaScript and related resources = | = JavaScript resources = |
| Line 3: | Line 3: |
| == General == | == References == |
| Line 5: | Line 5: |
| * [[https://developer.mozilla.org/En/Documentation_hot_links | mozilla developer center]] - Firefox, CSS, HTML, JS, etc. * !QuirksMode: [[http://www.quirksmode.org/compatibility.html | browser compatibility table]], [[http://www.quirksmode.org/dom/execCommand/ | contentEditable demo]]. * [[http://reference.sitepoint.com/ | SitePoint]] - CSS, HTML, JS, compatibility. * Unicode charts: [[http://www.unicode.org/charts/index.html | scripts]] and [[http://www.unicode.org/charts/symbols.html | symbols]]. * [[http://www.ltg.ed.ac.uk/~richard/utf-8.cgi | UTF-8 representation tool]]. * [[http://www.w3schools.com/sitemap/sitemap_references.asp | w3schools]] - CSS, HTML, JS, compatibility, etc. |
* Browser compatibility - [[http://www.quirksmode.org/compatibility.html | QuirksMode]], [[http://www.webdevout.net/browser-support | Web Devout]], [[http://a.deveria.com/caniuse/ | When can I use...]]. * Cheat sheets, etc. - [[http://blog.nihilogic.dk/2009/05/canvas-cheat-sheet-update.html | Canvas]], [[http://api.jquery.com/ | jQuery API browser]]. * [[http://www.json.org/ | JSON]]. * [[https://developer.mozilla.org/En/Documentation_hot_links | mozilla developer center]] - [[https://developer.mozilla.org/en/AJAX | AJAX]], [[https://developer.mozilla.org/en/CSS | CSS]], [[https://developer.mozilla.org/en/DOM | DOM]], [[https://developer.mozilla.org/en/HTML | HTML]], [[https://developer.mozilla.org/en/JavaScript | JS]], [[https://developer.mozilla.org/en/XML | XML]], etc. * [[http://reference.sitepoint.com/ | SitePoint]] - [[http://reference.sitepoint.com/css | CSS]], [[http://reference.sitepoint.com/html | HTML]], [[http://reference.sitepoint.com/javascript | JS]], compatibility. * Unicode - [[http://www.fileformat.info/info/unicode/index.htm | categories / index / search]], [[http://www.unicode.org/charts/index.html | scripts]] and [[http://www.unicode.org/charts/symbols.html | symbols]], [[http://www.ltg.ed.ac.uk/~richard/utf-8.cgi | UTF-8 tool]]. * Validators - [[http://jigsaw.w3.org/css-validator | CSS]], [[http://validator.w3.org/ | HTML / MathML / SVG / XML]], [[http://validator.w3.org/checklink | Link Checker]], [[http://www.jslint.com/ | JSLint]]. * [[http://www.w3.org/| World Wide Web Consortium / W3C]] - [[http://www.w3.org/html/wg/html5/ | HTML5]], [[http://www.w3.org/Math/ | MathML]], [[http://www.w3.org/Graphics/SVG/ | SVG]], etc. * [[http://www.w3schools.com/sitemap/sitemap_references.asp | w3schools]] - [[http://www.w3schools.com/css/css_reference.asp | CSS]], [[http://www.w3schools.com/tags/default.asp | HTML]], [[http://www.w3schools.com/jsref/default.asp | JS]], [[http://www.w3schools.com/svg/svg_reference.asp | SVG]], [[http://www.w3schools.com/dom/dom_nodetype.asp | XML]], compatibility, etc. |
| Line 12: | Line 15: |
| == Developer tools == | == Tutorials == |
| Line 14: | Line 17: |
| * Firefox: [[http://getfirebug.com/ | FireBug]] and its [[http://getfirebug.com/extensions/index.html | extensions]]. * Firefox: [[http://chrispederick.com/work/web-developer/ | Web Developer]]. * IE: [[http://msdn.microsoft.com/en-us/library/dd565628(VS.85).aspx | Developer Tools]] - built-in. * Opera: [[http://www.opera.com/dragonfly/documentation/ | DragonFly]] - built-in. * !WebKit (Chrome, Safari, etc.): [[http://trac.webkit.org/wiki/Web%20Inspector | Web Inspector]] - built-in. |
* [[http://en.wikipedia.org/wiki/Canvas_%28HTML_element%29 | Canvas]] - [[http://billmill.org/static/canvastutorial/index.html | B. Mill]], [[https://developer.mozilla.org/en/Canvas_tutorial | Mozilla]]. * [[http://en.wikipedia.org/wiki/Css | CSS]]. * [[http://en.wikipedia.org/wiki/HTML | HTML]] / [[http://en.wikipedia.org/wiki/Xml | XML]]. * [[http://en.wikipedia.org/wiki/Javascript | JavaScript]] - [[http://javascript.crockford.com/ | D. Crockford]]. * [[http://en.wikipedia.org/wiki/Svg | SVG]] - [[http://alt-soft.com/tutorial/svg_tutorial/introduction.html | Altsoft]], [[http://tutorials.jenkov.com/svg/index.html | J. Jenkov]]. * [[http://en.wikipedia.org/wiki/Vml | VML]]. == Demos and examples (see Libraries, too) == * [[http://www.benjoffe.com/code/ | B. Joffe]]. * [[http://www.canvasdemos.com/ | Canvas Demos]]. * [[http://www.chromeexperiments.com/ | Chrome Experiments]]. * [[http://www.quirksmode.org/dom/execCommand/ | contentEditable demo]]. * [[http://www.nihilogic.dk/labs/canvas3dtexture_0.2/ | J. Seidelin's Textured 3D renderer]]. * [[http://www.math.uiuc.edu/~rkirov2/processing/grapheditor_live.html | R. Kirov's Graph Editor]] - [[http://trac.sagemath.org/sage_trac/ticket/1321 | #1321]]. * [[http://jquerylist.com/ | jQuery List]]. |
| Line 22: | Line 36: |
| * [[http://www.c3dl.org/ | Canvas 3D (C3DL)]] - Requires an extension, Firefox only. | * [[http://code.google.com/p/cakejs/ | CAKE]] - 2D scenegraphs. * [[http://www.c3dl.org/ | Canvas 3D / C3DL]] - Requires an extension, Firefox only. * [[http://code.google.com/p/explorercanvas/ | Explorer Canvas]] - Canvas for IE. |
| Line 27: | Line 43: |
| * [[http://keith-wood.name/svg.html | jQuery SVG]] - 2D plotting, scenes. | |
| Line 29: | Line 46: |
| * [[http://code.google.com/apis/o3d/ | O3D]] Requires a plug-in. | * [[http://www.jstree.com/ | jsTree]] - Tree widget. * [[http://jsxgraph.uni-bayreuth.de/wp/ | JSXGraph]] - 2D interactive geometry, plotting, visualization. * [[http://code.google.com/apis/o3d/ | O3D]] - Requires a plug-in. * [[http://deanm.github.com/pre3d/ | Pre3d]] - Visualization. |
| Line 31: | Line 51: |
| * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D visualization. | * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D. * [[http://pyjs.org/ | pyjamas]] - Python to JS compilation, AJAX, widgets. * [[http://raphaeljs.com/ | Raphaël]] - SVG / VML vector graphics. * [[http://code.google.com/p/svg-edit/ | SVG-edit]] - Inkscape-lite. * [[http://code.google.com/p/svgweb/ | svgweb]] - SVG natively or via Flash. == Developer tools == * Firefox - [[http://getfirebug.com/ | FireBug]] and its [[http://getfirebug.com/extensions/index.html | extensions]], [[http://chrispederick.com/work/web-developer/ | Web Developer]]. * IE - [[http://msdn.microsoft.com/en-us/library/dd565628(VS.85).aspx | Developer Tools]] - Built-in. * Opera - [[http://www.opera.com/dragonfly/documentation/ | DragonFly]] - Built-in. * !WebKit (Chrome, Safari, etc.) - [[http://trac.webkit.org/wiki/Web%20Inspector | Web Inspector]] - Built-in. |
JavaScript resources
References
Browser compatibility - QuirksMode, Web Devout, When can I use....
Cheat sheets, etc. - Canvas, jQuery API browser.
JSON.
mozilla developer center - AJAX, CSS, DOM, HTML, JS, XML, etc.
Unicode - categories / index / search, scripts and symbols, UTF-8 tool.
Validators - CSS, HTML / MathML / SVG / XML, Link Checker, JSLint.
World Wide Web Consortium / W3C - HTML5, MathML, SVG, etc.
Tutorials
Demos and examples (see Libraries, too)
Libraries
CAKE - 2D scenegraphs.
Canvas 3D / C3DL - Requires an extension, Firefox only.
Explorer Canvas - Canvas for IE.
flot - 2D plotting.
Jmol - 3D visualization, requires Java.
jQuery - Set up, find, and modify attributes, CSS, DOM, effects, events, AJAX, etc.
jQuery SVG - 2D plotting, scenes.
jQuery UI - Themable widgets and effects.
jsMath - Typeset mathematics.
jsTree - Tree widget.
JSXGraph - 2D interactive geometry, plotting, visualization.
O3D - Requires a plug-in.
Pre3d - Visualization.
Processing.js - Interactive applications.
Protovis - 2D.
pyjamas - Python to JS compilation, AJAX, widgets.
Raphaël - SVG / VML vector graphics.
SVG-edit - Inkscape-lite.
svgweb - SVG natively or via Flash.
Developer tools
Firefox - FireBug and its extensions, Web Developer.
IE - Developer Tools - Built-in.
Opera - DragonFly - Built-in.
WebKit (Chrome, Safari, etc.) - Web Inspector - Built-in.