Skip to content

Instantly share code, notes, and snippets.


Web Apprentice webapprentice

View GitHub Profile
webapprentice / tutorial_1_example_1.html
Last active Dec 27, 2015
Simple example of embedding a Google Map in a web page
View tutorial_1_example_1.html
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=";source=s_q&amp;hl=en&amp;geocode=&amp;q=eiffel+tower,+Paris,+France&amp;aq=t&amp;sll=47.613028,-122.342064&amp;sspn=0.367071,0.644073&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;t=m&amp;iwloc=A&amp;ll=48.858228,2.294388&amp;spn=0.006295,0.006295&amp;output=embed"></iframe>
<br />
<a href=";source=embed&amp;hl=en&amp;geocode=&amp;q=eiffel+tower,+Paris,+France&amp;aq=t&amp;sll=47.613028,-122.342064&amp;sspn=0.367071,0.644073&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;t=m&amp;iwloc=A&amp;ll=48.858228,2.294388&amp;spn=0.006295,0.006295" style="color:#0000FF;text-align:left">View Larger Map</a>
webapprentice / tutorial_2_example_1.html
Created Nov 7, 2013
Example of code to embed a single tweet in a web page
View tutorial_2_example_1.html
<blockquote class="twitter-tweet">
<p>Brazil to export low-cost measles &amp; rubella vaccines to developing countries
<a href=""></a>
&mdash; BBC News (World) (@BBCWorld)
<a href="">October 29, 2013</a>
<script async src="//" charset="utf-8"></script>
webapprentice / tutorial_3_example_1.html
Last active Dec 27, 2015
Embed a Weather Forecast from in a web page
View tutorial_3_example_1.html
<iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="75%"
src=", Norway&color=#00aaff&font=Helvetica&units=us">
webapprentice / tutorial_4_example_1.html
Created Nov 7, 2013
Embed a YouTube video in your web page
View tutorial_4_example_1.html
<iframe width="420" height="315" src="//" frameborder="0" allowfullscreen></iframe>
webapprentice / tutorial_5_example_1.html
Created Nov 7, 2013
Use the <audio> tag to play an audio file in a web page
View tutorial_5_example_1.html
<audio autoplay="autoplay" controls="controls">
<source src="/assets/Doctor_Who_theme_excerpt.ogg" />
<p>Your browser does not support the audio element.</p>
webapprentice / tutorial_6_demo_1.html
Last active Dec 27, 2015
Play an audio file using JavaScript
View tutorial_6_demo_1.html
window.AudioContext = (function(){
return window.webkitAudioContext || window.AudioContext ;
// Global variables
var audioContext;
var audioBuffer = 0;
var audioUrl = "/assets/Doctor_Who_theme_excerpt.ogg";
webapprentice / tutorial_7_example_1.html
Created Nov 7, 2013
Embed a live updating Twitter Timeline into a web page
View tutorial_7_example_1.html
<a class="twitter-timeline" href="" data-widget-id="395313647477481472">Tweets by @BBCWorld</a>
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
webapprentice / tutorial_8_example_1.html
Created Nov 7, 2013
Use Google fonts in a web page
View tutorial_8_example_1.html
@import url(;
@import url(;
@import url(;
@import url(;
p {
font-size: 18px;
.font1 {
webapprentice / tutorial_9_example_1.html
Created Nov 7, 2013
Embed a video from Vimeo in a web page
View tutorial_9_example_1.html
<iframe src="//" width='500' height='281' frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
View tutorial_10_example_1.html
<iframe width="500" height="400" frameborder="0"
<div style="margin: 12px 0 0 0;">
<a target="_blank" href="">View Larger Map</a>&nbsp; |&nbsp;
<a target="_blank" href="">Get Directions</a>&nbsp; |&nbsp;
<a target="_blank" href="">View Bird's Eye</a>
You can’t perform that action at this time.