|
Size: 2041
Comment:
|
Size: 4013
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| = JavaScript resources = | = JavaScript and related 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. * [[http://reference.sitepoint.com/ | SitePoint]] - CSS, HTML, JS, browser compatibility. * [[http://www.quirksmode.org/compatibility.html | QuirksMode.org browser compatibility table]] * [[http://www.w3schools.com/sitemap/sitemap_references.asp | w3schools]] - CSS, HTML, JS, compatibility, etc. |
* Cheat sheets - [[http://blog.nihilogic.dk/2009/05/canvas-cheat-sheet-update.html | Canvas]]. * [[https://developer.mozilla.org/En/Documentation_hot_links | mozilla developer center]] - Firefox, CSS, HTML, JS, SVG, XML, 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 - [[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://www.jslint.com/ | JSLint]]. * [[http://www.w3.org/| World Wide Web Consortium / W3C]] - [[http://www.w3.org/html/wg/html5/ | HTML5]], etc. * [[http://www.w3schools.com/sitemap/sitemap_references.asp | w3schools]] - CSS, HTML, JS, SVG, XML, compatibility, etc. == Tutorials == * [[http://en.wikipedia.org/wiki/Canvas_%28HTML_element%29 | Canvas]] - [[http://billmill.org/static/canvastutorial/index.html | Bill 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/ | Douglas 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 | Jacob Jenkov]]. == Demos and examples (see Libraries, too) == * [[http://www.benjoffe.com/code/ | Ben Joffe]]. * [[http://www.canvasdemos.com/ | Canvas Demos]]. * [[http://www.chromeexperiments.com/ | Chrome Experiments]]. * [[http://www.math.uiuc.edu/~rkirov2/processing/grapheditor_live.html | R. Kirov's Graph Editor]]. * [[http://jquerylist.com/ | jQuery List]]. == Libraries == * [[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/flot/ | flot]] - 2D plotting. * [[http://thejit.org/ | JavaScript InfoVis Toolkit]] - 2D. * [[http://jmol.sourceforge.net/docs/ | Jmol]] - 3D visualization, requires Java. * [[http://docs.jquery.com/Main_Page | jQuery]] - Set up, find, and modify attributes, CSS, DOM, effects, events, AJAX, etc. * [[http://jqueryui.com/demos | jQuery UI]] - Themable widgets and effects. * [[http://www.math.union.edu/~dpvc/jsMath/ | jsMath]] - Typeset mathematics. * [[http://code.google.com/apis/o3d/ | O3D]] - Requires a plug-in. * [[http://deanm.github.com/pre3d/ | Pre3d]] - 3D visualization. * [[http://processingjs.org/reference | Processing.js]] - Interactive applications. * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D. |
| Line 12: | Line 47: |
| * 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. == Libraries == * [[http://www.c3dl.org/ | Canvas 3D (C3DL)]] - Interactive 3D, requires an extension, Firefox only. * [[http://code.google.com/p/flot/ | flot]] - Interactive 2D plotting. * [[http://thejit.org/ | JavaScript InfoVis Toolkit]] - 2D visualization. * [[http://docs.jquery.com/Main_Page | jQuery]] - DOM manipulation, events, AJAX, etc. * [[http://jqueryui.com/demos | jQuery UI]] - Themable widgets and effects. * [[http://www.math.union.edu/~dpvc/jsMath/ | jsMath]] - Typeset mathematics. * [[http://code.google.com/apis/o3d/ | O3D]] Interactive 3D, requires a plug-in. * [[http://processingjs.org/reference | Processing.js]] - Interactive applications. * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D visualization. |
* 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. |
| Line 32: | Line 54: |
| * [[http://acid3.acidtests.org/ | Acid3 Test]] * Google's [[http://code.google.com/apis/v8/run.html | V8 Suite]] * Mozilla's [[http://dromaeo.com/ | Dromaeo]] * !WebKit's [[http://www2.webkit.org/perf/sunspider-0.9/sunspider.html | SunSpider]] |
* [[http://acid3.acidtests.org/ | Acid3 Test]]. * Google's [[http://code.google.com/apis/v8/run.html | V8 Suite]]. * Mozilla's [[http://dromaeo.com/ | Dromaeo]]. * !WebKit's [[http://www2.webkit.org/perf/sunspider-0.9/sunspider.html | SunSpider]]. |
JavaScript and related resources
References
Cheat sheets - Canvas.
mozilla developer center - Firefox, CSS, HTML, JS, SVG, XML, etc.
QuirksMode - browser compatibility table, contentEditable demo.
SitePoint - CSS, HTML, JS, compatibility.
Unicode - categories / index / search, scripts and symbols, UTF-8 tool.
Validators - CSS, HTML / MathML / SVG / XML, JSLint.
World Wide Web Consortium / W3C - HTML5, etc.
w3schools - CSS, HTML, JS, SVG, XML, compatibility, etc.
Tutorials
CSS.
SVG - Altsoft, Jacob Jenkov.
Demos and examples (see Libraries, too)
Libraries
CAKE - 2D scenegraphs.
Canvas 3D / C3DL - Requires an extension, Firefox only.
flot - 2D plotting.
Jmol - 3D visualization, requires Java.
jQuery - Set up, find, and modify attributes, CSS, DOM, effects, events, AJAX, etc.
jQuery UI - Themable widgets and effects.
jsMath - Typeset mathematics.
O3D - Requires a plug-in.
Pre3d - 3D visualization.
Processing.js - Interactive applications.
Protovis - 2D.
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.