Skip to content

Instantly share code, notes, and snippets.

// Variables
var firstName = "John";
var lastName = "Doe";
// Variables again
var address = "Michigan"
, street = "Old Woodward"
, zipCode = "48009"
;
@rhinocoders
rhinocoders / intro-html-basic-structure.html
Created July 30, 2014 16:13
RhinoCoders - Basic HTML Structure
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
<a>Anchor tag</a>
<br /> Break tag
<h1>Heading tag</h1>
<p>Paragraph tag</p>
<em>Emphasize tag</em>
// HTML5 DOCTYPE
<!DOCTYPE html>
<html>
....
@rhinocoders
rhinocoders / intro-css.css
Last active August 29, 2015 14:04
CSS Basic Structure
* {
margin: 0px;
}
p {
line-height: inherit;
color: red;
}
.selector { /* <span class="selector"></span> */
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Description of Website">
<meta name="keywords" content="keywords, of, site, describing, content">
<meta name="author" content="Jane Doe">
</head>
<span style="color: red;"></span>
<div class="className"></div>
<div id="idName"></div>
<div data-attrib="dataName"></div>
<a href="#" title="anchor title" name="anchor name" target="_blank">Anchor</a>
<!DOCTYPE html>
<html>
<head>
<title>HTML Headings</title>
</head>
<body>
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
@rhinocoders
rhinocoders / intro-css-pseudo-list.css
Created August 5, 2014 16:03
CSS Pseudo Selectors
:active
:checked
:default
:dir()
:disabled
:empty
:enabled
:first
:first-child
:first-of-type