Skip to content

Instantly share code, notes, and snippets.

@Tinusw
Tinusw / index.html
Created January 17, 2016 21:10
1.11 Reactive Website V2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Tinus Wagner. Front-End Dev</title>
@Tinusw
Tinusw / index.html
Created January 18, 2016 11:03
2.1 Semantic HTML and Footers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="col-md-4 col-xs-3"></div>
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Tinus Wagner. Developer</title>
@Tinusw
Tinusw / index.html
Created January 18, 2016 11:52
2.2 HTML5 Forms
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="col-md-4 col-xs-3"></div>
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Tinus Wagner. Developer</title>
@Tinusw
Tinusw / index.html
Last active January 19, 2016 13:39
2.3 Modal Windows
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Meta Tag for Bootstrap reponsiveness -->
<div class="col-md-4 col-xs-3"></div>
@Tinusw
Tinusw / index.html
Last active January 19, 2016 17:58
2.4 Tooltips
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Meta Tag for Bootstrap reponsiveness -->
<div class="col-md-4 col-xs-3"></div>
@Tinusw
Tinusw / index.html
Created January 20, 2016 16:47
2.6 Intro to JS & Jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Meta Tag for Bootstrap reponsiveness -->
<div class="col-md-4 col-xs-3"></div>
@Tinusw
Tinusw / scripts.js
Created January 22, 2016 11:26
2.7 Conditional Statements
// Add code for twitter and facebook stuff here we want it to load before document is ready
// Twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
// Facebook
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
@Tinusw
Tinusw / Scripts.js
Created January 22, 2016 15:55
2.8 Arrays & More
// Add code for twitter and facebook stuff here we want it to load before document is ready
// Twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
// Facebook
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
@Tinusw
Tinusw / scripts.js
Created January 25, 2016 17:23
2.9 Object Laterals
// Add code for twitter and facebook stuff here we want it to load before document is ready
// Twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
// Facebook
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
@Tinusw
Tinusw / index.html
Created January 25, 2016 19:02
2.10 JS and API's
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Meta Tag for Bootstrap reponsiveness -->
<div class="col-md-4 col-xs-3"></div>