trub

### A string is: 
An ordered collection of characters. Used most commonly to store words or sentences.

### Pick one of your favorite apps and describe a few places where it uses strings. Be specific: 
The splash page for snapchat has two buttons on it. I assume those buttons contain strings with the characters "sign up" and "log in".

### Describe what a method is: 
-is a function that is defined inside of a class
-for example, you could have an object that is a dog. 
  this dog could have two methods: bark & sit. 

trub

10 things that make me

MOST EXCITED:

-Figure out what a new product should do through user research
-Do remote user testing for new UI
-Create high-fidelity mocks of new UI for the product
-Create brand new comic book art for Zapier
-Dream up the future of Zapier, inspire and motivate your teammates
-Design native mobile apps for iOS and Android

trub

<div class="grid-items">
  <a href="javascript:void(0)" class="grid-item">
    <img src="https://raw.github.com/Magnus-G/Random/master/placeholder_logo_1.png" alt="">
    <h1>Grid Item</h1>
    <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
  </a>
  <a href="javascript:void(0)" class="grid-item grid-item-big grid-item-image">
    <img src="https://raw.github.com/Magnus-G/Random/master/placeholder_logo_2.png" alt="">
    <h1>Grid Item With an Image</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, illum.</p>

trub

  <link href='http://fonts.googleapis.com/css?family=Lusitana:400,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700italic,700,800,800italic' rel='stylesheet' type='text/css'>


<header class="navigation">
  <div class="menu-wrapper">
    <a href="javascript:void(0)" class="logo">
      <img src="https://raw.github.com/Magnus-G/Random/master/placeholder_logo_1.png" alt="">
    </a>

trub

  <link href='http://fonts.googleapis.com/css?family=Lusitana:400,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700italic,700,800,800italic' rel='stylesheet' type='text/css'>


<header class="navigation">
  <div class="menu-wrapper">
    <a href="javascript:void(0)" class="logo">
      <img src="https://raw.github.com/Magnus-G/Random/master/placeholder_logo_1.png" alt="">
    </a>

trub

body
  ul.menu
    li(title='home')
      a.home(href='#') home
    li(title='search')
      a.search(href='#') search
    li(title='pencil')
      a.pencil(href='#') pencil
    li(title='about')
      a.active.about(href='#') about

trub

##defining information architecture

1. Navigation

   the combination of organization, labeling, & navigation schemes within an informational system

2. Interaction

   the structural design of a space to facilitate tasks and intuitive access to content

trub

<div class="cards">
 
  <div class="card">
    <div class="ribbon-wrapper"><div class="ribbon">RIBBON</div></div>
    <div class="card-image">
      <img src="https://raw.github.com/Magnus-G/Random/master/mountains-4.png" alt="">
    </div>
    <div class="card-header">
      PREMIUM
    </div>

trub

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// Bourbon (v)
// Neat (v)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

trub

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

$grid-columns: 12;
$visual-grid-breakpoints: null;
$default-feature: min-width;

@function new-breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {