タグ

UIに関するyusuke0927のブックマーク (112)

  • ブラウザ判定(しかもダメダメ)しているYahoo! Japan - WebStudio

     もずはっく日記(2008年1月) 2008年1月1日 ブラウザ判定(しかもダメダメ)しているYahoo! Japan 初回投稿日時: 2008年01月01日18時02分23秒 最終更新日時: 2008年01月03日10時17分37秒 カテゴリ: 雑談 SNS: Tweet (list) 新年一発目から不愉快な話です。Yahoo! Japanがトップページをリニューアルしてmixiみたいなウインドウの横幅が広めであることを大前提とした、馬鹿丸出しなレイアウトに変更されています。個人的には、常用しないサイトなのでどうでも良いといえばどうでも良いんですが、こうもPVの多いサイトが、またやってしまった、というのは不快に感じます。 今回のリニューアルで最悪なのが、ブラウザ判定で想定外のUA名だとものすごくデキの悪いデザインのページが表示されるのみという点です。しかもそのブラウザ判定が頭悪いことに

  • ウェブサイトを使いやすくするための43の法則

    R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。 43 Web Design Mistakes You Should Avoid 上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。 43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。 個人的には、いくつかは条件しだいでと思いますが、概ね相違無いです。 The user must know what the site is about in seconds. サイトに来訪したユーザーは、数秒で何のサイトか知らなくてはいけません。 Make the content scannable. コンテンツが一覧できるリストが必要です。 Do not use fancy

    ウェブサイトを使いやすくするための43の法則
  • Macのインストール・インターフェースを見る | 毎日考ブログ::PBβ

    Re: iPhoneスタンドを考える (2010-04-13) Chrome Macがメインにできつつある今日このごろカナと、Firefox拡張の代わりを探すの巻 (2010-03-03) iPhoneスタンド iCrado(200-PDA020R) ちゃんと見せ! (2010-02-25) 人もすなるPosterousといふものを、猿もしてみむとするなり (2010-02-24) 愛用しているiPhoneTwitterアプリ6種をやや駆け足で (2010-02-19) iPhoneに入れているカメラ・画像系アプリ10個を駆け足で (2010-01-30) MacBookセットアップしたるの巻 (2009-12-10) MacBook来るの巻 (2009-11-30) 思わず29ドル出したくなったネットラジオアプリケーション、Snowtape (2009-11-25) iPhone3GS

  • 違う、我々が欲しいのは電源をONにした瞬間起動するマシンだ。

    ”とある外国人向けのページ”が面白かった。「超訳」ですが…。 面白いなぁと思ったのは、エントリの内容もさることながら、むしろ罵倒表現のバラエティについてです。念の為。 最新のインテル「Core 2 Duo」プロセッサ、メモリ2GB、最新のマイクロソフトOS「Windows Vista」を搭載したPCを購入した。10万円以上かけて購入したこの新しいPCは、快適なウェブブラウジング環境を手に入れようと、大金をはたいて購入したものだ。だが、買ってきてセットアップしてみて、私の心はズタボロに切り裂かれることになった。 何よりも驚かなくてはいけなかったのは、その起動時間の遅さだ。Intel社が会社を挙げ、大金を注ぎ込んでできあがったデュアルコアCPUを搭載しているのに、Windowsの起動までに1分以上かかる。一体これはどういうジョークなのだろうか?一流のアメリカンジョークだというのだろうか。 なぜ

    違う、我々が欲しいのは電源をONにした瞬間起動するマシンだ。
  • Injector Slot Online Terbaru Versi Upgrade Terbaik Pasti Maxwin - Injector Slot

  • alpha channel : Appleで今使われているボタンを見た感じで作ってみる

    Общероссийский классификатор специальностей по образованию (ОКСО) представляет собой полный список всех утвержденных Минобразованием направлений подготовки и специальностей высшего и среднего профессионального образования, разрабатываемых в соответствии с Федеральным Законом Российской Федерации "Об образовании" от 13.01.1996 N 12-ФЗ. ОКСО содержит официальные наименования специальностей и их коды

  • ソシオメディア | UIデザインパターン

    ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

    ソシオメディア | UIデザインパターン
  • 小粋なインターフェースを実現する25のコード (パート4) | S i M P L E * S i M P L E

    先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 小粋なインターフェースを実現する25のコード (パート3) 今回も素敵なコードが揃っていますよ。いくつかご紹介。 ↑ CSSでアラートメッセージを作る方法。ウェブサービスなどにいいですね。 ↑ こうしたメニューのコードをブラウザ上で作れるジェネレーター。 ↑ スライド式のナビゲーションメニュー。 新しくウェブをつくるときに参考にしたいですね。ご利用は以下からどうぞ。 » 25 Code Snippets for Web Designers (Part4)

    小粋なインターフェースを実現する25のコード (パート4) | S i M P L E * S i M P L E
  • 小粋なインターフェースを実現する25のコード (パート3) - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~

    シリーズもの第三弾が発表されていました。ウェブ製作に使えるちょっとした小技集です。パート1と2もあわせてどうぞ。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 今回も全部で25個ありますが、気になったものをいくつかピックアップ。 ↑ Flickrのようにクリックするとその場で編集できるようにする方法。 ↑ テキストがフェードイン、フェードアウトしていくような効果を作る方法。 ↑ CSSだけで上のようなボタンを作る方法。 ↑ CSSだけでリストをこのようなツリーのようにする方法。 全部見たい方は以下からどうぞ。一度試しておくと技の幅が広がりそうですね。 » 25 Code Snippets for Web Designers (Part3)

    小粋なインターフェースを実現する25のコード (パート3) - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~
  • 80年代のAppleに学ぶUIの部品化とガイドライン ― @IT

    インタラクションデザインパターン(1) 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって

  • テキストフィールドのフォーカス時に背景色を変更する JavaScript

    ■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'

  • アップル ヒューマンインタフェースガイドライン

    アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ