Skip to content

Instantly share code, notes, and snippets.


Web Apprentice webapprentice

View GitHub Profile
webapprentice / tutorial_11_demo_1.html
Last active Dec 27, 2015
Embed a public Google Calendar in a web page
View tutorial_11_demo_1.html
<iframe src=";wkst=1&amp;bgcolor=%23FFFFFF&amp;;color=%232952A3&amp;ctz=America%2FLos_Angeles" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
webapprentice / tutorial_12_example_1.html
Created Nov 7, 2013
Use the highcharts.js JavaScript library to display a graph in a page
View tutorial_12_example_1.html
<script src=""></script>
<script src=""></script>
<div id="container" style="width: 800px; height: 400px; margin: 0 auto; border: 1px solid black;"></div>
$(function () {
title: {
text: 'Registered Syrian Refugees',
webapprentice / tutorial_13_example_1.html
Last active Dec 27, 2015
Embed multi-page documents hosted on Scribd in a web page
View tutorial_13_example_1.html
<p style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;">
<a title="View Apple Samsung Verdict on Scribd" href="" style="text-decoration: underline;" >Apple Samsung Verdict</a>
<a title="View Mashable's profile on Scribd" href="" style="text-decoration: underline;" >Mashable</a></p>
<iframe class="scribd_iframe_embed" src="//" data-auto-height="false" data-aspect-ratio="0.772727272727273" scrolling="no" id="doc_159" width="400" height="600" frameborder="0"></iframe>
webapprentice / tutorial_14_example_1.html
Created Nov 7, 2013
Add Sharing buttons to your pages using AddThis
View tutorial_14_example_1.html
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a>
<script type="text/javascript" src="//"></script>
<!-- AddThis Button END -->
webapprentice / tutorial_15_example_1.html
Last active Dec 27, 2015
Display a Google Map using the Maps JavaScript API
View tutorial_15_example_1.html
#map_canvas {
height: 400px;
width: 600px;
border: 1px solid black;
<div id="map_canvas"></div>
webapprentice / tutorial_16_example_1.html
Created Nov 12, 2013
Translate your Site with the Google Website Translator
View tutorial_16_example_1.html
<meta name="google-translate-customization" content="64be6db56529e461-bedaae94d1d3034d-g1586aeda755216da-1d"></meta>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
<script type="text/javascript" src="//"></script>
webapprentice / tutorial_17_example_1.html
Last active Dec 28, 2015
Simple jQuery Slideshow with captions from Jon Raasch
View tutorial_17_example_1.html
<script type="text/javascript">
Simple jQuery Slideshow Script
Released by Jon Raasch ( under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
Original blog post:
var intervalId;
webapprentice / tutorial_18_example_1.html
Created Nov 13, 2013
Example tracking code for Google Analytics
View tutorial_18_example_1.html
// Do not use this code in your web site - it won't work - included here for illustration
i[r].l=1*new Date();
webapprentice / tutorial_19_example_1.html
Last active Dec 28, 2015
Simple example of using geolocation in HTML5
View tutorial_19_example_1.html
<script src=""></script>
$(document).ready(function() {
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var str = 'Latitude: ' + position.coords.latitude.toString() + ' deg<br>' +
'Longitude: ' + position.coords.longitude.toString() + ' deg<br>';
webapprentice / tutorial_20_example_1.html
Created Nov 14, 2013
Example of embedding a gist in a web page
View tutorial_20_example_1.html
<script src=""></script>