helpwithcs's public fiddles
-
Shape and Counting Question Game
Select the right number of shapes as indicated by the problem.
-
Clipped Image Using Raphael.js
Click an image to load an image in place of the fill colour.
-
Select a Shape Using Raphael.js
Click on the canvas to draw circles or click on a circle to add a stroke.
-
Dragging Shapes Using Raphael.js
Click on the canvas to draw circles or drag and drop an existing circle.
-
All Fall Down Using Raphael.js
Click on the canvas to draw circles and press f to get all the circle to fall down.
-
Animating Shapes Using Raphael.js
Click on the canvas to draw circles or click on a circle to animate it.
-
Removing Shapes Using Raphael.js
Click on the canvas to draw circles or click on a circle to remove it.
-
Adding Shapes Using Raphael.js
Click on the canvas to add circles.
-
Clickable Shapes Using Raphael.js
Raphael 2.1.0, HTML, CSS, JavaScript
-
shapes
Raphael 2.1.0, HTML, CSS, JavaScript
-
Basic: Fill-in-the-Blank Game v2
Click on the missing letter to select the correct response. Press check to see if you get it right.
-
CS06: Basic Typing Program w. Auto-Save
jQuery 2.1.0, HTML, CSS, JavaScript
-
Basic: Fill-in-the-Blank Game
Click on the missing letter to select the correct response. Press check to see if you get it right.
-
Triangles: Perimeter and Area using Raphael.js
Practice working with form fields, updating html content and drawing a triangle and text using Raphael.js.
-
Triangles: Perimeter and Area
Practice working with form fields and updating html content.
-
Display Videos
Basic example showing how to load a video into an iframe
-
10eLqx7r
No-Library (pure JS), HTML, CSS, JavaScript
-
Filter Photos by Tag v3
Filter using a function that goes through a list of unordered tags.
-
Filter Photos by Tag v2
Filter using a function.
-
Filter Photos by Tag
Filter in main body of the program.