Alex Bennett alexUXUI

## gist:1440602
window.onload = function() {

    var v0 = new Vertex("0");
    var v1 = new Vertex("1");
    var v2 = new Vertex("2");
    var v3 = new Vertex("3");
    var v4 = new Vertex("4");
    var v5 = new Vertex("5");
    var v6 = new Vertex("6");
    var v7 = new Vertex("7");

## SCSS.md

      
              1 file
            
          
              264 forks
            
          
              90 comments
            
          
              1747 stars
            
          
                jareware
                / SCSS.md
            
            
              Last active
              July 1, 2024 09:25
            
              
                Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do
              
          
    ⇐ back to the gist-blog at jrw.fi
Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do.  I'd rather have kept it to a nice round number like 10, but they just kept coming.  Sorry.
I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein).  It really helped many of us through the darkest cross-browser crap.  Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger.  SCSS is an indispensable tool for dealing with this.
This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

  
## JS: Resize Polling Function
var poll = (function(){
	var timer = 0;
	return function(callback, ms){
		clearTimeout(timer);
		timer = setTimeout(callback, ms);
	};
})();

$(window).resize(function(){
	// Poll the window.resize event every 25ms for changes and fire specific code.

## index.html
<!DOCTYPE HTML>
<html>

	<head>
		<title>Quick Pace Calculator</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body>
		<div class="wrapper">

## gulpfile.js
// Include gulp
var gulp = require('gulp');

// Include Our Plugins
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var compass = require('gulp-compass');

## nodejs-cheatsheet.js
/* *******************************************************************************************
 * THE UPDATED VERSION IS AVAILABLE AT
 * https://github.com/LeCoupa/awesome-cheatsheets
 * ******************************************************************************************* */


// 0. Synopsis.
// http://nodejs.org/api/synopsis.html


## introrx.md

      
              7 files
            
          
              2513 forks
            
          
              472 comments
            
          
              21951 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              July 31, 2024 09:30
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## gulp-drupal-theme
var gulp        = require("gulp");
var sass        = require("gulp-sass");
var filter      = require('gulp-filter');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require("browser-sync");
var reload      = browserSync.reload;
var shell = require('gulp-shell');

// sass task
gulp.task('sass', function () {

## gulpfile.js
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('babelify');

function compile(watch) {
  var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));

## traverse.js
var traverse = function(o, fn) {
  for (var i in o) {
    fn.apply(this,[i,o[i]]);
    if (o[i] !== null && typeof(o[i])=="object") {
      traverse(o[i], fn);
    }
  }
}

// usage
	window.onload = function() {

	var v0 = new Vertex("0");
	var v1 = new Vertex("1");
	var v2 = new Vertex("2");
	var v3 = new Vertex("3");
	var v4 = new Vertex("4");
	var v5 = new Vertex("5");
	var v6 = new Vertex("6");
	var v7 = new Vertex("7");
	var poll = (function(){
	var timer = 0;
	return function(callback, ms){
	clearTimeout(timer);
	timer = setTimeout(callback, ms);
	};
	})();

	$(window).resize(function(){
	// Poll the window.resize event every 25ms for changes and fire specific code.
	<!DOCTYPE HTML>
	<html>

	<head>
	<title>Quick Pace Calculator</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body>
	<div class="wrapper">
	// Include gulp
	var gulp = require('gulp');

	// Include Our Plugins
	var jshint = require('gulp-jshint');
	var sass = require('gulp-sass');
	var concat = require('gulp-concat');
	var uglify = require('gulp-uglify');
	var rename = require('gulp-rename');
	var compass = require('gulp-compass');
	/* *******************************************************************************************
	* THE UPDATED VERSION IS AVAILABLE AT
	* https://github.com/LeCoupa/awesome-cheatsheets
	* ******************************************************************************************* */


	// 0. Synopsis.
	// http://nodejs.org/api/synopsis.html
	var gulp = require("gulp");
	var sass = require("gulp-sass");
	var filter = require('gulp-filter');
	var sourcemaps = require('gulp-sourcemaps');
	var browserSync = require("browser-sync");
	var reload = browserSync.reload;
	var shell = require('gulp-shell');

	// sass task
	gulp.task('sass', function () {
	var gulp = require('gulp');
	var sourcemaps = require('gulp-sourcemaps');
	var source = require('vinyl-source-stream');
	var buffer = require('vinyl-buffer');
	var browserify = require('browserify');
	var watchify = require('watchify');
	var babel = require('babelify');

	function compile(watch) {
	var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));
	var traverse = function(o, fn) {
	for (var i in o) {
	fn.apply(this,[i,o[i]]);
	if (o[i] !== null && typeof(o[i])=="object") {
	traverse(o[i], fn);
	}
	}
	}

	// usage