Skip to content

Instantly share code, notes, and snippets.

@jaredphillips
jaredphillips / html-two
Last active August 29, 2015 14:06
HTML 2
tag - attribute - value
< html lang ="en" >
<html lang="en">
@jaredphillips
jaredphillips / html-one
Last active August 29, 2015 14:06
HTML One
<!-- Tags open, have content, then close -->
<h1> Content </h1>
<h1> <!-- This is an HTML tag being open -->
We put some content here.
</h1> <!-- Then we tell the browser to close that tag -->
@jaredphillips
jaredphillips / Learn-to-Code-1
Created September 4, 2014 16:57
Learn-to-Code-1
My Name
I love cupcakes.
@jaredphillips
jaredphillips / sass-example-4
Last active August 29, 2015 14:05
SASS Example 4
/* style.scss */
/* This scss will create a style.css when run through a pre-processor */
@import "normalize.min";
@import "my-defaults";
@import "icons";
@import "mobile";
@import "small-tablet";
@import "tablet";
@import "full-size";
@jaredphillips
jaredphillips / sass-example-3
Created August 27, 2014 21:09
SASS Example 3
header {
background-color: #e3d3d3;
}
header h1 {
font-size: 30px;
}
header h1 a {
text-decoration: none;
@jaredphillips
jaredphillips / sass-example-2
Created August 27, 2014 20:51
SASS Example 2
header {
background-color: #e3d3d3;
h1 {
font-size: 30px;
a {
text-decoration: none;
}
}
}
@jaredphillips
jaredphillips / sass-example-1
Created August 27, 2014 19:15
SASS Example 1
$favourite-color: #85D4E3;
body {
background-color: $favourite-color;
}
// My custom emmet shortcuts
{
"snippets": {
"scss": {
"snippets": {
"mz": "margin: 0 auto;"
}
},
"css": {
// My custom emmet shortcuts
{
"snippets": {
"file-type (eg html)": {
"snippets": {
"keys-typed": "your-shortcut"
}
}
}