Skip to content

Instantly share code, notes, and snippets.

View yairEO's full-sized avatar
🙂
Writing code

Yair Even Or yairEO

🙂
Writing code
View GitHub Profile
@yairEO
yairEO / gist:0fafaddf2fa6718393c3
Created August 25, 2014 15:32
jQuery plugin - add temporary class name
$.fn.addTempClass = function(tempClass, duration){
if( !tempClass )
return this;
return this.each(function(){
var $elm = $(this);
$elm.addClass(tempClass);
setTimeout(function(){
$elm.removeClass(tempClass);
@yairEO
yairEO / findMiddleElement.js
Last active February 9, 2019 15:58
Find element which is in the middle of the screen
var findMiddleElement = (function(docElm){
var viewportHeight = docElm.clientHeight,
elements = $('div');
return function(e){
var middleElement;
if( e && e.type == 'resize' )
viewportHeight = docElm.clientHeight;
elements.each(function(){
@yairEO
yairEO / gist:946afffee17fe38d9aec
Last active August 29, 2015 14:22
SASS - MIXIN - Triangle
// Triangle helper mixin (by Yair Even-Or)
// @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`
// @param {Color} $color [currentcolor] - Triangle color
// @param {Length} $size [1em] - Triangle size
@mixin triangle($direction, $color: currentcolor, $size: 1em) {
$size: $size/2;
$transparent: rgba($color, 0);
$opposite: (top:bottom, right:left, left:right, bottom:top);
content: '';
@yairEO
yairEO / SassMeister-input.scss
Created August 11, 2015 21:42
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$icons-map: (add-user: '\e63e', remove-user: '\e63f', user: '\e628', search: '\e62e');
@each $key, $value in $icons-map {
.icon-#{$key}:before { content: #{$value}; }
}
function abbreviateNumber(value){
var newValue = value,
suffixes, suffixNum, shortValue, precision, dotLessShortValue;
if (value >= 1000) {
suffixes = ["", "k", "m", "b","t"];
suffixNum = Math.floor( (""+Math.round(value)).length/3 );
shortValue = '';
for (precision = 2; precision >= 1; precision--) {
shortValue = parseFloat( (suffixNum != 0 ? (value / Math.pow(1000,suffixNum) ) : value).toPrecision(precision));
dotLessShortValue = (shortValue + '').replace(/[^a-zA-Z 0-9]+/g,'');
@yairEO
yairEO / Mocha JSDOM with jQuery
Last active January 27, 2016 06:27
How to setup mocha with jQuery using jsdom
var chai = require('chai'),
expect = chai.expect,
should = chai.should(),
jsdom = require('jsdom'),
window = jsdom.jsdom().defaultView;
describe('a basic test', () => {
it('should pass when all is ok', (done) => {
jsdom.jQueryify(window, "../js/vendor/jquery.min.js", () => {
@yairEO
yairEO / Tether tooltip
Last active February 27, 2016 18:23
Tether tooltip
/*
* Tooltips using Tether
* Yair Even-Or
*/
var ttip = (function(){
var Tooltip = function(target, settings){
var defaults = {
closeBtn : false,
};
@yairEO
yairEO / DOM - hasClass
Last active March 5, 2016 11:25
checks if an element has a class(s)
Element.prototype.hasClass = Element.prototype.hasClass ||
function(classArr){
var hasClass = 0,
className = this.getAttribute('class');
if( this == null || !classArr || !className ) return false;
if( !(classArr instanceof Array) )
classArr = classArr.split(' ');
@yairEO
yairEO / SassMeister-input.scss
Created March 21, 2016 10:26
Precise control over responsive typography for Sass
// ----
// libsass (v3.2.5)
// ----
/*! ========================================================================
PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
---------------------------------------------------
Indrek Paas @indrekpaas
@yairEO
yairEO / SassMeister-input.scss
Created November 7, 2016 15:31 — forked from cimmanon/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
.foo {
bar: index((width: 10px, height: 20px), (height 20px));
}