タグ

ブックマーク / www.kanasansoft.com (4)

  • 全ての画像を電脳コイルにするBookmarklet[少々ネタバレあり] (Kanasansoft Web Lab.)

    電脳コイルを見たので作ってみた。 ネタバレを避けるためにタイトルは少々わかりづらく書いた。 例のごとくFirefoxでしか検証していない。 このBookmarkletを実行すると、画面内の全ての画像が電脳コイル現象をおこして電脳体が分離する。 全ての言っても、positionがfixedの画像は適応外。 大きく分離した時に元の画像を濃くしてNO DATAって表示させようかと思ったけど、filter関連が面倒なのでやめた。 今思ったけど、NO DATAにならないと電脳コイル現象って言わないんだっけ? まあいいや。 /* ================================================================================ Name        :   Denno Coilize In          :   [none] Out 

    noreply
    noreply 2008/10/12
    すばらしー
  • RubyistによるRubyのオンラインマガジン「Rubyist Magazine(通称るびま)」の通読を支援するGreasemonkey (Kanasansoft Web Lab.)

    通読したいと思っているのだけど、記事が多くていったいどこまで読んだか正直わからなくなってなんともはがゆかった。これを解決するためにどこまで読んだかを記憶するuserscriptを作った。 文字で説明するよりも実際に動かしてみた方がはやいんだけど一応説明。 install後にるびまを開くと、メインコンテンツのリンクの前にステータスを表すアイコンが表示される。ステータスの意味はポインタをアイコンにあわせると表示されるので割愛。アイコンをクリックすると全ステータスのアイコンが表示される。変更したい状態のアイコンをクリックすると、そのステータスを保存し選択されたアイコンのみの表示となる。 ページの遷移やステータス変更のたびに全データを呼び出し、ステータス変更を反映後保存しているので、ウィンドウやタブを複数開いていても変な上書きはしない。つまり(表示上は一致しないけど)内部データとしては矛盾が起きな

  • はてなスターのように「wwwww」を省略し「w3w」と表示するグリースモンキー (Kanasansoft Web Lab.)

    最近、インターネット上では、笑いを表現する時に「(笑)」のかわりに「w」を使う傾向が強くなっています。入力しやすい事、そして「w」の長さによってその笑いの度合いを表現できるため便利だからだと考えられます。しかし、HTMLは連続した半角英字を表示する際に自動的に折り返さず、半角英字を内包した要素が横に引き延ばされます。スタイルシート等で一応対策を打つ事が可能ですが、あまり見栄えは良くありません。 ところで、はてなスターというサービスがあります。詳細はここでは割愛しますが、このサービスでは気に入ったホームページに好きな数だけスター(☆)をつける事ができます。また、他の人がつけたスターも見る事ができるため、人気のホームページではスターが100を超える事があります。増え過ぎたスターが画面を覆い尽くす事はないのでしょうか。はてなスターではこの問題をスターを省略して表示する事で解決しています。例えば、

    noreply
    noreply 2008/05/10
    "しかし、HTMLは連続した半角英字を表示する際に自動的に折り返さず、半角英字を内包した要素が横に引き延ばされます"この下りが最高。あほかwwwwwwww
  • ブラウザの四隅を占有するGreasemonkeyをなんとかしたい (Kanasansoft Web Lab.)

    AutoPagerizeのように、ブラウザ上に何かを表示するタイプのuserscriptがある。とりあえずここではこの種のuserscriptをUserScriptWidgetと呼ぶ事にする。AutoPagerizeのように、ブラウザの表示領域の角に何かを表示するようなUserScriptWidgetが増えてくると四隅の取り合いになる。右上はもうAutoPagerizeが勝ち取った感があるが、他の角はどうなるかわからない。同じ位置に表示されるUserScriptWidgetも出てくるだろうし、何より最大で4つまでしか使うことができない。少しずらして表示させたとしてもいつかは破綻する。今後のためにUserScriptWidgetの表示を管理するuserscriptを作成した。 installすると画面の左上に歯車のアイコンが表示される。このアイコンをクリックするとラジオボタンが表示されるので

  • 1