Chris Roberts chrsr

## simple-gulp.js
var gulp = require("gulp");
var jasmine = require("gulp-jasmine");
var eslint = require("gulp-eslint");

gulp.task("lint", function () {
    return gulp.src(["file.js", "./path/**/*.js"])
        .pipe(eslint())
        .pipe(eslint.format())
        .pipe(eslint.failOnError());
});

## pacemaker-timestamp
23234234

## gist:71aa2084d5693c20c3d1
function getUrlParam(param) {
    return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURI(param).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
}

## A-Pen-by-Chris-Roberts.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                chrsr
                / A-Pen-by-Chris-Roberts.markdown
            
            
              Last active
              December 22, 2015 06:29
            
              
                A Pen by Chris Roberts.
              
          
    A Pen by Chris Roberts

A Pen by Chris Roberts on CodePen.
Animated isotope like boxes using floats and css3 transition.
License.

  
## LESS-example
// http://less2css.org/

/* CSS Comments */
// Vs Silent Comments


/* Importing */
@import 'my-mixins.css';


## script.js
var myobjs = [
	{position: null},
	{position: null},
	{position: 5},
	{position: 1},
	{position: null},
	{position: 6},
	{position: 3},
	{position: 10},
	{position: 2},

## script.js
var myobjs = [
	{position: null},
	{position: null},
	{position: 5},
	{position: 1},
	{position: null},
	{position: 6},
	{position: 3},
	{position: 10},
	{position: 2},

## simple server
# Simple Python Server
# --------------------------------------------------

function server() {
    local port="${1:-8000}"
    open "http://localhost:${port}/"
    python -m SimpleHTTPServer "$port"
}

## ie_click.html
<!DOCTYPE html>
<html>
<body>

<div style="position: relative; width:500px; height:500px;">

    <div style="position: relative;">
        <img style="position: relative;" src="http://placedog.com/400/300" onclick="alert('image')">
    </div>

## chrome_dev_strange.html
<!DOCTYPE html>
<html>
    <body>

    <div style="width: 100px; height: 100px; margin-right: 30px; background: blue;">
        <div style="width: 50px; height: 50px; margin: 0; background: red;">

        </div>
    </div>
	var gulp = require("gulp");
	var jasmine = require("gulp-jasmine");
	var eslint = require("gulp-eslint");

	gulp.task("lint", function () {
	return gulp.src(["file.js", "./path/*/.js"])
	.pipe(eslint())
	.pipe(eslint.format())
	.pipe(eslint.failOnError());
	});
	function getUrlParam(param) {
	return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.[&\\?]" + encodeURI(param).replace(/[\.\+\]/g, "\\$&") + "(?:\\=([^&]))?)?.$", "i"), "$1"));
	}
	// http://less2css.org/

	/* CSS Comments */
	// Vs Silent Comments


	/* Importing */
	@import 'my-mixins.css';
	var myobjs = [
	{position: null},
	{position: null},
	{position: 5},
	{position: 1},
	{position: null},
	{position: 6},
	{position: 3},
	{position: 10},
	{position: 2},
	# Simple Python Server
	# --------------------------------------------------

	function server() {
	local port="${1:-8000}"
	open "http://localhost:${port}/"
	python -m SimpleHTTPServer "$port"
	}
	<!DOCTYPE html>
	<html>
	<body>

	<div style="position: relative; width:500px; height:500px;">

	<div style="position: relative;">
	<img style="position: relative;" src="http://placedog.com/400/300" onclick="alert('image')">
	</div>