Differences between revisions 1 and 21 (spanning 20 versions)
Revision 1 as of 2009-07-05 18:59:24
Size: 2041
Editor: qed777
Comment:
Revision 21 as of 2009-08-30 14:45:52
Size: 5597
Editor: qed777
Comment: Added svgweb.
Deletions are marked like this. Additions are marked like this.
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.
 * 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.

== Tutorials ==

 * [[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://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/explorercanvas/ | Explorer Canvas]] - Canvas for IE.
 * [[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://keith-wood.name/svg.html | jQuery SVG]] - 2D plotting, scenes.
 * [[http://jqueryui.com/demos | jQuery UI]] - Themable widgets and effects.
 * [[http://www.math.union.edu/~dpvc/jsMath/ | jsMath]] - Typeset mathematics.
 * [[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.
 * [[http://processingjs.org/reference | Processing.js]] - Interactive applications.
 * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D.
 * [[http://pyjs.org/ | pyjamas]] - Python to JS compilation, AJAX, widgets.
 * [[http://code.google.com/p/svgweb/ | svgweb]] - SVG natively or via Flash.
Line 12: Line 57:
 * 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 64:
 * [[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 resources

References

Tutorials

Demos and examples (see Libraries, too)

Libraries

Developer tools

Benchmarks and tests

devel/JavascriptResources (last edited 2010-04-23 07:02:25 by DanDrake)