タグ

uiに関するtykiのブックマーク (21)

  • ブックスタイルFlashサイトいろいろ - DesignWalker

    ブックスタイルFlashサイトいろいろ - DesignWalker
  • Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌

    Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ

  • CMSとモバイルとフィードと四畳半社長: ajaxとユーザーインターフェースデザイン

    東京都文京区郷でとあるCMS開発会社を営む社長のブログ。さっきまで「越後のCMS問屋」だったのですが、会社が新潟に移転したと勘違いされたようなので変えました。 モバイル、ゲーム、フィード、Ajax、Flash、ハイテクグッズあたりのはやりモノが好きです。 最新作「メルルーの秘宝」がドワンゴから提供中 週刊アスキーで「2045年の週刊アスキーをつくる」連載中 先日、RSSリーダーをもっと使った方がいい、いや、使うべきだ、みたいな話を(もの凄くイマサラなんですけど)、某所で行った際、とりあえずインストールもいらなくて便利なRSSリーダーといえばlivedoor Readerでしょうとハイテク好きな小娘にレコメンドしてみたりしたのです。当ブログの読者様も、LDRユーザーはかなり多いみたいですしね。MacならSafariに入ってるRSSリーダーが必要にして十分快適なんですけどね。 live

  • 【動画付き】画面で見る最新デスクトップ環境「Beryl」

    画面で見る最新デスクトップ環境一覧は,こちらから Beryl Projectは2007年3月14日,デスクトップ環境の「Beryl 0.2.0」を公開した(写真1)。Berylは,グラフィックス・カードのアクセラレーション機能を直接利用する「XGL」や「AIGLX」に対応したデスクトップ環境である。ウインドウの描画を高速化できる,ウインドウを動かした際に特殊効果を得られる,などの機能を持つ。デスクトップを回転させるなど,3次元効果も用意されている。 今回公開されたBeryl 0.2.0は,前バージョンの0.1.5に比べ,設定ツールの改良,タスク・バー上にウインドウのサムネイルを表示する効果の追加,デスクトップを表示させる場合にウインドウをフェードアウトする効果の追加,3次元効果の追加,メモリーの利用効率の改良,などが行われた。 Berylの設定画面 Berylにはたくさんの効果が用意されて

    【動画付き】画面で見る最新デスクトップ環境「Beryl」
    tyki
    tyki 2007/03/21
  • JavaScriptの独自右クリックメニューについて - spiritlooseのはてなダイアリー

    この前のやつ、やっぱり独自右クリックメニューはどうも、、、という方がかなりいらっしゃいますね。 http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 http://del.icio.us/url/a6a762c5c08a6984df69f9d022c35312 http://clip.livedoor.com/page/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 言いたいことはこの前のでほとんどなんだけど、せっかくなのでもうちょっと書いてみる。 基的には言いたいことは前回の なんでこんなもん作ったかって言うと、Webアプリはそろそろ独自右クリックメニューは許されてもいいかなぁと思ったので。 その辺のサイトでやられると

    JavaScriptの独自右クリックメニューについて - spiritlooseのはてなダイアリー
    tyki
    tyki 2007/03/06
  • JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー

    さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため

    JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
  • ネットサービスでやってはいけない14のこと(Guy Kawasaki版) | P O P * P O P

    このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました(当は14ありますが、Guyさんはなんでもポイントを10にするので有名)。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2

    ネットサービスでやってはいけない14のこと(Guy Kawasaki版) | P O P * P O P
    tyki
    tyki 2007/01/30
  • ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

    ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

    tyki
    tyki 2007/01/23
  • 100種類のデータ表現手法を学べる『aPToVM』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

    ドットインストール代表のライフハックブログ

    100種類のデータ表現手法を学べる『aPToVM』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    tyki
    tyki 2006/11/21
  • リストからマップへ (SearchMapr.com) | 100SHIKI

    検索結果はリストで表示。 そんな常識を打ち壊したのがSearchMaprである。 このサイトではtreemapのロジックを使い、検索結果をマップ形式で示してくれる。 検索結果のカテゴリーを面積と色で表現し、どのような検索結果が重要かが一目でわかるという仕組みである。 実はtreemapのロジックがよくわかっていなかったりするのだが(汗)、普通リスト形式で示されているものをマップ形式で表現する手法は他にも使えそうですね。

    リストからマップへ (SearchMapr.com) | 100SHIKI
    tyki
    tyki 2006/10/30
  • prima materia diary - XMLのコメントに--を入れてはいけない

    tyki
    tyki 2006/10/30
    実行直前での確認ダイアログ<実行後にundoできる手段
  • badboy.media.design :: articles :: Niceforms

    This is where Lucian writes about design, coding, business, the web, and other stuff. Occasionally he also posts some of the photos he takes. Before Internet Explorer 7 and Windows Vista, web text on PCs looked significantly different than it did on Macs. That was because OS X has long employed an anti-aliasing engine, named Quartz, I believe, whereas Windows XP and all previous versions displayed

    tyki
    tyki 2006/10/13
    フォームのデザインを美しく
  • このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E

    ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長~いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3

    このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
  • テキストエリアとかリサイズ可能にする JavaScript

    ■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {

  • PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » mixiをより良くするためには

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

    tyki
    tyki 2006/07/28
  • ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE

    WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1:WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2:Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3:Minitabs http://www.aplus.co.yu/adxmenu/exam

    ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
    tyki
    tyki 2006/07/24
    ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」
  • OBB vs AABB - Radium Software Development

    iPhoneの一般修理店は予約なしでも来店できる? 基的には飛び込みで修理に行ってもOK iPhoneを置いていたソファにうっかりと腰かけてしまい、パネルを割ってしまった、こんな時はスマホの一般修理店へ行きましょう。画面割れは、スマホやタブレットの故障原因として非常に多いものです。予約なしで突然お店に行っても平気かしらと、不安に思う方々もいらっしゃるかもしれません。結論としては特に問題はなく、予約なしで訪問しても画面割れの修理はお願いできます。 ただし他のサービス業のお店同様、予約なしの場合、お店が混雑していると順番待ちをしなければいけないです。特に繁盛しているスマホ修理のお店だと、行列が店内で出来ており、予約なしだと、自分の順番が巡ってくるまで長時間待たされる可能性があります。平日の朝、昼なら利用客が少ない場合が多く、飛び込みでも比較スムーズに修理が頼めます。 予約は入れた方が時短に、

    tyki
    tyki 2006/07/12
    メモリのソフトエラーの原因とその発生率について
  • infoverse - liquid browsing

    liquid browsing is a very important interaction technology originating from the "iworld" knowledge browsing concept. the so called "liquid 2D scatter space" is one of the many visual interactive spaces (ispaces) of the iworld visualzation modules. it has it's greatest strength in comparing a lot of information objects at the same time by making it possible to perceive very high information densiti

    tyki
    tyki 2006/07/11
  • SIMILE | Timeline

    Timeline has graduated! The Timeline project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.

    tyki
    tyki 2006/07/05
    "Timeline is a DHTML-based AJAXy widget for visualizing time-based events."