Skip to content

Instantly share code, notes, and snippets.

@ElmahdiMahmoud
ElmahdiMahmoud / custom
Last active October 13, 2015 00:48
plugin: Tabs Swichter
markup
------
<ul class='tabs'>
<li><a href='#tab1'>first</a> <span class="dashArr"></span> </li>
<li><a href='#tab2'>second</a></li>
<li><a href='#tab3'>third</a></li>
<li><a href='#tab4'>fourth</a></li>
<li><a href='#tab5'>fifth</a></li>
<li><a href='#tab6'>sixth</a></li>
</ul>
@ElmahdiMahmoud
ElmahdiMahmoud / custom.js
Created November 21, 2012 07:18
plugin: Accordion
markup
------
<div id="accordion">
<h2> <span>1</span> Checkout Method</h2>
<div class="content">
....
</div>
<h2> <span>2</span> Billing Information</h2>
<div class="content">
@ElmahdiMahmoud
ElmahdiMahmoud / style.css
Last active October 13, 2015 03:08
css: img scale
/* img */
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
/* img:hover */
-webkit-transform:scale(1.1);
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4130249
Last active October 13, 2015 03:08
jquery: img revolve
// Declare Arrays
imgList = new Array();
imgList["dog"] = new Array();
//Set values for each mouse state
imgList["dog"]["out"] = "images/dog.png";
imgList["dog"]["over"] = "images/hvr-dog.png";
//Add the swapping functions
@ElmahdiMahmoud
ElmahdiMahmoud / custom.js
Created November 26, 2012 06:54
jquery: stopPropagation
$("#element").click(function(e){
e.stopPropagation();
});
$(document).click( function(){
$("#elem").slideUp();
});
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4148596
Last active October 13, 2015 05:48
plugin: jquery form validation
markup
------
<div class="scan-form">
<h1> <span>Start</span> your free scan now!</h1>
<form id="sacnForm" action="javascript:alert('success!');">
<input type="text" name="scanBar" id="scanBar" placeholder="Your website URL" value="" />
<input type="submit" value="start">
</form>
<div class="alerts">
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4161047
Last active October 13, 2015 07:28
jqueryui: Datepciker
//Standard
$("selector").datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
prevText: "Go",
nextText: "Back",
constrainInput: false
});
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4174508
Last active October 13, 2015 09:27
css: breaker
/*===== Comment ===============*/
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4212762
Created December 5, 2012 05:55
jquery: after
$("#where").after('what');
@ElmahdiMahmoud
ElmahdiMahmoud / gist:4213444
Created December 5, 2012 07:35
css: full body background
background: url('background-image.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.background-image.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background-image.jpg', sizingMethod='scale')";