<- previous    index    next ->

Lecture 23, HTML5, javascript, CSS 


WOW! All this in one lecture?

Actually, this is a group of samples showing techniques
for using HTML5 canvas suplemented with some javascript
and some CSS. All three subjects are huge.

First, some dynamic display, just using HTML5 canvas and
some javascript, overdone, for a moving color wheel.

run canvas2.html


HTML5 canvas2.html











view source canvas2.html as .txt




A few shape drawing examples:
view source canvas_draw.html as .txt
canvas_draw.html

Get mouse coordinates: click to have coordinates displayed
canvas_mouse.html
canvas_mouse.html.txt as text

Much more detailed information and examples from w3schools.com
canvas tutorial
html5 tutorial


Simple CSS


style_by_kind.html



style_by_kind.txt


More JavaScript, hello to complex numerics

First the .txt of html file, then .js JavaScript files referenced, then run html

hellojavascript.html as .txt
hello.js
run hellojavascript.html

numerics.html as .txt
numerics.js
run numerics.html


test_laphi.html as .txt
test_laphi.js
laphi.js
run test_laphi.html

just first part

test_gaulegf.html as .txt
test_gaulegf.js
gaulegf.js
run test_gaulegf.html


test_simeq.html as .txt
test_simeq.js
simeq.js
run test_simeq.html




The important point is that almost all browsers
are using HTML5 and have JavaScript. Thus almost
any application can be made to run over the
Internet in the users brwoser.



    <- previous    index    next ->

Other links 

Many web sites on Java GUI, AWT, Swing, etc.
Many web sites on Python wx, tk, qt, etc.

Go to top