Skip to content

Instantly share code, notes, and snippets.

View asvny's full-sized avatar
🎯
Focusing

Annamalai Saravanan asvny

🎯
Focusing
View GitHub Profile
@asvny
asvny / gist:5524203bb5b826dedf97
Created June 10, 2015 12:31
Better Debounce function in Javascript
var debounce = function(func, wait) {
// we need to save these in the closure
var timeout, args, context, timestamp;
return function() {
// save details of latest call
context = this;
args = [].slice.call(arguments, 0);
timestamp = new Date();
@asvny
asvny / assign.js
Created August 5, 2015 07:03
Object assign
if (!Object.prototype.assign) {
Object.prototype.assign = function() {
var args = [].slice.call(arguments),
target = args.shift();
return args.reduce(function(base, obj) {
Object.keys(obj).forEach(function(prop) {
if (obj.hasOwnProperty(prop)) {
base[prop] = obj[prop];
}
@asvny
asvny / gist:fc898db988a4b74455c3
Last active August 29, 2015 14:26 — forked from SevInf/gist:09a1e7d913fa46d13265
Promises + generators
async(function*() {
console.log('start');
yield asyncFunction();
var value = yield asyncFunction();
console.log('value', value);
});
function asyncFunction() {
return new Promise((resolve, reject) => {
setTimeout(() => {
function flatten(a) {
return Array.isArray(a) ? [].concat.apply([], a.map(flatten)) : [a];
}
@asvny
asvny / GradientBorder.scss
Created August 10, 2015 09:51
Gradient border SCSS mixin
@mixin gradientBorder($leftColor,$rightColor,$borderWidth)
{
-webkit-appearance:none;
border:none;
background-image:linear-gradient(to right,$leftColor,$rightColor),linear-gradient(to right,$leftColor,$rightColor);
outline:none;
border-left:$borderWidth solid $leftColor;
border-right:$borderWidth solid $rightColor;
background-repeat:no-repeat;
background-size:100% $borderWidth;
//SCSS
$pages: ('home', 'about', 'products', 'contact');
$selector: ();
@each $item in $pages {
$selector: append($selector, unquote('.#{$item} .nav-#{$item}'), 'comma');
}
#{$selector} {
@asvny
asvny / SassMeister-input.scss
Created September 3, 2015 13:24
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$card_morph: (
trans1: 200ms transform ease-in-out,
trans2: 400ms background ease-in,
trans3: 600ms color linear
);
@asvny
asvny / SassMeister-input.scss
Created September 3, 2015 13:31
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$buttons: (
error: (#d82d2d, #666),
success: (#52bf4a, #fff),
warning: (#c23435, #fff)
);
@asvny
asvny / SassMeister-input.scss
Created September 3, 2015 13:32
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$breakpoints: (
small: 320px,
medium: 600px,
large: 768px
);
@asvny
asvny / SassMeister-input.scss
Created September 3, 2015 13:42
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$themes: (
theme1: theme-light,
theme2: theme-dark
);
@function setStyle($map, $object, $style) {