近くのリンクをクリックするnewmouse.user.js - hitode909の日記
ブラウザで，リンクとかボタンとかをクリックするときに，マウスカーソルをリンクの上まで持っていくのがめんどうで，困ってた． なにもないところでクリックしたときは，勝手に近くのクリックできそうな要素をクリックしてくれればよいと思ったので，Greasemonkeyを書いた． newmouse.user.js — Gist 動画 newmouse.user.js - YouTube 使い方 Greasemonkeyをインストールすると，旧来のマウスカーソル(旧マウスカーソル)と別に，マウスカーソルがもう一個表示されるようになる(新マウスカーソル)． 新マウスカーソルはせわしなく旧マウスカーソルの周りを動きまわって，リンクを見つけると，新マウスカーソルがリンクに張り付いて，クリックできますよ，という感じになる． 旧マウスカーソルが，なにもないところで(具体的には，aや，buttonなど以外の上で)ク
Lightbox_me - Stupidly Simple Lightboxing - The jQuery lightbox plugin for people who know what they're doing.
What is it? Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss. Features Lightbox_me handles all of those annoying edg
Google Experimental Search
Google is always experimenting with new features aimed at improving the search experience. Take one for a spin and let us know what you think. Join an experiment and you'll see that feature whenever you do a Google search. Your selected experiment: You have joined the experiment. Your current experiment is no longer available. Try out a different one below. Note that you can only join ONE experi
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
Latest topics > ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 - outsider reflex
Latest topics > ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 巻き戻し/早送りボタンが26日以降クラッシュする件 Main ツリー型タブでブックマークにツリー構造を保存できるようにしてみた » ブラウザのタブの改革 - Firefox.nextへの道：タブをより良くする。 - Jul 30, 2009 Mozilla Corporationの中の人であるAlexander Limi氏が次世代のFirefoxのタブインターフェースをどのように改善するかについての議論の叩き台となるエントリを6月に公開されている。その中にツリー型タブへの言及もあった。だか
Web forms design guidelines: an eyetracking study | cxpartners
Forms can be found on almost every website; from contact or feedback forms in small websites to bank details in commerce websites, from registration to communication, from banking to searching. What we wanted to do, and why we wanted to do it At cxpartners, we have designed and tested numerous new and existing forms for websites from different companies. We use a set of golden rules that we use as
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
matarillo.com: UIパターン
UIパターン 追記 この記事の一部を加筆・修正したものを「開発者が知っておくべき、6つのUIアーキテクチャ・パターン」として@ITに転載しています。 MVVMを追加した上で、アプリケーションモデルとMVVMをプレゼンテーションモデルのバリエーションとして位置づけました。 MVPの2つのスタイルとして、監視コントローラとパッシブ・ビューを説明しました。 まえがき Martin Fowlerの"GUI Architectures"を訳したので公開しようと思ったのだが、FAQページに「EAA developmentとかDSLなんかは商業出版するんで例外ってことで」と書いてある。面倒だったので翻訳の公開はやめて、「自分の理解を書く」というスタイルにしようと思う。 Fowler氏が説明しているのは 「フォームとコントロール」、「モデルビューコントローラー (MVC)」、「プレゼンテーションモデル」、
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
Styled Css Menus - High Quality Web Based Professional Css Menus: allmenus
Saturday, December 13, 2008 Oplaz Css Menu Oplaz css menu with simple effect for hover and current menu item, this css menu width is fixed to 700px, while increasing menu item you can decrease padding and margin between menu items. This menu can be used on white background with light and semi-dark supporting colors. You can download menus source code with images for free. Demo Menus has been teste
インタフェースの大変動 最初の三〇年は始まりにすぎなかった。
インタフェースの大変動 最初の30年は始まりにすぎなかった InterCommunication No. 60 Spring 2007 特集「デザイン／サイエンス」 に寄稿 渡邊恵太 本稿は、近年のインターフェイス・デザインの考え方の変化について述べるものである。最初にインターフェイスの視点から現在動きの活発な企業や考え方について紹介する。そして、その企業に共通する点から認知科学的アプローチの限界を示唆する。それを背景に、これからのインターフェイスの考え方について述べる。 はじめに 今日のユーザー・インターフェイス研究の流れは、大きな変化を見せはじめている。たとえば、Macintoshとユーザー・インターフェイスは切っても切れない関係で、常に先端をリードしてきた存在である。そのApple社が先日の「Macworld Expo 2007」にて、「最初の30年は始まりにすぎなかった（The f
窓の杜 - 【NEWS】MS、マウスもキーボードも触らずにUSBカメラで操作する「Touchless Demo」公開
米Microsoft Corporationの実験グループであるMicrosoft Office Labsは7日（現地時間）、マウスやキーボードへ触らずにUSBカメラの映像でパソコンを操作する技術“Touchless”のデモソフト「Touchless Demo」を公開した。Windows XP/Vistaに対応するフリーソフトで、現在Microsoft Office LabsのWebサイトからダウンロードできる。 「Touchless Demo」は、USBカメラの映像に写った対象物の動きでパソコンを操作する技術“Touchless”技術を体験できるデモソフト。USBカメラの映像に落書きができる“Draw”、USBカメラの映像に合成した画像の位置や大きさをリアルタイムで操作できる“Image”、古典的なスネークゲームを楽しめる“Snake”、4人まで対戦可能なピンポンゲーム“Defend”と
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 中毒ですし
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
[JS]高いカスタマイズ性を備えたLightbox風のスクリプト -nyroModal
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
ウノウラボ Unoh Labs: Ext.js入門: Grid編
Extは、ウェブアプリケーションを構築するための、クライアントサイドのJavaScriptフレームワーク（公式サイトのFAQより）です。日本ではまだ実際の利用例はあまり多くないようですが、たぶんに日本語のドキュメントがまだそれほど多くはないからではないかと思われ、今後利用事例は増えていくだろうと思われます。 Extの真骨頂は高機能でデザインの洗練された、（直ちに利用可能な）レディメイドのユーザインタフェースウィジェット群です。Extは「アダプタ」として、prototype.jsやjQuery、Yahoo! UIといったJavaScript拡張ライブラリを利用する設計ですが、現在は独自のアダプタも用意され、サードパーティのライブラリに依存しない実装も可能です。 現時点での安定版はバージョン1.1ですが、既に、大幅な機能強化が図られたバージョン2.0のアルファ版が公開されており、以下のページで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
IDEA * IDEA