ブックマーク / rikuo.hatenablog.jp (17)

  • background-sizeで1ピクセルにした時の各ブラウザの挙動の違い - 聴く耳を持たない(片方しか)

    昨日の日記 で書いた通り、こうしたtumblrを始めてみました。 http://96x96.net/ 仕組みとしては、一つの投稿ごとそれぞれ CSS で border-image と 背景画像を指定して実現しています。マウスオーバーで動くのは単純な Transitions ですし、基的にはそんなに難しいことはやってないですね。対応しているブラウザは新しいものに限られてしまうものの、主要なモダンブラウザなら大抵表示されると思います。 で、問題は背景画像の設定について。 よくある背景画像の指定というと div{ background-color: #FFFFFF; background-image: url(image.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position:

    background-sizeで1ピクセルにした時の各ブラウザの挙動の違い - 聴く耳を持たない(片方しか)
  • 今月は、金・土・日曜日が5回ある823年に1度の月?ンなわきゃない - 聴く耳を持たない(片方しか)

    <追記ここから> この2010年10月に書いた記事はツイートの表示が変わってしまい読みにくいので、2015年2月に改めて書き直しました 「823年に一度の奇跡のカレンダー」の季節が今年もやってきました こちらでは同様のネタが繰り返し話題になっている(海外を含め)ことを検証しています。 </追記ここまで> ここ数日、Twitterでこのようなツイートが広まっています。 Twitter検索で「823 年」と検索すると多数ヒットしますね。また、丸々転載したものや改変バージョンもあったりします。 http://twitter.com/search/823%20%E5%B9%B4 http://buzztter.com/ja/k/823%E5%B9%B4 (buzztterでの検索結果) で、これによると、今年2010年10月は金曜日、土曜日、日曜日が全部で5回だそうです。 確かに、今月は最初の日が

    今月は、金・土・日曜日が5回ある823年に1度の月?ンなわきゃない - 聴く耳を持たない(片方しか)
    lliorzill
    lliorzill 2010/10/07
  • 239日、34週間ツイッターアイコンを毎日ドット絵で変更し続けた記録 - 聴く耳を持たない(片方しか)

    私がこのはてなダイアリーを利用し始めたのが、2004年3月から。それから毎日は難しくても毎月必ず更新していたのですが(それは全然自慢できない)、先月はついに一度きりしかダイアリーを更新していませんでした。 書くことが無いというよりは、書きたいネタはあるんですが、なかなかうまくまとまらなかったり、手間がかかったり。ただ更新しない期間が開いてしまうと、また腰が重くなってしまう……ってわけで、ちょっと調子を取り戻すために軽めのエントリーでも、という次第。 またTwitterネタですが ダイアリーの方は日記どころか、月記くらいになってしまっているものの、Twitterは割と利用しています。で、ここ最近はTwitterのユーザーアイコンをドット絵で更新するのがマイブーム。 なんでそんなことを?については以前こちらのエントリーで説明したのですが Twitterでアイコンを毎日新作ドット絵で変更している

    lliorzill
    lliorzill 2010/07/18
  • Twitter古参にありがちなこと - 聴く耳を持たない(片方しか)

    最近有名人や政治家の利用が相次いで話題になるなど、2010年もホットなTwitter。そのTwitterを使い始めて随分経ちました。私は2007年4月から利用したので、あと少しで4年目になりますね……というわけでこんなネタを考えてみました。 (※かなり古いネタなので、最近始めたユーザーには分からないことが多いと思います。ウケる層はごく一部) Twitter古参にありがちなこと Followするではなく、addする Twitter登録から1000日経過したことを自慢しようとするが、百式の田口さんが既に1100日以上経過していることを知り自粛 速読用のアカウントと精読用のアカウントを分けている*1 今は日での第2次ブームだ メンテナンスのネコが懐かしい 半角スペースを入れないと日本語入力できなかったことを説明するが信じてもらえない*2 他のユーザーのタイムラインが見れなくなったのは不便だと思

    Twitter古参にありがちなこと - 聴く耳を持たない(片方しか)
    lliorzill
    lliorzill 2010/01/14
    "サイドバーのアイコンの順序"は、 1. following 総勢の中で上からアカウント登録の早い順で固定(だから古参アイコンがよく目に付いた) >2. 最近 follow したユーザのうち登録の早い順 >3. 現在の仕様(最近 follow した順)、かな。
  • ふぁぼったーをユーザー名、正規表現、XPathでフィルタするGreasemonkey - 聴く耳を持たない(片方しか)

    はじめに 以前 http://favotter.matope.com/ で使える ふぁぼったーで見たくないユーザーの発言を表示しないGreasemonkey を作りました。こちらがページ構造の変化で動かなくなってしまっていたので(対応が遅れてスミマセン)修正を加えたのですが、ついでなので大幅に作り変えて機能を増やしてみました。 インストール先 インストールはこちらから http://userscripts.org/scripts/show/39914 概要 このGreasemonkeyをインストールしてふぁぼったーを見るとページ左上にボタンがつきます。 後述しますが、フィルタする条件に合致する投稿に対する処理をこのボタンで決定できます。切り替えはボタンをクリックするだけで簡単にできます。 適用する処理は、 強調する 条件に合致する発言を強調して表示します。ボタンのわきに表示されている数は適

    lliorzill
    lliorzill 2009/09/09
    ふぁぼったーをユーザー名、正規表現、XPathでフィルタするGreasemonkey
  • Twitterの発言をブログで引用するならPermalinkつけてください - 聴く耳を持たない(片方しか)

    タイトルのままなんですが、たまにTwitterの発言を引用してるのに、個別発言のPermalinkじゃなくてユーザー名だけ記述するのを見かけるのでイラッとするので書いてみたエントリー。 昨日の麻生氏発言の要旨 (Twitterから転載) - 雑種路線でいこう - (修正前はPermalink無かったので) 日語のTwitter英語Twitterは別メディアであることについて | On Off and Beyond 具体的にはこちらを見て、イラッと(略 例えば お、やっと書ける。久しぶりに Twitter ネコ 見たなぁ。 (@rikuo の発言です) という記述があったとします。じゃ、この発言いつ書かれたものかすぐに探せますか?と思うわけですよ。そうすると、わざわざ該当のユーザーのページに行き(ここでは @rikuo)、過去にさかのぼって発言を探すか、該当する内容を検索するしか手段が

    lliorzill
    lliorzill 2009/08/28
    すぐログが流れていくミニブログのPermalinkよりもインデックスをリンクに採用する理由が謎すぎる
  • (たぶんiPhoneでも)閲覧中のページをTwitterに投稿するBookmarklet - 聴く耳を持たない(片方しか)

    きっかけ koji on Twitter: "あいほんで、safariで見てるページのタイトルとURL をついったーに投稿するブックマークレットないかな。" あいほんで、safariで見てるページのタイトルとURL をついったーに投稿するブックマークレットないかな。 http://twitter.com/acqua_alta/status/2385449052 これを見て自分で作ってみようかな、と思ったのですが検索してみたら既に他にも作ってる方がいたり、サービスがあったのでまとめてみるでござるの巻 追記(2009/06/03) iPhoneのSafariで見ているページのタイトルとURLをTwitterにPOSTするブックマークレット - なつみかん@はてな 実際にid:acqua_altaさんがiPhoneで設定してみた例、以下は読まなくてもこのリンク先だけで構わないんじゃないかと。 投

  • 2009-04-10

    Laboratory こちらのサイトでは、16×16のマス目をクリックすることで、TENORI-ONのように自由に音楽が作れるというサイトです。こちらのサービスを利用して、せっかくなので 私のアイコンを描いてみました。 こうしてイメージ先行で描いても、それなりに音楽になるのが素晴らしいですね。 ちなみにこれは2色しか使えないのでカラー版のアイコンではなく 白黒2色用のバージョンを使っています。 一応細かくドットを打ち直しているのですが、アイコンを作るときこうして印刷などに使えるよう白黒用のものなどを用意しておくと、あとから利用するときに便利ですね。 ドット絵なのでこうしたサービスにも使えますし。 先日リリースされたMyはてなのアンテナ機能 Myはてなにお気に入りユーザーの最近の活動が見られるアンテナ機能を追加しました - はてなの日記 - 機能変更、お知らせなど こちらの反響が大きいようで

    2009-04-10
    lliorzill
    lliorzill 2009/04/11
    情報の公開 時刻の取得 プライバシー ネットリテラシー
  • Twitterに書く内容について考えてみた - 聴く耳を持たない(片方しか)

    Twitterに最適化した「ついったー文体」を考えてみた の続きです。 前回 再編集が出来ない ケータイのような絵文字が使えない 画像が使えない*1 改行が出来ない AA(アスキーアート)が使えない フォント弄りができない Twitterに最適化した「ついったー文体」を考えてみた とTwitterの仕様から、それに応じた文体というのを考えてみたのですが、今回は体裁ではなくどういった内容のものが書くとダメなのか?といった観点から考察してみます。 Twitterの特徴から 上に挙げたものの他、大きな特徴としては 140文字までしか書けない 投稿にはそれぞれ個別にPermalinkがある Twitterに最適化した「ついったー文体」を考えてみた ということも挙げていました。 さらに内容に関連する仕様としては、 個別発言のページから前後の発言を探すのが非常に難しい 個別発言のページからはプロフィー

    lliorzill
    lliorzill 2009/02/05
    twitterの特徴 最適化 プロフィール・文脈の捉え難さ 投稿内容 複数視点
  • はてブのフッターを小さく固定にするユーザースタイルシート - 聴く耳を持たない(片方しか)

    はてなブックマークの注目エントリーなどで、AutoPagerize機能……つまりスクロールに応じて自動的にページを継ぎ足す機能を使っていると、どんどんエントリーが追加されていくのはいいのですが、まるで逃げ水のようにフッターが下へ下へと行ってしまうのが困ってました。 かと言って、その都度 AutoPagerize機能を止めるのもメンドイし……、というわけで私はこういうユーザースタイルシートを書いています。 (動作イメージ) @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("b.hatena.ne.jp") { #footer{ position: fixed; left: auto; bottom: 0px; height: 2.5em !important; z-index: 100; /* Googl

    はてブのフッターを小さく固定にするユーザースタイルシート - 聴く耳を持たない(片方しか)
    lliorzill
    lliorzill 2009/01/30
    ああああ!あのかゆいところに手が届かない事象が何とかならないのかなと思っていたので
  • 2009-01-22 - 聴く耳を持たない(片方しか) - Twitterをいつから利用し始めたのか?を調べるBookmarklet

    きっかけは、この投稿。 Twitter / にょう: mixiはid番号で古参か新参かある程度は判断つくけ ... mixiはid番号で古参か新参かある程度は判断つくけど、twitterだとそういうのがないよな。赤ふぁぼをじゃんじゃん生産する人だったら、ふぁぼったーのpostからある程度は推測できるかもしれないけど。 おーあー on Twitter: "mixiはid番号で古参か新参かある程度は判断つくけど、twitterだとそういうのがないよな。赤ふぁぼをじゃんじゃん生産する人だったら、ふぁぼったーのpostからある程度は推測できるかもしれないけど。" はじめに 表題のBookmarkletの紹介の前に、ちょっと説明など Twitterのid番号 実は、TwitterにもユーザーIDの他に固有の番号が割り振られています。例えば私 @rikuo の場合はその番号が「3568961」になりま

    2009-01-22 - 聴く耳を持たない(片方しか) - Twitterをいつから利用し始めたのか?を調べるBookmarklet
    lliorzill
    lliorzill 2009/01/24
    ↓ Twitterのhome/ユーザページのサイドバー(登録の早いFollowing)によく載る人は大体2007年4月くらい、と
  • DSi側からみたうごメモシアターの仕様 - うごメモシアターからコメントは読めない - 聴く耳を持たない(片方しか)

    うごメモ関連の議論、言及エントリーが盛んに行われていますが、いずれもパソコンからの見方、つまり「うごメモはてな」からのものが多く、ニンテンドーDSiからの「うごメモシアター」についての言及が少ないので、書いてみようかというエントリー。 ただ、個人的にはDSiからはてなを知った小学生の感じ方とか、印象などを知りたいので、そうしたエントリー誰か書いてくれないかなーと思うのですが。人が書くのは難しい場合、お子さんがどのように「うごくメモ帳」を使っているのか?という辺りをエントリーに書いてくれないかなー、とか。 うごメモとうごメモシアターってなに? まず最初に説明。 昨年末、任天堂とはてなが発表したのがニンテンドーDSiで利用できる DSiウェア の「うごくメモ帳」で協業を行ったということ。 ニンテンドーDSi ブラック 出版社/メーカー: 任天堂 発売日: 2008/11/01 価格: 18,

    DSi側からみたうごメモシアターの仕様 - うごメモシアターからコメントは読めない - 聴く耳を持たない(片方しか)
  • 2008-08-18

    タイトルのままです。 Twitterのページを見ていて、このユーザーの過去に人気の発言を見てみたいなー、と思ったときに簡単に調べられます。 具体的には http://twitter.com/ユーザーID このページから http://favotter.matope.com/user.php?user=ユーザーID&mode=best ふぁぼったーのユーザー毎の人気発言のページに移動します。 Bookmarkletを貼りつける Google Gadget は id:asannouさん のものを利用させていただきました。 この Google Gadget で表示させた Bookmarklet を登録する方法についてはこちらでまとめたので、参考にして下さい Bookmarkletの登録のしかた [どうぞご利用ください。] なんとなく某所から ふぁぼったーって面白いけれど、特定のユーザーの発言だけ

    2008-08-18
    lliorzill
    lliorzill 2009/01/05
    ふぁぼったーで任意のユーザーの発言を非表示にすることができるgreasemonkeyとはてな上で使える似たgreasemonkey
  • はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)

    昨日から続いて、今日はデザイン面でのはてなブックマーク改善案……というわけでもないのですけれども、ちょっと気になった点。 - ところてん - アットウィキ 出っ張ってる印象を与えるオブジェクトはボタンに見える。 で、ついクリックしてしまう。 http://www16.atwiki.jp/tokoroten/pages/1015.html こちらで指摘されていますが、新しいはてなブックマークのBookmarkletのデザイン*1で、誤操作が多いようですね。 例えば私のTwitterのタイムラインでも、そうした話題が結構聞かれてます、 はてブ2のブックマーク追加ページ、「追加する」ボタンじゃなくて、コメント欄左のコメント部分をつい押してしまう。なんかボタンぽいデザインなのでつい・・・・・・。 リニューアルしたはてブの、ブクマを追加するときのコメント & タグ入力画面、「タイトル」と「コメント」

    はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)
    lliorzill
    lliorzill 2008/11/28
    誰もが通る道
  • はてなスター画像を54%まで軽量化する - 聴く耳を持たない(片方しか)

    はてなブックマークの正式リリースから、様々なギークたちが高速化についてアドバイスをされてます。 はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 はてなブックマーク JavaScript 高速化計画 補足 - IT戦記 Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに… はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓 堀愚霊瑠の指摘で気付いた、はてなスターの静的ファイルとか想像以上にアレな件 - にぽたん研究所 IEでのテキストノード走査の高速化 - os0x.blog それぞれの分野からそれぞれ興味深い技術を紹介しており、その姿に 「かっこいい!」「そこにシビれる!あこがれるゥ!」 ……と思ったので、私も自分の

    lliorzill
    lliorzill 2008/11/28
    22色も使っていたのか… ドットで☆描こうと思うと頭ひねるけどさ…
  • はてなキーワード編集って「こえーな」とか「難しいな」と私も思う - 聴く耳を持たない(片方しか)

    http://d.hatena.ne.jp/ryocotan/20080912/p1 http://d.hatena.ne.jp/ryocotan/20080912/p2 http://sinseihikikomori.sblo.jp/article/19872164.html はてなキーワードについての議論が盛んで、個人的にも特にhankakueisuuさんが指摘されてる、Googleで検索したときの「まだ登録されていないキーワードがヒットしてウザい」のはどうにかして欲しいのですが(はてなじゃなくてもGoogleが対応でいいけど)*1、それはさておき今回気になったのはこちら。 はてなキーワード編集って「何となく怖い」よね はてなキーワードのあんまり内容がないキーワードについて - ブログ - NMY ダイアリー市民でもう何年もダイアリー書いている方や、含む日記を1年近く過去のも遡って読ん

  • 【追記あり】イラストサイトでよくあるカーソルを画像に乗せると服が脱げたりするあれをはてなダイアリーでやる方法 - 2008-07-26 - 聴く耳を持たない(片方しか)

    要はこういうやつです。 (メンテナンス画面にネコが出てた頃のついったん) イラストサイトなどで、以前は割と見かけた手法ですね。 最近はブログ時代になったので、なくなってきてるのかなぁ(なんとなくだけど)。というのも、外部Javascriptが禁止されていたり、設置が手間だったりと色々と事情はありそうですが。 かくいうはてなダイアリーもJavascriptは使えないので、これはスタイルシートで再現しています。 以下解説。 style要素を使う 以前は、はてなダイアリーでは使えなかったのですが はてなダイアリーでstyleタグ、style属性が使用可能になりました(開発者向け) - はてなダイアリー日記 と昨年11月から使えるようになったので、こういうのが簡単に作れるようになりました。 重要な追記(2008/07/27) はてなダイアリーで style 要素を使ったマウスオーバー変身画像を作る

    【追記あり】イラストサイトでよくあるカーソルを画像に乗せると服が脱げたりするあれをはてなダイアリーでやる方法 - 2008-07-26 - 聴く耳を持たない(片方しか)
  • 1