dak

define(function (require) {

  var module;

  // Setup temporary Google Analytics objects.
  window.GoogleAnalyticsObject = "ga";
  window.ga = function () { (window.ga.q = window.ga.q || []).push(arguments); };
  window.ga.l = 1 * new Date();

  // Immediately add a pageview event to the queue.

dak

mkdir -p /usr/local/etc/nginx/sites-{enabled,available}

File locations:

• nginx.conf to /usr/local/etc/nginx/
• default and default-ssl to /usr/local/etc/nginx/sites-available
• homebrew.mxcl.nginx.plist to /Library/LaunchDaemons/

dak

[{
  "id": "d3911c28",
  "task": "Update site"
}, {
  "id": "c192bcaf",
  "task": "Call Ed"
}, {
  "id": "be7790d1",
  "task": "E-mail Ross"
}]

dak

http://eloquentjavascript.net/index.html
http://eloquentjavascript.net/00_intro.html
http://eloquentjavascript.net/01_values.html
http://eloquentjavascript.net/02_program_structure.html
http://eloquentjavascript.net/03_functions.html
http://eloquentjavascript.net/04_data.html
http://eloquentjavascript.net/05_higher_order.html
http://eloquentjavascript.net/06_object.html
http://eloquentjavascript.net/07_elife.html
http://eloquentjavascript.net/08_error.html

dak

Objective

References to Tables, Figures, and other elements on a page should be named for that element. For example, the link to the 3rd figure on a page should read "Figure 3" (and that Figure should also be labeled as such).

Problem

The HTML webview uses to display content does not include the desired numbering scheme, nor does it include any metadata on the elements that can be used to divine the appropriate numbers.

Currently, webview uses CSS counters to label all the elements, relying on a pseudo element to to place the counter number for the element before it as a label.

For example:

dak

The final result: require() any module on npm in your browser console with browserify

This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.

inspiration

My inspiration for building this was Max Ogden's Requirebin, which allows users to use a browser based editor to run custom javascript in the browser (including javascript that had require() statements that would normally need to be pre-processed using browserify).

dak

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

dak

rake db:drop db:create db:migrate db:seed sprint:010mix --trace
** Invoke config/secrets.yml (first_time, not_needed)
** Invoke config/secrets.yml.example (first_time, not_needed)
** Invoke db:drop (first_time)
** Invoke db:load_config (first_time)
** Execute db:load_config
** Execute db:drop
** Invoke db:create (first_time)
** Invoke db:load_config 
** Execute db:create

dak

If you encounter the following:

GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

Sources :

• https://github.com/jspm/jspm-cli/wiki/Registries

dak

# use ImageMagick convert
# the order is important. the density argument applies to input.pdf and resize and rotate to output.pdf
convert -density 90 input.pdf -rotate 0.5 -attenuate 0.2 +noise Multiplicative -colorspace Gray output.pdf