|
Size: 3472
Comment: Reorg., new tutorial section, more links.
|
Size: 4356
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 5: | Line 5: |
| * Cheat sheets - [[http://blog.nihilogic.dk/2009/05/canvas-cheat-sheet-update.html | Canvas]]. | |
| Line 8: | Line 9: |
| * Unicode - [[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]]. | * 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]]. |
| Line 10: | Line 11: |
| * [[http://www.w3.org/| World Wide Web Consortium (W3C)]] - [[http://www.w3.org/html/wg/html5/ | HTML5]], etc. | * [[http://www.w3.org/| World Wide Web Consortium / W3C]] - [[http://www.w3.org/html/wg/html5/ | HTML5]], etc. |
| Line 17: | Line 18: |
| * [[http://en.wikipedia.org/wiki/HTML | HTML]]. | * [[http://en.wikipedia.org/wiki/HTML | HTML]] / [[http://en.wikipedia.org/wiki/Xml | XML]]. |
| Line 19: | Line 20: |
| * [[http://en.wikipedia.org/wiki/Svg | SVG]]. * [[http://en.wikipedia.org/wiki/Xml | XML]]. |
* [[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]]. |
| Line 27: | Line 27: |
| * [[http://www.nihilogic.dk/labs/canvas3dtexture_0.2/ | Jacob Seidelin's Textured 3D renderer]]. * [[http://www.math.uiuc.edu/~rkirov2/processing/grapheditor_live.html | Radoslav Kirov's Graph Editor]]. |
|
| Line 31: | Line 33: |
| * [[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. |
| Line 36: | Line 39: |
| * [[http://keith-wood.name/svg.html | jQuery SVG]] - 2D plotting, scenes. | |
| Line 38: | Line 42: |
| * [[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]] - 3D visualization. |
| Line 40: | Line 47: |
| * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D visualization. | * [[http://vis.stanford.edu/protovis/ | Protovis]] - 2D. |
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 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 - 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.