Slides: http://slides.com/shinobi881/quick-sandbox-site
Sublime Text: https://www.sublimetext.com/
In your Sublime Text project:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<title>My awesome page!</title>
<h1>Let's put some stuff here</h1>
<!DOCTYPE html>
<html>
<head>
<title>Everybody Everybody</title>
</head>
<body>
<h1>Rock the Bells!</h1>
</body>
</html>
Create and connect our 'stylesheet'
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="styles.css"></link>
</head>
<body>
<h1>Starlight, starbright!</h1>
</body>
</html>
Make styles.css look EXACTLY as below then refresh browser.
body {
background-color: green;
}
h1 {
font-size: 200px;
font-color: yellow;
}
Have some fun!
Boilerplate App:
Video: