nathanmpark

- design school for developers

- balsamiq wireframes

- characteristics of color and color schemes

- kuler

- paletton

- google fonts

- typekit

- typecast

- free stock photos

- font-family pairings

nathanmpark

Design resources for developers

Guidelines/Principles

• Principles of Good Web Design
• Design Principles FTW
• Skillshare Design Classes
• Graphic Design School: The Principles and Practice of Graphic Design

Process

nathanmpark

a = ["Ferrari","Mercedes","BMW"]

a.cycle { |x| puts x } 
# prints: Ferrari, Mercedes, BMW, Ferrari, Mercedes, BMW,.. forever.

a.cycle(2) { |x| puts x } 
# prints: Ferrari, Mercedes, BMW, Ferrari, Mercedes, BMW.

nathanmpark

# The general structure of the cycle enumerable is as such:

cycle(n=nil){|obj| block} -> nil

# n = the number of times you want to cycle through the list of data.
# obj = object that is being passed into cycle.
# block = a block of code you wish to run onto the given object.

# An enumerator can be created as well:

nathanmpark

class Bike
  def initialize
    @owner = "Nathan Park"
  end
  
  def wheel_size
    @wheel = 26
  end
  
  def bike_frame

nathanmpark

def tire_pressure # this is an example of an instance method
  @psi = 100 # instance variables are signified with the @ symbol
end

nathanmpark

// Example JavaScript Object
var skateboarder = {
  name: "Rodney Mullen",
  board: "Almost Deck",
  wheels: "Spitfire",
  trucks: "Independent"
};

// The object must be initialized with the keyword "var" and contain the properties within the curley brackets.
// This example shows the object "skatboarder".

nathanmpark

// Add property to object
skateboarder.trick = "360 Flip";

var skateboarder = {
  name: "Rodney Mullen",
  board: "Almost Deck",
  wheels: "Spitfire",
  trucks: "Independent",
  trick: "360 Flip"         // The new property trick is added here
};

nathanmpark

// Delete property from object
delete skateboarder.trucks;

var skateboarder = {
  name: "Rodney Mullen",
  board: "Almost Deck",
  wheels: "Spitfire",
  trick: "360 Flip"         // The old property trucks is deleted
};

nathanmpark

grades = {
  Jane: 89,
  Bill: 88,
  James: 95,
  Jill: 94
}