Valentines-Day--2-14-14

the demo we did on valentine's day. See it working here: http://parsonscodeclub.github.io/Valentines-Day--2-14-14/

#Intro

1. I'm using Sublime Text with Emmet so I'll be autocompleting a lot.
2. I don't expect you to follow along or memorize anything, this is just supposed to be to let you know that these things exist / to get the hang of certain concepts.
3. This README will serve as a repository for help and references so if you wish to actually implement these things on your own, you can!
4. This was a live demo, so there's some stuff that I showed (like the use of the Developer Tools) that doesn't translate if you're reading this afterwards.

#HTML

###The Viewport Meta Tag

I didn't cover this but it's notable to look into anyway

• Everything you ever wanted to know about Viewports and Media Queries
• A Simple Guide to Responsive Design

###SVG

• How to use SVG
• Command line SVG Optimizer tool

###Pseudo-Elements

#CSS

###Max-Width

###CSS-Columns

• Columns on CSS Tricks
• MDN Reference

###Transitions

• Transitions on MDN

###Keyframe Animation

• Syntax

#Javascript & jQuery

Check out the jQuery documentation

###Attaching event listeners

###Grabbing text

###Creating new elements

###Appending elements

#Random other links

Stuff we looked at on the side.

• dataveyes
• qubitzoid
• Gradient Maps
• Raphael.js