Skip to content

Instantly share code, notes, and snippets.

@Takazudo
Takazudo / LABjsDebugMode.js
Created March 10, 2011 13:24
temporary disable async loading for LABjs
$LAB.script = function(src){
$('head').append('<script src="' + src + '"></script>');
return $LAB;
};
$LAB.wait = function(fn){
fn && fn();
return $LAB;
};
@Takazudo
Takazudo / bgImgForRetina.css
Created March 10, 2011 14:11
how to handle high res display.
/* load http://www.modernizr.com/ then, do following for Retina display. */
.className {
background:url([email protected]); /* low res img */
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
.backgroundsize .className {
background:url([email protected]); /* high res img */
}
}
<!--
see http://www.modernizr.com/docs/#backgroundsize
-->
<script src="modernizr-1.7.min.js"></script>
@Takazudo
Takazudo / swfobjectYoutube.js
Created March 12, 2011 17:37
swfobject youtube wrapper
window.loadYoutube = function(params){
swfobject.embedSWF(
'http://www.youtube.com/v/' + params.videoId + '?enablejsapi=1&version=3',
params.placeholder,
params.width,
params.height,
'9.0.0',
'/rootdir/common/js/libs/expressInstall.swf',
null,
{ wmode: 'transparent' }
@Takazudo
Takazudo / ie6pngbg.css
Created March 19, 2011 08:39
apply transparent png bg for ie6
.foo{
background:url(hoge.png) 0 0 no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='hoge.png');
*zoom:1; /* ie */
}
@Takazudo
Takazudo / alphaBg.js
Created March 20, 2011 13:45
lazy alpha png background wrapper for fucking ie6
/* author:Takazudo */
$.fn.alphaBg = function(options){
return this.each(function(){
var src = options.src;
var $el = $(this);
if(!$.browser.ie6){
$el.css('background-image', 'url(' + src + ')');
}else{
$el.css('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='" + src + "')");
@Takazudo
Takazudo / localscope.js
Created March 23, 2011 18:55
localscope
/* bigscope */
(function($, window, document, undefined){
// your codes here
})(jQuery, this, this.document);
@Takazudo
Takazudo / index.html
Created March 27, 2011 22:05
is a google maps async loader like jQuery.fn.ready.
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>$.gmapV3</title>
<meta name="description" content="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="jquery.gmapv3.js"></script>
@Takazudo
Takazudo / index.html
Created March 31, 2011 16:09
jquery.requreCss.js
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery.requireCss</title>
<meta name="description" content="">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="jquery.requreCss.js"></script>
<script>
@Takazudo
Takazudo / widgetBind.js
Created April 5, 2011 12:17
jQuery ui widget bind args
$.widget('ui.orewidget', {
...
_create: function(){
this.widgetEventPrefix = 'ore.';
this._eventify();
return this;
},
_eventify: function(){
var self = this;
this.element.bind('click', function(e){