Skip to content

Instantly share code, notes, and snippets.

View wayferer's full-sized avatar
🧙‍♂️
Working from home

Abdullah Norozi Iranzad wayferer

🧙‍♂️
Working from home
View GitHub Profile
@wayferer
wayferer / 0_reuse_code.js
Created January 30, 2014 16:35
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@wayferer
wayferer / ellipsis.js
Created January 30, 2014 16:45
a way to add multi-line ellipsis
function zAddMulilineEllipsis(el,container,maxHeight){
var tag,tagHeight,tagContentHeight;
tag=el;
tagContentHeight=tag.scrollHeight;
if(maxHeight===undefined){tagHeight=tag.offsetHeight;}else{tagHeight=maxHeight;}
if(tagContentHeight>tagHeight){
if(container=='parent'){zAddClass(tag.parentNode,'applyEllipsis');}
else if(container=='self'){zAddClass(tag,'applyEllipsis');}
}
}
@wayferer
wayferer / html.html
Created January 31, 2014 15:41
In order to enable :hover / :active states in touch devices
<body ontouchstart="">
@wayferer
wayferer / js.js
Created February 3, 2014 21:15
phonegap check if Android or iOS
function isAndroid(){
return navigator.userAgent.toLowerCase().indexOf("android") > -1;
}
isAndroid();
function isIOS(){
return navigator.userAgent.match(/(iPad|iPhone|iPod)/i) != null;
}
isIOS();
@wayferer
wayferer / js.js
Created February 3, 2014 21:16
catch window errors
window.onerror = function(a,b,c) {
alert(a + "; " + b + "; " + c);
}
@wayferer
wayferer / css.sass
Created February 12, 2014 17:50
sticky nav
.productSubNavContainer{
height:44px;
box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.1);
background-color:#D6D9DC;
}
.productSubNav{
&.fixed{
@include z-position(fixed,0px,0px,0,0px);
box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.1);
background-color:#D6D9DC;
@wayferer
wayferer / js.js
Created February 12, 2014 20:11
modal (incomplete)
//requires helpers.js
function showDialog(dialogToShow,event){
event.preventDefault ? event.preventDefault():event.returnValue=false;
zAddClass(zQ('body'),'overflowHidden');
zAddClass(zQ('.backdrop'),'displayBlock');
zAddClass(zQ('.dialog'),'displayBlock');
}
function hideDialog(event){
event.preventDefault ? event.preventDefault():event.returnValue=false;
zRemoveClass(zQ('body'),'overflowHidden');
@wayferer
wayferer / css.css
Created February 19, 2014 16:41
fluid iframe (used for youtube vids)
.fluidVidContainer{width:100%;position:relative;margin-bottom:20px}
.fluidVidContainer:before{
display:block;content:'';
padding-top:56.25%;/*16x9*/
padding-top:75%;/*4x3*/
padding-top:200%;/*1x2*/
padding-top:50%;/*2x1*/
padding-top:100%;/*1x1*/
}
.fluidVidContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%}
@wayferer
wayferer / js.js
Created February 28, 2014 17:40
phonegap file path
function getPhoneGapPath() {
var path = window.location.pathname;
path = path.substr( path, path.length - 10 );
return 'file://' + path;
}
var snd = new Media( getPhoneGapPath() + 'test.wav' );
/* Pre-Define HTML5 Elements in IE */
(function(){ var els = "source|address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|main|mark|meter|menu|nav|picture|progress|ruby|section|time|video".split('|'); for(var i = 0; i < els.length; i++) { document.createElement(els[i]); } } )();