Skip to content

Instantly share code, notes, and snippets.

View fitosegrera's full-sized avatar

technoshaman fitosegrera

26 followers · 19 following
View GitHub Profile
@fitosegrera
fitosegrera / index.html
Created August 4, 2014 20:51
JS_example_2 CANVAS ELEMENT
<!DOCTYPEhtml>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>Row of squares</p>
<canvas id="myCanvas1" width = "window"></canvas>
<p>Gradient</p>
<canvas id="myCanvas2" width = "window"></canvas>
@fitosegrera
fitosegrera / index.html
Created August 4, 2014 19:27
JS_example_1 (elements and id interaction)
<!DOCTYPEhtml>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="div1"></div>
<p>Parragraph 1</p>
<p>Parragraph 2</p>
<p>Parragraph 3</p>
@fitosegrera
fitosegrera / gist:2ba339aaac58aa298f60
Created August 4, 2014 16:51
Video Embed (YOUTUBE & VIMEO)
<html>
<body>
<!-- VIMEO VIDEO -->
<iframe sandbox="allow-same-origin allow-scripts allow-popups" id="foo" width="720px" height="480px" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" src="http://player.vimeo.com/video/96763629?api=1"></iframe>
<!--*************-->
<!-- YOUTUBE VIDEO -->
<iframe width="720" height="480" src="http://www.youtube.com/embed/SbmHOVGuuFw" allowfullscreen></iframe>
<!--*************-->
@fitosegrera
fitosegrera / index.html
Last active August 29, 2015 14:04
example_10 Positioning and margins 2
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class = "first-inside_1">
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
<div class = "first-inside_2"></div>
@fitosegrera
fitosegrera / index.html
Created July 31, 2014 17:38
example_10 Positioning and margins 1
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class = "first">
<div class = "first-inside_1"></div>
<div class = "first-inside_2"></div>
<div class = "first-inside_3"></div>
@fitosegrera
fitosegrera / index.html
Created July 31, 2014 17:34
Example_9 FLOATS
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class = "float_1">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
</div>
<div class = "float_2">
@fitosegrera
fitosegrera / index.html
Last active August 29, 2015 14:04
example_8 Generative Drawing in javascript (SUPER ADVANCED!!!!)
<!--
///////////////////////////////////////
// example_8 web class bootcamp 2014 //
///////////////////////////////////////
//////////// Parsons MFADT ////////////
///////////////////////////////////////
//Created by: fito_segrera
//fii.to
GENERATIVE DRAWING
@fitosegrera
fitosegrera / index.html
Created July 31, 2014 04:40
example_7 BOUNCING WINDOWS ///ADVANCED////
<!--
///////////////////////////////////////
// example_7 web class bootcamp 2014 //
///////////////////////////////////////
//////////// Parsons MFADT ////////////
///////////////////////////////////////
//Created by: fito_segrera
//fii.to
-->
<!DOCTYPE html>
@fitosegrera
fitosegrera / index.html
Created July 30, 2014 23:49
example_6 RELATIVE POSITIONING
<!--
///////////////////////////////////////
// example_6 web class bootcamp 2014 //
///////////////////////////////////////
//////////// Parsons MFADT ////////////
///////////////////////////////////////
//Created by: fito_segrera
//fii.to
EXAMPLE FOR RELATIVE POSITIONING
@fitosegrera
fitosegrera / index.html
Created July 30, 2014 23:38
example_5 ABSOLUTE POSITIONING
<!--
///////////////////////////////////////
// example_5 web class bootcamp 2014 //
///////////////////////////////////////
//////////// Parsons MFADT ////////////
///////////////////////////////////////
//Created by: fito_segrera
//fii.to
EXAMPLE FOR ABSOLUTE POSITIONING