<input type="hidden" name="org" value="*2004-11-08 00:44:54
あーゆううつやわー

今の仕事が終わったら、どうしよう。
もっと、少しは表に出たい。
http://namazu.org/~satoru/blog/archives/000008.html

俺がこれ(とほとんど同じもの)を書いたのは、もう随分と昔のことだ。
もちろん、偉大なmigemoの影響を受けて作ったわけなんだけど
その作者自身が、Javascriptでインクリメンタル検索が
できることを今まで知らなかったというのがたまらなくくやしい。
もどかしい、歯がゆい。

なぜ俺の書いたコードは、こうも伝搬しないのだろう。
そしてまた、公開できないノウハウばかりが増えていくんだろう。

あー

プログラミングなんて簡単だ。
みんなそろって秘密にしてるだけなんだ。
もし俺らが、整ったマニュアル、綺麗なソース、優良なサンプル
公開したとしたら仕事が無くなる人も大勢いるだろう
そしてまた、俺ら自身も、仕事なくなるんじゃなかろうかと。
こんなもん詐欺だ。誰だって簡単にできるのに。

イントラネットだといいます、ニッチ市場だといいます。
俺はまだ表に出れずにいます。
">

( ma.la/mirrorman / 2004-11-08 - oct inaodu http://d.hatena.ne.jp/./brazil/20070205/1170657770 )
( Webはもっとみんなが自由に使っていい - SWDYH http://d.hatena.ne.jp/./swdyh/20070730/1185750499 )

2012-03-03

trigger mouse click event via jQuery

http://stackoverflow.com/questions/773639/how-can-i-simulate-an-anchor-click-via-jquery

    <script type="text/javascript">
    var a = $('.path > .to > .element > a')[0];
    var e = document.createEvent('MouseEvents');
    e.initEvent( 'click', true, true );
    a.dispatchEvent(e);
    </script>

2012-03-03

reblogMachieOpenDoor.user.js

reblog machine で "o" キーで tumblelog を、"r"キーで reblog ページを開くようにした。

2012-03-03

reblog machine keybind

http://reblog.machine.mamemomonga.com/js/ReblogMachine.js

$(window).keypress(function (b) {
  if (!b.ctrlKey && (b.which == 32 || 65 <= b.which && b.which <= 90 || 97 <= b.which && b.which <= 122)) {
    var b = String.fromCharCode(b.which),
      d;
    for (d in a.main_buttons_config) {
      var e = a.main_buttons_config[d];
      if (e.key == b || e.key.toUpperCase() == b) {
        $("#btns_navi_" + d).click();
        return
      }
    }
    b == "w" || b == "W" ? (d = $("#cb_tweet"), d.attr("checked") ? d.attr({
      checked: !1
    }) : d.attr({
      checked: !0
    }), a.model.save_tweet($("#cb_tweet").attr("checked"))) : (b == "q" || b == "Q") && $("#btn_wheelmode").click()
  }
});

ReblogMachine.settings.prototype = {
  btns_navi: {
    next: {
      key: "j",
      type: "navi",
      title: "\u6b21",
      colors: {
        normal: "#333333",
        click: "#FF0000",
        hold: "#0000FF"
      }
    },
    prev: {
      key: "k",
      type: "navi",
      title: "\u524d",
      colors: {
        normal: "#333333",
        click: "#FF0000",
        hold: "#0000FF"
      }
    },
    published: {
      key: "t",
      type: "post",
      title: "\u516c\u958b",
      colors: {
        normal: "#333333",
        click: "#FF0000",
        hold: "#0000FF"
      }
    },
    like: {
      key: "l",
      type: "like",
      title: "\u597d\u304d!",
      colors: {
        normal: "#333333",
        click: "#FF0000",
        hold: "#0000FF"
      }
    },
    more: {
      key: "m",
      type: "more",
      title: "\u3055\u3089\u306b\u6f5c\u308b",
      colors: {
        normal: "#006600",
        click: "#FF0000",
        hold: "#0000FF"
      }
    }
  },
  btns_navi_height: {
    small: 40,
    large: 74
  },
  post_types: "any,photo,quote,text,link,video,audio".split(","),
  btns_types: {
    colors: {
      normal: "#333333",
      click: "#FF0000",
      hold: "#660000"
    }
  },
  btn_wheelmode: {
    colors: {
      normal: "#333333",
      click: "#FF0000",
      hold: "#660000"
    }
  }
};

ReblogMachine.controller = function () {
  var a = this;
  a.currentType = "";
  a.settings = new ReblogMachine.settings;
  a.main_buttons_config = a.settings.btns_navi;
//...snip...

2012-03-02

head.insertBefore(script, head.firstChild)

http://gihyo.jp/dev/serial/01/crossbrowser-javascript/0008

(function(){
  var script = document.createElement('script');
  var head = document.getElementsByTagName('head')[0];
  script.src = 'xxx.js';
  head.appendChild(script);
})();

(function(){
  var script = document.createElement('script');
  var head = document.getElementsByTagName('head')[0];
  script.src = 'xxx.js';
  head.insertBefore(script, head.firstChild);
})();

2012-02-16

■

http://quiet-river-6040.heroku.com/



        (()__(()

        /       \ 

       ( /    \  \

        \    /

        (_()_)__/ \             

       / _,==.____ \

      (   |--|      )

      /\_.|__|'-.__/\_

     / (        /     \ 

     \  \      (      /

      )  '._____)    /    

   (((____.--(((____/KUMA

2012-02-16

new youpy.css ?

違うよ。 CSS transitions だよ。

transitions

https://gumroad.com/l/pwU

<style type="text/css">
 * {

  -moz-transition: all 10s; 
  -webkit-transition: all 10s;  
  -ms-transition: all 10s;  
  -o-transition: all 10s;  
  transition: all 10s;  
  border-radius:0;

}

*:hover {

  border-radius:50px;
  width:50px;
  height:50px;
  background:#f0f;
  position:absolute;
  top:0;
  left:0;
  -moz-transition: all 10s; 
  -webkit-transition: all 10s;  
  -ms-transition: all 10s;  
  -o-transition: all 10s;  
  transition: all 10s;  

font-size: 3000px !important;
border: 100px dotted #0f0;
}
</style>

youpy.css

http://ma.la/tmp/youpy.css

 *
{
border: 1em solid #00ff00;
color: #00ff00;
text-indent: -700em;
position: absolute;
top: 0;
left: 0;
letter-spacing: -0.9em;
background: #ff00ff;
}

*:hover,
*:focus
{
  display: block;
  float: right;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  color: #ffffff;
  width: 100%;
  height: 100%;
  font-size: 100%;
}

CSS transitions - MDN

CSSによりさらなる努力をせずに、上記の効果をスムーズにさせることができます。単に要素へトランジションを追加すると、変化がスムーズに発生するようになります:
p{
  padding-left:60px;
}
#foo{
  border-radius:50px;
  width:50px;
  height:50px;
  background:#c00;
  position:absolute;
  top:0;
  left:0;
  -moz-transition: all 1s; 
  -webkit-transition: all 1s;  
  -ms-transition: all 1s;  
  -o-transition: all 1s;  
  transition: all 1s;  
}