Alan Wong naganowl

## docco.css
#jump_page {
  height: 100%;
  overflow: scroll;
}

#jump_wrapper {
  height: 100%;
}

## gruntEvents.coffee
  ['warn', 'fatal'].forEach (level) ->
    grunt.util.hooker.hook grunt.fail, level, (opt) ->
      require('growl')(opt.name,
        title: opt.message
        image: 'Console'
      )

  ['warn', 'error'].forEach (level) ->
    grunt.util.hooker.hook grunt.log, level, (opt) ->
      require('growl')(opt.name,

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                naganowl
                / README.md
            
            
              Last active
              August 29, 2015 13:56
            
              
                tl;dr: Don't re-render views that are delegating events as the delegation will be lost (without further action).
              
          
    Writing down the pains I've rediscovered multiple times with Chaplin item views in a CollectionView
(Though they can be applied to regular Chaplin views as well).
Numerous times, I have run into instances where I am calling this.delegate('click',...) on initialize of an item view to obtain
the behavior of routing from a generic tabular list to a detailed item view and finding that the click delegation is not working
for some reason.
These painful times after ardurous debugging have led to the same conclusion that I am documenting now to avoid repeating again
in the future. Essentially, the root cause was somewhere else within the view, I had an event handler to do a render which
effectively blows away the delegation since the old nodes are tossed away.

  
## trainSystem.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                naganowl
                / trainSystem.md
            
            
              Last active
              August 29, 2015 13:56
            
              
                An interview question I came up with that's practical and tests MVC concepts
              
          
    How would you go about designing a system to coordinate trains departing from different stations on multiple lines purely clientside?
Starting inputs are:

Total number of trains
Total number of stations and the lines they are on.
3. Assume stations are equally spaced apart.
Schedule of when train needs to start/end and their 'base'
3. Assume trains start and end at the same location.


## index.html
<html>
  <head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css">
  </head>

  <body>
    <div class="pure-g-r">
      <div class="pure-u-1">
        <div class="l-box">
          <h2>Foo</h2>

## animatedHamburgerCSS.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                naganowl
                / animatedHamburgerCSS.md
            
            
              Last active
              August 29, 2015 13:57
            
              
                A technical summary of how http://www.elijahmanor.com/css-animated-hamburger-icon/ and http://dstrunk.com/emulating-facebook-papers-menu-animation/ is accomplished
              
          
The entire hamburger element is a link with a span, where the span has a before and after pseudo-element.
The center bar is the actual span, whereas the top and bottom are the before and after pseudo-elements respectively.
The top and bottom bars are positioned to the center and rotated to create the X.

For some reason, the top bar rotates seamlessly while the bottom one is a bit jittery, even after specifying a bottom attribute.
The bars need to be rotated from the center due to the default transform-origin. The positioning may be removed if we specify a different origin at the expense of lower browser support at the time of writing.
The bottom bar rotation can be accomplished by adding a translateY(-10px) and top: 10px to force the transition to kick in and have it visually rotate from the bottom.

See this CodePen for an example of it in action.


The middle bar could be rotated with the bottom bar faded away, but the top bar rotation would need to


## check-coverage.coffee
if window.PHANTOMJS or window.location.search.indexOf('cov=true') >= 0
  # Synchronously get Blanket.
  request = new XMLHttpRequest()
  request.open 'GET', '../vendor/bower/blanket/dist/qunit/blanket.js', no
  request.send()

  script = document.createElement 'script'
  script.type = 'text/javascript'
  # There is no event fired when HTML report is added to tests.
  script.text = request.responseText +

## redirect.html
<!DOCTYPE HTML>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="10;url=//github.com/naganowl">
    <script type="text/javascript">
      setTimeout(function(){
        window.location.href = "//github.com/naganowl";
      }, 10000);
    </script>

## dropdown.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                naganowl
                / dropdown.md
            
            
              Created
              April 4, 2014 21:57
            
              
                Keep Bootstrap 3.0 dropdown from closing on item click
              
          
Forked from http://jsfiddle.net/KyleMit/ZS4L7/
Example here http://jsfiddle.net/YqF68/5/
Useful for when you have a list of checkboxes which you want to let a user interact with (Such as filters).
The two handlers should be cleaned up where appropriate (On view disposal for Backbone).


## naptha.js
// I guess this happens to be the first file which gets included
// so I might as well use this to write a message here for whoever
// ends up reading this


// you're probably gonna be seeing it as one file, but rest assured
// (or afraid), that this is actually a compiled file, and I don't
// generally scroll through four thousand lines of code in order to
// find the valid_img() function.
	#jump_page {
	height: 100%;
	overflow: scroll;
	}

	#jump_wrapper {
	height: 100%;
	}
	['warn', 'fatal'].forEach (level) ->
	grunt.util.hooker.hook grunt.fail, level, (opt) ->
	require('growl')(opt.name,
	title: opt.message
	image: 'Console'
	)

	['warn', 'error'].forEach (level) ->
	grunt.util.hooker.hook grunt.log, level, (opt) ->
	require('growl')(opt.name,
	<html>
	<head>
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css">
	</head>

	<body>
	<div class="pure-g-r">
	<div class="pure-u-1">
	<div class="l-box">
	<h2>Foo</h2>
	if window.PHANTOMJS or window.location.search.indexOf('cov=true') >= 0
	# Synchronously get Blanket.
	request = new XMLHttpRequest()
	request.open 'GET', '../vendor/bower/blanket/dist/qunit/blanket.js', no
	request.send()

	script = document.createElement 'script'
	script.type = 'text/javascript'
	# There is no event fired when HTML report is added to tests.
	script.text = request.responseText +
	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="refresh" content="10;url=//github.com/naganowl">
	<script type="text/javascript">
	setTimeout(function(){
	window.location.href = "//github.com/naganowl";
	}, 10000);
	</script>
	// I guess this happens to be the first file which gets included
	// so I might as well use this to write a message here for whoever
	// ends up reading this


	// you're probably gonna be seeing it as one file, but rest assured
	// (or afraid), that this is actually a compiled file, and I don't
	// generally scroll through four thousand lines of code in order to
	// find the valid_img() function.