___an infinite space
45 ways to visualize two numbers http://blog.visual.ly/45-ways-to-communicate-two-quantities/
___navigating the infinite space
knights movement:
data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script> |
var express = require('express'); | |
var taters = require('taters'); | |
var enchilada = require('enchilada'); | |
var makeup = require('makeup'); | |
var veto = require('veto'); | |
var browserkthx = require('browserkthx'); | |
// we set certain settings based on production or not | |
var kProduction = process.env.NODE_ENV === 'production'; |
GOAL: use selector abstraction to reduce redundancy in our CSS. | |
PROMPT: Refactor this code. | |
HTML: | |
<a href="learn_more.html class="learn_more">Learn More</a> | |
<button href="contact.html" class="contact">Contact Us</button> | |
CSS: | |
.learn_more { |
<header> | |
<a href="index.html"><div class="logo">Julian </div></a> | |
<nav class="primary"> | |
<ul></ul> | |
</nav> | |
<nav class="secondary"> | |
<ul></ul> | |
</nav> | |
<div class="search"></div> | |
</header> |
/* assuming you have images named background1.jpg, background2.jpg in your assets/images folder | |
set a height so that the image can be seen using 'height' | |
'background-image' takes url(path/to/image.ext), url(path/to/image.ext) .. as many as you want | |
MDN entry: https://developer.mozilla.org/en-US/docs/CSS/background-image | |
'background-position' takes url(path/to/image.ext), url(path/to/image.ext) .. as many as you want | |
MDN entry: https://developer.mozilla.org/en-US/docs/CSS/background-position */ |
class FakeApp | |
include Sass::Script::Functions | |
@@current_app = nil | |
attr_accessor :name, :dataset, :font | |
PREFIXES = ["responsive", "game", "beta", "tech", "digital", "social", "my", "our", "the", "all", "in", "on"] | |
SUFFIXES = ["box", "grid", "share", "wise", "hop", "works", "bit", "book", "list", "square", "rock", ".ly", "sy", "er", ".it", "ie", ".io", ".am", "ia", "ora", "ero", "ist", "ism", "ium", "ble", "ify", "ous", "ing"] | |
TILE_LAYERS = ["'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: 'OpenStreetMap'}", | |
"'http://otile{s}.mqcdn.com/tiles/1.0.0/{type}/{z}/{x}/{y}.png', {subdomains: '1234', type: 'osm', attribution: 'MapQuestOpen'}", |
#!/usr/bin/env ruby | |
require 'open-uri' | |
require 'nokogiri' | |
download = open("http://www.dol.gov/olms/regs/compliance/cba/Cba_CaCn.htm") | |
html = Nokogiri::HTML(download) | |
tables = html.search("table") | |
table = tables[1] |
___an infinite space
45 ways to visualize two numbers http://blog.visual.ly/45-ways-to-communicate-two-quantities/
___navigating the infinite space
knights movement:
Classes are blueprints. Objects are known as 'instances' of these classes. | |
Classes are where we define all variables and methods. | |
Instance variables (@var_name) and instance methods (def method_name) belong only to objects and are accessed using dot notation (Object.name) on an object made using 'Class.new'. | |
Class variables (var_name) |
# instance methods - | |
# def methodName | |
# end | |
# * only belong to objects | |
# * access them via dot notation | |
# * can use instance variables | |
# | |
# instance variables - | |
# def initialize | |
# @variable = value |