Karma/Specifications: Difference between revisions
ChristophD (talk | contribs) No edit summary |
ChristophD (talk | contribs) No edit summary |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 21: | Line 21: | ||
==== Accessibility ==== | ==== Accessibility ==== | ||
... | Follow best practices for accessibility (e.g. example of a [http://northtemple.com/1608 checklist]), especially with regard to [http://en.wikipedia.org/wiki/Color_blindness colorblindness]. | ||
=== HTML === | |||
* <!DOCTYPE HTML> | |||
=== JavaScript === | |||
* ... | |||
=== Animations === | === Animations === | ||
| Line 28: | Line 36: | ||
* Recommended tools: TBD | * Recommended tools: TBD | ||
* Notes: TBD | * Notes: TBD | ||
The Karma animations are created using JavScript and the Karma plugin. At this moment we haven't defined a mechanism to "export" (and "import") one animation. But copying and pasting the code (of the animation) will be enough in most cases. | |||
=== Images === | === Images === | ||
* Format(s): [http://en.wikipedia.org/wiki/JPEG JPEG], [http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG], [http://en.wikipedia.org/wiki/Scalable_Vector_Graphics SVG] '''( | * Format(s): [http://en.wikipedia.org/wiki/JPEG JPEG], [http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG], [http://en.wikipedia.org/wiki/Scalable_Vector_Graphics SVG] '''(Note 1, 2 and 3)''' | ||
* Recommended tools: [http://www.adobe.com/products/illustrator/ Adobe Illustrator] (non-free), [http://www.corel.com CorelDRAW] (non-free) | * Recommended tools: [http://www.inkscape.org/ Inkscape], [http://www.gimp.org/ GIMP], [http://www.adobe.com/products/illustrator/ Adobe Illustrator] (non-free), [http://www.corel.com CorelDRAW] (non-free) | ||
* Max. resolution: 1200*900 | * Max. resolution: 1200*900 px | ||
* Notes: | * Notes: | ||
#To handle SVG files will be necessary to create a parser svg2canvas in order to introduce them as objects inside canvas element. | |||
#Animated SVG content will be hard to reproduce using canvas. | |||
#SVG animations seems slow under the XO-1 (Tested with [http://raphaeljs.com/ RaphaelJS] and Browse) | |||
=== Sound === | === Sound === | ||
* Format(s): [http://en.wikipedia.org/wiki/Vorbis OGG Vorbis] | * Format(s): [http://en.wikipedia.org/wiki/Vorbis OGG Vorbis] (Note 1) | ||
* Bit rate: TBD | * Bit rate: TBD | ||
* Max. size per lesson: 3~4MB | * Max. size per lesson: 3~4MB | ||
* Recommended tools: [http://audacity.sourceforge.net/ Audacity] | * Recommended tools: [http://audacity.sourceforge.net/ Audacity] | ||
* Notes: | * Notes: | ||
# https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements | |||
=== Video === | === Video === | ||
* Format(s): TBD | * Format(s): TBD (Note 1) | ||
* Recommended tools: TBD | * Recommended tools: TBD | ||
* Notes: TBD | * Notes: TBD | ||
# https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements | |||