標準のINPUTを拡張してフォーム入力を便利にする「inputEx」:phpspot開発日誌
inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリデーション。ＵＲＬやパスワードなんかもあり 階層型のツリーデータを入力 うまく導入してフォームのユーザビリティに役立てたいですね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ 超クールなカレンダー型日付入力補助用JSライブラリ
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
「本当は使いにくいMacOSX」を使い易くする - 妄想科學日報
ganaware (Nayuta Taga) · GitHub 使い慣れた環境と違うものを使い難いと感じるのはまあ当然のことで、私にとってはWinの方がよほど使い難いのだが、実のところ使い難さの半分ぐらいは違いよりもむしろ無知からくるものであることが多い。 私の知る範囲で不満点をフォロー。 多くのダイアログでキーボードショートカットが定義されていないのが非常に困ります。(あるいは定義されていてもボタン上に「次へ(N)」などと表示されていないのでショートカットを知る手段がありません)。いちいちTABキーでフォーカスを移動させるのが流儀なのでしょうか? それともいちいちマウスでクリックする必要があるのでしょうか? (この、移動速度がクソ遅いマウスで?) デフォルトではできない。システム環境設定のキーボードから「フルキーボードアクセス」を有効にすることでTabまたは矢印キーによるフォーカス変更が
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
超クールなCSSデザインされたUIのレーティングシステムのサンプル:phpspot開発日誌
Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li id="r2"><a href="#2" title="give this site a 2"><span>Terrible</span></a></li> <li id="r3"><a href="#3"
iandeth. - ETech 06 マルチタッチパネルこそが未来のインターフェース - Jeff Han氏講演
講演者について Jeff Han New York University コンピューター科学学部に籍を置くコンサルタント/研究科学者 (肩書きスゴス...)。DARPAの為の自立ロボットナビゲーションシステムの研究、リアルタイムCGの研究、リアルタイムコンピュータ視覚の研究、ユーザインターフェース研究、機械学習の研究... 等など多岐にわたる研究に従事。Webpage - Jeff Han, NYU Courant Institue of Mathematical Sciences これを見ればすべてが伝わります mpeg動画 (3分弱) ちょっと前にBLOG界隈で話題になっていたアレです。実際に動いている所を見て、改めて衝撃を受けました。すげー！ トリビア たまたま Jeff Han 氏本人と話す機会があったので、いろいろ聞けたトリビアをご紹介 研究チームは3人だけ (本人含む 現存する
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
ゲーム化してみること - hibomaの日記
「Google Maps で鈴鹿サーキットを試走！」というエントリーがとても盛り上がってます↓ Google Maps 上で車を走らせるゲームなんですね。とても楽しいです。 http://tech.nitoyon.com/javascript/application/racing/1/ はてな？冷静に考える。 「もっと面白いレーシングゲームなんていくらでもあるだろうに。」最新のレーシングゲームとは似てもにつかぬチープなつくりなのに、なんでこんなに面白いんだろう？ ↓のエントリーをみて、その理由が分かったような気がします。 何が楽しいって，実世界データとの強力なリンクだよな．鈴鹿のコースは難易度高いけど，国道に出たり人家つっ切ったりしながら南東に進むと数分で海岸に出た．これは，仮に実世界を同じ速度，同じルートで走ったら (大惨事になるので絶対に実行しないでくださいww)，やはり数分で海岸に着
Infoperience - 「OK」ボタンの秘密
「OK」ボタンの秘密 デザイナーというものはいつも、混沌とした事物の断片を整理して、どこまで最終的に求められる方向性を保ったままそれらを秩序立てることができるのかという挑戦を強いられている。そのために、最終目的に合わせたひとつの法則を作り出し、細かな選択（この部分は青にするのかそれとも赤にするのかといったこと）を行う上での判断基準にするのである。しかしひとつのデザインに求められるのはひとつの機能だけではない。論理的に考えれば機能衝突を起こすような要望があるのが普通であり、また、デザインにはそれを解決するだけの力があるのだ。 例えば、上級者にとっての使い勝手を向上させるために新たなインターフェイス要素を導入することが決まったとする。これは既存のデザイン言語に合わせてきちんと設計された機能であり、デザイナーはそれをどうやって定着した画面要素に加えようかと悩むことになる。そして一貫性を保ったまま
Joel on Software -
プログラマのためのユーザインタフェースデザイン 第 1 章 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 第 7 章 第 8 章 第 9 章 ストラテジーレターV 2002年6月12日 ミクロ経済学の補完財の原理について考えていて、私はオープンソースソフトウェアに関する興味深いあることに気がついた。それが何かというと、オープンソースソフトウェア開発に多額の資金を使っている企業の多くは、それが彼らにとって良いビジネス戦略だからそうしているのであって、突然資本主義を信じるのをやめて、「言論の自由と言うときの自由」に浮かれるようになったわけではないということだ。ストラテジーレターⅤ 5つの世界 2002年5月6日 5つの世界：すべてのソフトウェア開発が同じではない。 追記：インターナルシステム、コンサルウェア、パッケージソフトの間には大きなグレーゾーンがあり、この3つの世界はしばし
最速インターフェース研究会 :: 全てのWeb開発者必見 : remember the milk のサインアップフォーム
ライブドアの次世代テクノロジーセミナーの後の二次会の後のSledge勉強会で発表したネタ。 http://www.rememberthemilk.com/signup/ Ajaxを使ったTODO管理やらリマインダサービスらしいのですが、これのサインアップフォームがとてもよく出来ています。苗字と名前から自動でアカウント名を補完してくれたり、それをサーバーに問い合わせてそのアカウントが取得できるかどうかを確認してくれたりします。 肝心のサービスの中身は使いやすいのかどうか良くわかんないというか、正直微妙な感じなんですが、一度しか通過しないサインアップフォームを作りこむ心意気が良いですね。 別に必見ってほどでもないか。でも知ってる人がいなかったのでブログに書いておくことにします。 ユーザーを「手厚く」サポートする UI 最速インターフェース研究会さんの 全てのWeb開発者必見 : remembe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
leandrovieira.com – Só mais um site WordPress