HTML5 Play Area



 here is link with Audio From Ottawa  Canada:


https://homeworkhelp.ilc.org/chat/chat.php?config=playback&question_id=416626&type=bs

https://homeworkhelp.ilc.org/tools/tutorials.php - this has 2 flah

http://www.edu.gov.on.ca/elearning/homework.html  or visit the site directly at http://HomeworkHelp.ilc.org.

principal reference to above Govt. math help site : http://www.bellhs.net/blog/archives/780/math-homework-help-for-students-in-gr-7-10/


The Ottawa-Carleton District School Board, the Independent Learning Centre and the Ontario Ministry of Education are pleased to partner together to bring Math Homework Help to students. This free website focuses on live math help from certified math teachers for students taking Grades 7, 8, 9 and 10 math in this school year. Key areas of the site include:

ü       Free online one-on-one tutoring by certified Ontario math teachers
ü       Interactive tutorials
ü       Pre-recorded tutoring sessions available by topic
ü       A full mathematics glossary and calculator

The Independent Learning Centre is the organization that the Ontario Ministry of Education has designated and accredited as their official distance education provider.For more information on Math Homework Help, please visit 



LayOuts to consider
 a/ JsFiddle : we want this Layout for our e-Learning and buttons from Blogger.com
 b/ Chess boarad Layout ( study this one too , esp. how it moves with browser Resize )
 c/  http://graph.tk/ - pure interaction with math ,  one page, WOW ... simplicity , can add functionality , in public domain .  asr: can be improved with 2 Pane , Voice guiding user


HTML5 PlayArea : to give a slight tilt to text to look 'Human Hand print'.
One Char : One Char at a time Hand print style ( adjust timer and combine with HTML5 canvas (black board background like Khan video and good 'Hand fonts' )
 - another one char ( add delay loop after each char , and more dealy after each word to mimic Hand Print )

- Slope Text :   Good Demos  ( MIT Lic. seems part of  Sancha ) [ see .js includes  it  ha Ralph  and other )
- SVG Javascript Libraries : our fav. SVG JQuery is here ..( single TAB guy )


HTML5 Canvas Graphing Solutions Every Web Developers Must Know

 dynamic graphs   - Canvas & JQuery ( clean and simple )
http://graph.tk/ - pure interaction with math , WOW ... simplicity , can add functionality , in public domain .  asr: can be improved with 2 Pane , Voice guiding user and CSS buttons (see google charts etc.. ) . Requirements: JQuery , MathQuill  , A browser that supports the html5 canvas tag.  It can work offline if you are using Chrome or Safari
 Function Plotter using canvas plots 2D maths functions  , pow(x, 2) + 1 is for (  x^2 + 1 )
                         - good:  single page , 
IGrapher : -  It uses canvas to draw the graphs of financial data.  good: Slick , need improvements



Vectromatic


http://www.vectomatic.org/ : It heavly use google GWT ( java on serverside ) to create JS/HTML/CSS screens .
Good Chess game:
2D graphics in web browsers 


Lib-Gwt-svg  , shapes free draw 
4 Games:   lib-gwt-svg-edu is a new project based on lib-gwt-svg. The goal is to write educational games for kids of age 4 to 6 years old. Technically, the games are completely open source and playable in a standards compliant browsers. The games are graphically appealing but with an actual educational value (not just cute or fun to play). Thus, the game concepts are developed in partnership with webkindergarten.net.

asr: good vertical collapse window , we can use this code http://www.graphr.org/
Humble Charts : interesting with so much data , we may use it for CL

Top SVG Javascript Libraries Worth Looking At







Chris September 2, 2011 at 9:55 am
Some of the libraries of the list use Canvas and not SVG (Processing.js, ExplorerCanvas). And you also mix low-level javascript/SVG libraries (Raphael, Dojo.GFX, Jquery.SVG) with high-level plotting and UI libraries (PlotKit, Pergola) and also with javascript extension for better HTML5 support (SVGWeb, ExplorerCanvas). Since this list is very old, I want to add a new SVG library that is getting a lot of attention recently: D3.js.


Hand print Arrows:  have this kind of  arrows when explaining concept ,  pop up is good
http://www.the-art-of-web.com/css/timing-function/ : good old simple scripts

FONTS:
popup and hand prints: http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation

No comments: