Size: 2402
Comment:
|
Size: 4596
Comment: Added pyjamas.
|
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. * !QuirksMode: [[http://www.quirksmode.org/compatibility.html | browser compatibility table]], [[http://www.quirksmode.org/dom/execCommand/ | contentEditable demo]]. |
* 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]]. * [[https://developer.mozilla.org/En/Documentation_hot_links | mozilla developer center]] - Firefox, CSS, HTML, JS, SVG, XML, etc. |
Line 8: | Line 9: |
* 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. |
* 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. |
Line 12: | Line 14: |
== Developer tools == | == Tutorials == |
Line 14: | Line 16: |
* 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 | 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.quirksmode.org/dom/execCommand/ | contentEditable demo]]. * [[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]]. * [[http://jquerylist.com/ | jQuery List]]. |
Line 22: | Line 34: |
* [[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 27: | Line 40: |
* [[http://keith-wood.name/svg.html | jQuery SVG]] - 2D plotting, scenes. | |
Line 29: | Line 43: |
* [[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 48: |
* [[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. == 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 and related resources
References
Browser compatibility - QuirksMode, Web Devout, When can I use....
Cheat sheets, etc. - Canvas, jQuery API browser.
mozilla developer center - Firefox, CSS, HTML, JS, SVG, XML, etc.
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 - Visualization.
Processing.js - Interactive applications.
Protovis - 2D.
pyjamas - Python to JS compilation, AJAX, widgets.
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.