Skip to content

Instantly share code, notes, and snippets.

View webapprentice's full-sized avatar

Web Apprentice webapprentice

4 followers · 0 following
View GitHub Profile
@webapprentice
webapprentice / tutorial_28_example_3.kml
Created December 3, 2013 22:47
<?xml version="1.0" encoding="utf-8" ?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document><Folder><name>OGRGeoJSON</name>
<Placemark>
<name>Seattle Space Needle</name>
<Point><coordinates>-122.3491667,47.6202333</coordinates></Point>
</Placemark>
<Placemark>
<name>Set of Lines</name>
<Style><LineStyle><color>ff0000ff</color></LineStyle><PolyStyle><fill>0</fill></PolyStyle></Style>
@webapprentice
webapprentice / tutorial_29_example_1.html
Last active December 30, 2015 10:09
Implement a CSS/JavaScript Magnifying Glass using code from TheCodePlayer (http://thecodeplayer.com/)
<!-- Code is derived from http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3 by TheCodePlayer -->
<p style='text-align: center'>The image used was taken by the NASA Cassini spacecraft and shows the moon
<a href="http://www.nasa.gov/mission_pages/cassini/multimedia/pia12568.html">Mimas of planet Saturn</a>
</p>
<br>
<div id="container">
<!-- This is the magnifying glass which will contain the original/large version as a background image -->
<div class="magnifier"></div>
@webapprentice
webapprentice / tutorial_30_example_1.html
Last active November 21, 2023 08:04
Simple example of Web Audio analysis and visualization
<canvas id="canvas" width="512" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
@webapprentice
webapprentice / tutorial_31_example_1.html
Last active May 19, 2017 00:50
<canvas id="canvas" width="512" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
@webapprentice
webapprentice / tutorial_32_example_1.html
Last active May 19, 2017 00:50
<canvas id="canvas" width="800" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
@webapprentice
webapprentice / tutorial_33_example_1.html
Created December 23, 2013 21:23
<canvas id="canvas" width="800" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
@webapprentice
webapprentice / tutorial_34_example_1.html
Last active January 1, 2016 19:19
<!-- depends on jQuery which must have been loaded before these lines -->
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js"></script>
<script>
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loadingImage : '/facebox/loading.gif',
closeImage : '/facebox/closelabel.png'
});
@webapprentice
webapprentice / tutorial_35_example_1.html
Last active January 1, 2016 20:49
<video id="video"></video>
<br>
<div id="controls">
<button id="start_button">Start Video</button> &nbsp;
<button id="stop_button">Stop Video</button> &nbsp;
<button id="capture_button">Capture Photo</button>
</div>
<br>
<canvas id="canvas"></canvas>
@webapprentice
webapprentice / tutorial_36_example_1.html
Last active January 2, 2016 00:19
<p style="text-align: center">Click Start and begin speaking</p>
<canvas id="canvas" width="800" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
@webapprentice
webapprentice / tutorial_37_example_1.html
Last active October 10, 2022 00:42
<div id="transcript">&nbsp;</div>
<br>
<div id="instructions">&nbsp;</div>
<div id="controls">
<button id="start_button">Click to Start</button>
</div>
<style>