タグ

javascriptとuiに関するkei-sのブックマーク (12)

  • SIMILE Widgets | Timeline

    With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details. Licensing Timeline is open source software and is licensed under the BSD license. Credits This software was originally sponsored by The Andrew W. Mellon Foundation as part of the SIMILE project. Its original author is David

  • LDR上ではてブ数を可聴化するgreasemonkey、LDRHatebuCountListenableを書いた (polog)

    音の高低で、スクロールされたエントリがどの程度はてブされているかがわかるgreasemonkeyを書きました。 LDRHatebuCountListenable LDRHatebuCountListenable from negipo on Vimeo. 例えばDiablo2とかやってた人は分かると思うんですが、大量の情報を扱う場合、インターフェース上聴覚情報って言うのはすごく重要なんです。8人パーティで、Lv.28ぐらいのマルチ使ってフルbetter chance of magic item装備で牛追いかけ回してるときに、秒間数十回するアイテムのドロップ音/攻撃の発動音/ヒット音に混じって、「チンッ」って言うring/amulet系の音がするとすげー勢いでほかの奴ら集まってきますもん。 RSS readerによる情報収集もD2Cのレアアイテム収集も質的にはほとんど同じで、何らかの指標を

  • スライドショーのようにテキストを読むGreasemonkeyスクリプト、YHC - FAX

    JavaScript YHC – Userscripts.org 長文をスライドショー形式で読むテキストリーダーです。デモビデオ(1分半)は以下。kotorikoさんの『捨松定吉』を、ランダムフィルタをかけて読んでいます。 機能説明ウィンドウ右下のGreasemonkeyメニューから[YHC]を選びスタートさせます。先に文章の一部を選択している場合はその部分を、そうでない場合は対象となる部分をマウスで指定します。 操作は主にキーで行います。 キー機能Esc終了↓ or S再生開始/停止→ or J or Space次のスライド 再生中はスピードアップ← or K前のスライド 再生中はスピードダウンGジャンプHome先頭のスライドEnd最後のスライド ↓キーで再生を開始して、→キーで再生速度を少し速くして、速すぎたら←で遅くして。気になるところに戻りたい場合は、↓で止めて、←→で移動して手動

    kei-s
    kei-s 2007/09/07
    『僕はこれが過去の経験との違和なのか、それとも本質的なものなのか、このまま拡大することで臨界点を超えることができるのか、計りかねています。』『これも、ひとつの提案です。』
  • 最速インターフェース研究会 :: キー割り当て用ライブラリを作った

    依頼を受けて作ってみた。 http://la.ma.la/roll.html http://la.ma.la/js/hotkey.js j,kでスクロールできる。 使いまわしがきくように他のライブラリに依存も影響もしないように作ってあります。Bloglinesのj,kでスクロールみたいなのを作りやすいようにするのが目的。ただsafariとかは何かかなり違うらしいので、そこらへんは良く知らない。あとOperaはデフォルトでワンキーショートカットが割り当てられてたりするので動くとは限らない。 全体に対してキーイベントを設定すると、フォームの入力ができなくなるっていう問題があるのでイベントの発生元がinput|textareaの場合は処理しないようにしてある。 追加したコードはこんな感じ。 var kb = new HotKey; kb.add(["j","2","down"], functio

  • はてな技術発表会日記 - 1月19日の技術勉強会

    8月17日の技術勉強会 - Flexレイアウト手書き勉強会 8月17日に行われました技術発表会の内容を撮影した動画ファイル/資料を公開いたしました。内容は以下のとおりです。 テーマ Flexレイアウト手書き勉強会 発表者 d:id:secondlife 勉強会動画 ダウンロード…

    はてな技術発表会日記 - 1月19日の技術勉強会
  • 先生、SnapとかHeartRails Glanceとかが鬱陶しいんです! - Ogawa::Memoranda

    kei-s
    kei-s 2007/04/04
    『閲覧者のプリファレンスや利便を優先すべきか、コンテンツ提供者のプリファレンスや利便を優先すべきか、あるいは両方を優先すべきか』
  • miya2000の日記 - これからドラッグ&ドロップを書く人のために

    2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ&ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね! safari で動かないらしいのでどなたか情報ください!(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし

    miya2000の日記 - これからドラッグ&ドロップを書く人のために
  • Shibuya.js パネルDISカッション brazil x mala with 江渡浩一郎 - koyachiの日記

    昨年行われたlivedoorテクノロジーセミナーでmalaさんが発表した「Techonology for UI」について、id:brazilさんが感じたこと・疑問にmalaさんが答える、という感じ進められました。 インターフェースにおける速さ エレベータ待ち時間を短くするための対策として鏡の設置。実時間ではなく体感、心理的時間を短くした。こういう観点から、どう?(brazil) 大半のWebアプリケーションがデスクトップアプリケーションより遅いのは事実だが、デスクトップアプリケーションがローカルにデータを持っているから必ず早いというわけではない。設計次第でWebアプリケーションはデスクトップアプリケーションより高速動作可能だ。ldrはそれを実現している。 速読の限界は1秒間に1600文字と言われている。それを再現するデモ実演。1秒毎に1600文字が表示される。 道具を変えることでできること

    Shibuya.js パネルDISカッション brazil x mala with 江渡浩一郎 - koyachiの日記
    kei-s
    kei-s 2007/02/20
    『多く読むことで見えるものがある。人気feed、人気エントリなどに頼る必要が無くなる。依存している感覚が少なくなる。自分が情報を見つけている感覚。』
  • 最速インターフェース研究会 :: ライブドアのテクノロジーセミナーでしゃべってきました

    昨晩はライブドアで開催されたテクノロジーセミナーで「Technologies for UI」という題でプレゼンをやりました。 発表資料はpdfhtmlで公開する予定ですが、とりあえずテキストだけ先にアップしておきます。 http://ma.la/files/livedoor/seminar2006/seminar.txt プレゼンツールがFirefox専用だったりするので、これも少し手直しして公開予定です。 こういう機会があるたびにプレゼンツールを作ってるような気がします。 ---- 追記:12/15 ライブドアのtechblogの方に発表資料をアップしました。 http://blog.livedoor.jp/techblog/paper/ldtech2006/ 上下カーソルキーでページをめくれます。

  • AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something

    By Jakob Skjerning: By Absolute Radio: By Keppler-IT: By absofort: By FreeSolutions: By Pascal Germroth: By Martin Jespersen: By 3 Man Army: By Nicolai Willems: By Simon Claret: By Dvir Volk: By Laurens van Hees: By Sherv.NET: By Paul C Smith: By H5 N1: By PositronVX: By matt: By Goldplate Ltd: By Netlife: By websedit AG: By Timur Gafforov: Background color: Black | White | Custom (for display pur

  • 秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね

    週3日勤務。残り4日は英語ブログアジアジンやThe Japan Times等で活動しております。連絡先は「姓@gmail.com」です。 via O'Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの "Example" を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たこと

  • レビログ::【AJAX】mixiが重い?【間違った使い方】

    最近mixiがニュースや広告を初めて重くなりました・・・ おもいーーーたすけてーーーー mixiのバナーだけ表示されて文が出ないという人はJavascriptを切ると表示が速くなる場合があります。 その場合は運営方針(AJAX優先なサイトの作り方が)が原因。 URLを見ると・・・ 何がダメなの? Javascriptの問題点として、このタグがあるとスクリプトの読み込みが終わるまで ブラウザの画面表示が止まるということ(IEの場合) つまりページを読み終わって表示できるのにJavascriptの読み込みが終わらないと表示されない。 よくgoogle広告などがあると表示が途中で止まったようになることがあるのはこのセイ。 Javascriptが悪いのではなくプログラムが・・・ つまりは、Javascriptを最後に書けば、画面は表示されて、その後Javascriptになるので・・

  • 1