Skip to content

Instantly share code, notes, and snippets.

View elrumordelaluz's full-sized avatar
🚲
--css-bikeriables

Lionel Tzatzkin elrumordelaluz

🚲
--css-bikeriables
View GitHub Profile
@elrumordelaluz
elrumordelaluz / gist:92eeaa3fe98c2d8899b9
Created May 28, 2014 11:38
(js) httpRequest with callback
var $ = {
core:function(u){
return new $.httpRequest(u);
},
httpRequest:function(url, callback){
var r = new XMLHttpRequest();
r.open("GET", url, true);
r.onreadystatechange = function () {
if (r.readyState != 4 || r.status != 200) return;
callback(r.responseText);
@elrumordelaluz
elrumordelaluz / gist:cf32e84319126585ba6d
Created May 29, 2014 15:29
multiple XMLHttpRequest with callback (combineRequest)
combinedRequest = {
init: function(urlArray, callback) {
theContent = "";
combinedRequest.requestWrapper(urlArray, theContent, callback);
},
requestWrapper: function(urlArray, theContent, callback) {
/*The closure inside which we place the XMLHttpRequest call*/
requestObject = makeRequestObject();
@elrumordelaluz
elrumordelaluz / SassMeister-input.scss
Created June 17, 2014 13:36
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
// Poor man's nth
// ---
// @param [number] $number: number of iterations
// @param [string] $selector: custom selector
// ---
function getOffsetRect(elem) {
// Get the enclosing elem.
var box = elem.getBoundingClientRect()
var body = document.body
var docElem = document.documentElement
// Calculate the page scroll. All browsers except IE<9 support `pageXOffset/pageYOffset`, and in IE when DOCTYPE is set, the scroll can be taken from documentElement(<html>), otherwise from `body` - so we take what we can.
var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
@elrumordelaluz
elrumordelaluz / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$orange:#F17635;
$blue:#547DAA;
$green:#25BAA5;
$red:#e74c3c;
$yellow:#f1c40f;
@elrumordelaluz
elrumordelaluz / SassMeister-input-HTML.html
Last active August 29, 2015 14:07
Generated by SassMeister.com.
<div class="btn btn-light-grey btn-share" id="hola">
Share
<div class="xtra-content">
<button class="btn btn-small btn-blue">A</button>
<button class="btn btn-small btn-skyblue">B</button>
<button class="btn btn-small btn-red">C</button>
<buttton class="btn btn-small btn-nblue">D</i>
</buttton></div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body, ul {
margin: 0;
padding: 0;
}
@elrumordelaluz
elrumordelaluz / SassMeister-input.scss
Created December 16, 2014 21:59
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@mixin long-shadow($type, $color, $length, $fadeout: true, $skew: false, $direction: right){
$shadow: '';
@if $skew == false or $type == text{
@if $direction == right {
@for $i from 0 to $length - 1 {
@elrumordelaluz
elrumordelaluz / SassMeister-input.scss
Created January 9, 2015 17:47
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$classes: class-1 class-2 class-3;
%reset {
padding-right: 0px;
padding-left: 0px;
@elrumordelaluz
elrumordelaluz / SassMeister-input.scss
Created February 5, 2015 16:41
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
$main-color: #2a333c;
$red:#c05b5b;
$green:#3D969A;
$light-grey:#b7b7b7;
$white:white;