Skip to content

Instantly share code, notes, and snippets.

View kyrasteen's full-sized avatar

Kyra Steenbock kyrasteen

11 followers · 6 following
  • Arcata, California
View GitHub Profile
@kyrasteen
kyrasteen / Flatirons at night.markdown
Created September 27, 2015 23:59
Flatirons at night
@kyrasteen
kyrasteen / snap_animation.md
Last active August 29, 2015 14:21
Snap.js animation lightning talk

Animation with Snap.js

All about SVG

definition: Scalable Vector Graphics, why are they so AWESOME

  • inline/on the fly
  • from illustrator type tool
  • properties/examples (line, polygon, rectangle)
@kyrasteen
kyrasteen / JavaScript Events
Last active August 29, 2015 14:21
Lightning talk on JavaScript Event handlers, listeners, and custom events.
### Javascript Events
#### Global Event Handlers
Definintion: function registered on... of attributes or properties
common examples:
+ click
+ hover
+ mouseover
@kyrasteen
kyrasteen / creative_control.md
Last active August 29, 2015 14:20
Creative Control -lightning talk

Creative Control vs Usability

What does the average user want? (features, creative control)

intial problems with giving users too much control

Control vs Usability/barrier to entry

more flexible an app = more difficult to learn how to use

Compare instagram and photoshop

different ends of the spectrum limited control-highly flexible
@kyrasteen
kyrasteen / waterspot_update.md
Last active August 29, 2015 14:19
Waterspot -update

#Waterspot ###https://waterspot.herokuapp.com/

what I worked on:

  • user can register through waterspot app. Once registered they have the choice to login via twitter or waterspot
  • small amount of seed data...to start
  • plotted points on the map from seed data
  • user can make a new spot object and id appears on map
@kyrasteen
kyrasteen / hat.html
Created April 3, 2015 21:19
d3 hat. -As the one element of the data increases (total # of knitted rows of a hat) the hat svg should fill in with color, until completely filled(knitted hat finished).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link type="text/css" href="hat.css" rel="stylesheet"/>
<script src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<div id="hat"></div>
@kyrasteen
kyrasteen / kyra-lightning-talk
Created February 10, 2015 04:57
Bourbon - lightning talk
#Bourbon
##What is Bourbon?
*SASS library
>What is SASS(briefly)?
*CSS preprocessor
*provides cool tools such as variables, functions, mixins, and partials
@kyrasteen
kyrasteen / test
Created June 23, 2014 22:19
markdown test
#testing
this is a test for markdown. I am learning. wowy!
is this still the same paragraph?
>do i need this carrot?
##list
### Unordered list
pasta