A Pen by Chris Roberts on CodePen.
Animated isotope like boxes using floats and css3 transition.
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()); | |
}); |
23234234 |
function getUrlParam(param) { | |
return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURI(param).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1")); | |
} |
A Pen by Chris Roberts on CodePen.
Animated isotope like boxes using floats and css3 transition.
// 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}, |
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> |
<!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> |