Tinusw’s gists

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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>

tdawg Tinusw