Brian's public fiddles
-
An Example of a Google Bar Chart
No-Library (pure JS), HTML, CSS, JavaScript
-
Google Map - Basic Map
Load a Google map showing Curtin
-
Google Map - Curtin Presence
Uses Google Maps to show world wide locations with a Curtin presence.
-
WebGL Earth - Curtin Presence
Uses Web GL Earth to show Curtin world wide locations.
-
Google Chart - Cubic Polynomials
Google chart example that draws a cubic polynomial using coefficients from a form.
-
Google Map - Directions
Get instructions between two addresses
-
Google Map - Geocoding
Pin markers on the map for specified addresses.
-
Google Map - Bullseye
Draw a bullseye around Curtin in bands of increasing distance.
-
Google Map - Building Locator
Demonstrates the use of polygons on a Google Map.
-
Google Map - Circle
Load a Google map with a circle showing the location of building 402
-
Google Chart for Powers of 2
No-Library (pure JS), HTML, CSS, JavaScript
-
jQieru UI date picker
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQuery sortable demo
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQuery tabs
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQuery Accordion
jQuery 1.9.1, HTML, CSS, JavaScript
-
jQuery UI Tabs demo
Example of using jQuery UI Tabs
-
SVG UN Flag
Using SVG as and image with specified width.
-
Checkboxex and Radio Buttons
This example showing the difference between a checkbox and radio buttons. Note that "id" is an attribute used to identify an element in CSS. Forms are not used in this example. However, we identify values here by name since this is the means to identify interface values when data is transmitted to other scripts or pages using forms.
-
Demo of text input
Have a look at the way things are displayed. For example, the textarea element can be dynamically resized.
-
HR Images with inc and dec buttons
This fiddle uses div elements for left and right arrows to decrement and increment through a set of images.