2010-05-01から1ヶ月間の記事一覧

CSSTransitionに薄皮

今のところwebkit限定。prefixを-mozに振り分ければfirefoxでも動くかもね。 (function(){ var preventDefault = function(e){ e.preventDefault(); }; this.__defineSetter__('enableTouchSlide',function(enableTouchSlide){ this.__enableTouchSlide = en…

webkitTransitionに薄皮かぶせる。

(function(){ var camelize = function(str){ return str.replace(/-+(.)?/g,function(match,chr){ return chr ? chr.toUpperCase():''; }) }; var getPrefixedObject = function(prefix,obj){ var ret = {}; Object.keys(obj).forEach(function(p){ ret[pre…

iPhoneでタッチしてスライドする動作を抑制したり戻したりする。

(function(){ var preventDefault = function(e){ e.preventDefault(); }; this.__defineSetter__('enableTouchSlide',function(enableTouchSlide){ this.__enableTouchSlide = enableTouchSlide ? true : false; if( this.__enableTouchSlide ){ this.remov…

擬似継続ベースの名前空間ライブラリ

http://github.com/hirokidaichi/namespace-jsそんなわけでgithubに上げました。まだgitのことよくわかっていませんw ドキュメントをなんとなくまとめる 名前空間の定義(define) Namepsace('org.yabooo.dom').define(function(ns){ // ここにライブラリの実…

遅延ロード可能バージョン

たとえばこんなふうに Namespace("org.example.net").define(function(ns){ ns.provide({ HTTPRequest : function(){ console.log("ok");}, HTTPResponse : function(){ console.log("ok");}, }); }); Namespace("org.example.system").define(function(ns){…

普通のバージョン。

Namespace("org.example.net").apply(function(ns){ return { HTTPRequest : function(){ console.log("ok");}, HTTPResponse : function(){ console.log("ok");}, }; }); Namespace("org.example.system").apply(function(ns){ return { Console : { log : …

HTML 5 data- Attributes

こんなかんじ? var $D = (function(){ var camelize = function(string){ return string.replace(/-+(.)?/g, function(match, chr) { return chr ? chr.toUpperCase() : ''; }); }; return function(element){ if( element.dataset ) return element.datase…