Skip to content

Instantly share code, notes, and snippets.

View fredericAerts's full-sized avatar

Frederic Aerts fredericAerts

6 followers · 3 following
View GitHub Profile
@fredericAerts
fredericAerts / testgist.js
Last active August 29, 2015 14:24
var paragraphElement = window.document.createElement("p");
var paragraphText = window.document.createTextNode("This paragraph was created by JavaScript");
paragraphElement.appendChild(paragraphText);
window.document.addEventListener('DOMContentLoaded', function() {
window.document.querySelector('body').appendChild(paragraphElement);
});
@fredericAerts
fredericAerts / index.html
Created July 7, 2015 15:40
web developer in 5 days - v1
<!DOCTYPE html>
<html>
<head>
<title>My first website</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first website</p>
</body>
</html>
@fredericAerts
fredericAerts / index.html
Created July 7, 2015 15:41
web developer in 5 days - v2
<head>
<title>My first website</title>
<link href="style.css" rel="stylesheet">
</head>
@fredericAerts
fredericAerts / style.css
Created July 7, 2015 15:45
web developer in 5 days - v1
@import url(http://fonts.googleapis.com/css?family=Lobster);
body {
font-family: 'Lobster', cursive;
background:#444;
text-align: center;
}
@fredericAerts
fredericAerts / index.html
Created July 7, 2015 15:47
web developer in 5 days - v3
<head>
<title>My first website</title>
<link href="style.css" rel="stylesheet">
<script src="script.js"></script>
</head>
@fredericAerts
fredericAerts / script.js
Created July 7, 2015 15:50
web developer in 5 days - v1
var paragraphElement = window.document.createElement("p");
var paragraphText = window.document.createTextNode("This paragraph was created by JavaScript");
paragraphElement.appendChild(paragraphText);
window.document.addEventListener('DOMContentLoaded', function() {
window.document.querySelector('body').appendChild(paragraphElement);
});
@fredericAerts
fredericAerts / index.html
Created August 13, 2015 13:02
Web developer in 3 days - v4
<!DOCTYPE html>
<html>
<head>
<title>Beginner page</title>
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/base.css">
<link rel="stylesheet" href="styles/grid.css">
<link rel="stylesheet" href="styles/helper-classes.css">
<link rel="stylesheet" href="styles/header.css">
@fredericAerts
fredericAerts / reset.css
Created August 13, 2015 13:07
Web developer in 3 days - v1
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, strong, ul, li, article,
footer, header, nav, section {
margin: 0;
padding: 0;
@fredericAerts
fredericAerts / base.css
Created August 13, 2015 13:11
web developer in 3 days - v1
* {
box-sizing: border-box;
}
@fredericAerts
fredericAerts / index.html
Created August 13, 2015 13:20
web developer in 3 days - v5
<header class="header">
<nav class="content-wrapper">
<a class="nav-item active" href="index.html">Beginner</a>
<a class="nav-item" href="expert.html">Expert</a>
<a class="nav-twitter fa fa-twitter fa-2x" href=""></a>
</nav>
</header>