Skip to content

Instantly share code, notes, and snippets.

@bekapod
bekapod / jquery.js
Created May 22, 2012 20:36
JQUERY: Disable right-click contextual menu
$(document).bind('contextmenu', function(e) { return false; });
@bekapod
bekapod / jquery.js
Created May 22, 2012 20:37
JQUERY: Detect Both Right & Left Mouse-clicks
$("#someelement").live('click', function(e) {
if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) {
alert("Left Mouse Button Clicked");
}
else if(e.button == 2)
alert("Right Mouse Button Clicked");
});
@bekapod
bekapod / jquery.js
Created May 22, 2012 20:37
JQUERY: Clone element
var $cloned = $('#somediv').clone();
@bekapod
bekapod / style.css
Created June 18, 2012 19:58
CSS: Image Replacement
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@bekapod
bekapod / local.xml
Created July 23, 2012 14:49
MAGENTO: Include cms block on xml template
<block type="cms/block" name="block-name">
<action method="setBlockId"><block_id>block-id</block_id></action>
</block>
@bekapod
bekapod / template.php
Created September 3, 2012 09:15
MAGENTO: Template include skin image
<img src="<?php echo $this->getSkinUrl('images/logo.png');?>" alt="alt text" />
@bekapod
bekapod / block.html
Created September 3, 2012 09:16
MAGENTO: Include skin image on CMS block
<img src={{skin url="images/logo.png"}} alt="alt text" />
@bekapod
bekapod / style.css
Created November 1, 2012 10:50
CSS: Triangle
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
@bekapod
bekapod / style.css
Last active December 9, 2015 20:09
CSS: hyphen base
body {
hyphens: auto;
}
code, var, kbd, samp, tt, dir, listing, plaintext, xmp, abbr, acronym, blockquote, q {
hyphens: none;
}
@bekapod
bekapod / style.css
Last active December 15, 2015 07:29
CSS: Responsive Video
>> Wrapping the iframe in another element will give us the control we need to add proper responsive functionality to the video.
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,