Skip to content

Instantly share code, notes, and snippets.

// Brightness math based on:
// http://www.nbdtech.com/Blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx
$red-magic-number: 241;
$green-magic-number: 691;
$blue-magic-number: 68;
$brightness-divisor: $red-magic-number + $green-magic-number + $blue-magic-number;
@function brightness($color) {
// Extract color components
@ahmadmilzam
ahmadmilzam / trim.js
Last active August 29, 2015 14:12 — forked from cferdinandi/trim.js
/**
* Remove whitespace from a string
* @private
* @param {String} string
* @returns {String}
*/
var trim = function ( string ) {
return string.replace(/^\s+|\s+$/g, '');
};
/**
*
* Name v0.0.1
* Description, by Chris Ferdinandi.
* http://gomakethings.com
*
* Free to use under the MIT License.
* http://gomakethings.com/mit/
*
*/
/*
Tested on
(Windows 7)
Chrome, Firefox
(Android 4.1)
Android Browser, Chrome, Firefox
(iOS 6.1.3)
Safari
*/
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@ahmadmilzam
ahmadmilzam / mapper.js
Created December 9, 2014 11:04
Usefull wrapper module for Google Map API V3
/**
* Usefull wrapper module for Google Map API V3
* @param {object} win
* @param {object} google
* @return {object}
*
* Author: Ahmad Milzam (http://ahmadmilzam.com)
*/
var Mapper = (function(win, google){
function scrollTo(Y, duration, easingFunction, callback) {
var start = Date.now(),
elem = document.documentElement.scrollTop?document.documentElement:document.body,
from = elem.scrollTop;
if(from === Y) {
callback();
return; /* Prevent scrolling to the Y point if already there */
}
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
function scrollTo(Y, duration, easingFunction, callback) {
var start = Date.now(),
elem = document.documentElement.scrollTop?document.documentElement:document.body,
from = elem.scrollTop;
if(from === Y) {
callback();
return; /* Prevent scrolling to the Y point if already there */
}