タグ

uiに関するkiyo_hikoのブックマーク (73)

  • jQuery UI 1.10 日本語リファレンス | js STUDIO

    このサイトについて jQuery UIの日語リファレンスです。 jQuery UI家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)

  • ゲーム機のコントローラーはこうやって進化したのか!(※画像あり) : seiyu fan

    Tweet ゲーム機のコントローラーはこうやって進化したのか! Microsoft (マイクロソフト) ttp://i.imgur.com/DFr8URP.gif SONY (ソニー) ttp://i.imgur.com/70gmbsm.gif 任天堂 (NINTENDO) ttp://i.imgur.com/DQW2hBn.gif ツイートする はてブする シェアする アクセス数が多い人気記事 少年ジャンプの売上が落ちた理由が女性読者のお陰で明らかになる 【画像】人気漫画の主人公、イジメ問題にとんでもない正論をぶち込んでしまう 「つまらない」じゃなくて、とにかく「気持ち悪い」終わり方をした漫画 原作者に土下座した方がいいアニメ一覧wwwwwwww 【悲報】ワンピースのルフィ、仲間にとんでもない差別をしてしまう・・・ 【急募】ワンピースに自信ニキ、ちょっと来てくれ ワンピース、物語上の致命

    ゲーム機のコントローラーはこうやって進化したのか!(※画像あり) : seiyu fan
    kiyo_hiko
    kiyo_hiko 2014/12/25
    任天堂は自由だ
  • 文字列をゴミ箱に入れる - Nanoseconds Hunter

    当にあった脱力PC話」に、 わたしがこれまで最も感心した話は、オヤジBさんがワープロソフトを使っているとき、削除したい部分を範囲指定し、ドラッグしてゴミ箱に捨てようとした話だ。もちろん、ゴミ箱に捨てられるのはファイルとフォルダだけで、文字列は捨てられない。Bさんは何度も試し、たびたびPCを再起動したが、らちがあかない。だれかが「それは無理だ」と教えてあげたのだが、Bさんは「文字を小さくしたのに」とフォントサイズを下げたのにゴミ箱に入らないことが許せなかったようだ。この話を20世紀末に知人から教えてもらったとき、MacWindowsの別なくGUIの致命的欠陥を知った。メタファーは難しいのだ。 と、書いてありましたので実際やってみました。出来ました。 環境はMac OS X 10.6.4 Snow Leopard + Microsoft Word 2008 for MacWindows

  • ソフトウエアってUI変更すると「使いにくくなった」って言われるけど

    携帯ってどの機種でもだいたい同じようなもんなのに、変更すると使えなくなる年寄りがいるけど、あれはアーキテクチャを理解しないで操作を手順で覚えてるからだって指摘を見たことある。 実際、親に携帯の使い方を教えると「このボタンをおして、次にこのボタンをおして、間違えたときにはこのボタンをおして・・・」みたいな感じで必死に暗記しようとしてるのな。 そんな覚え方してたら俺でも使えないわ。 で、Windowsがバージョンアップしたとか、OfficeがリボンUIになったとかでUIの変更があると、ネット上はすごい使いにくなったって声であふれるわけじゃん。 リボンとか、たしかに最初は「あの機能はどこにあるんだよ」って探してイライラする場面があったけど、ちょっと使ったらすぐなれて、かえって探しやすいって思うようになったわ。 俺は多少UIの変更があっても何とも思わない人間だから「使いにくくなった」ってすごい剣幕

    ソフトウエアってUI変更すると「使いにくくなった」って言われるけど
    kiyo_hiko
    kiyo_hiko 2014/09/16
  • 小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

    ビスケットは,開発して新しい機能を追加したときなど,必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます(最近はその暇が無くて他人に任せていたりして,かなりまずいんですが).3年前くらいの面白いエピソードをご紹介しましょう. ちょうど,Androidタブレットで動くビスケットを開発していて(これはまた一般には配布していません.実験環境だけです),それがどのように子どもたちに使われるか見に行きました.僕としても指で直接操作するタブレットのUIの開発は初めてで.実は,マウスとタッチペンの操作は結構似ています.どちらも,非常に小さいエリアを結構正確にポイントできて,ドラッグもできますから.どちらかというと,ペンの方がドラッグが得意でしたね.小さい子はマウスクリックが全然出来ないとか(ボタンを押すときに指先だけ押すということができないので,手を握ってしまって,その結果マウ

    小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
    kiyo_hiko
    kiyo_hiko 2014/06/26
    むしろエンゲルバートすげえって気分になった // 先入観ゼロの者が触ってどういう操作するかっていう着眼点おもしろい
  • https://jp.techcrunch.com/2014/04/24/20140423the-start-menu-may-return-to-windows-in-august/

    https://jp.techcrunch.com/2014/04/24/20140423the-start-menu-may-return-to-windows-in-august/
    kiyo_hiko
    kiyo_hiko 2014/06/16
    スタートメニューはもう慣れてしまってあんまし要らん。寧ろスクリーンキーボードを半透明にしてくれないと、あれで画面半分埋まるので見ながらタイプできなくて困る
  • Windows ストア アプリの UX ガイドラインの索引 (Windows)

    This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

    Windows ストア アプリの UX ガイドラインの索引 (Windows)
    kiyo_hiko
    kiyo_hiko 2014/03/17
    参考になる
  • クイック スタート: コントロールのスタイル (HTML) - Windows app development

    [ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください] JavaScript を使った Windows ランタイム アプリでコントロールの外観をカスタマイズするには、Web サイトの場合と同様に、カスケード スタイル シート (CSS) を使います。JavaScript を使った Windows ストア アプリも、高度なコントロール スタイル機能をサポートしています。JavaScriptWindows ライブラリによるスタイルの包括的なセットによって、アプリに Windows 8 の外観を簡単に適用できます。 ここでは、WinJS スタイル シートを含める方法、HTML コントロール (組み込み

    クイック スタート: コントロールのスタイル (HTML) - Windows app development
    kiyo_hiko
    kiyo_hiko 2014/02/27
    ←JTextField関係ないけどそのうちJTextFieldを派生してこういうのつくりたい // × = clear buttonでいいらしい。名前は
  • iOS アプリの画面開発の基礎を理解する - A Day In The Life

    前回の記事「iOS アプリの構造がどのようになっているか紐解いてみる」で iOS アプリの構造について説明しました。深いところの説明ばかりだったのでもう少し浅いところ、画面の見た目や画面遷移を実装する方法について説明します。 ユーザの要望がどのようにアプリに反映されるのか アプリができる背景には「アプリでこんなことしたい」というユーザの要望とか、開発者自身の「アプリを通してXXのような素晴らしい体験をユーザに提供したい」という思いが出発点になっています。 ユーザの要望だったり開発者の思いは「UX設計」「ユースケース抽出」「UI設計」という3つの段階に分けてアプリに反映していきます。図にすると以下のような感じです。 UX(ユーザエクスペリエンス)設計 ユーザの要望や開発者のこんなもの作りたいという思いを元に、いつ、どこで、誰が使うのか?アプリが使われる状況を洗い出す。その上でユーザがアプリを

    iOS アプリの画面開発の基礎を理解する - A Day In The Life
  • Webサイトに変なスクロール使うのをやめろ

    最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって? みんなChrome使ってる思ってたらアカンでほんま。 追記: この変なスクロールはパララックスと言うそうです。 「この変なスクロール=パララックス」ではないそうです。 また、「この変なスクロール=パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。

    Webサイトに変なスクロール使うのをやめろ
    kiyo_hiko
    kiyo_hiko 2014/01/29
    はい
  • 「モーダル」と「モードレス」 | Accessible & Usable

    公開日 : 2009年10月20日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ユーザーインターフェース (UI) デザインの専門用語に「モーダル (modal)」と「モードレス (modeless)」という言葉があります。Web サイトの UI を設計するうえで、おさえておきたいキーワードだと思いますので、簡単に触れたいと思います。 「モーダル」「モードレス」とは? ユーザーインターフェース設計のコンサルティング会社、ソシオメディアさんの用語紹介 (グロッサリー) によると、「モーダル」「モードレス」はそれぞれ下記のように定義されています。 モードがある状態。つまり、システムが特定の機能の使用に制限された状態。ユーザーが自由に操作を行えなくなることと、モード別に機能の意味や振る舞いが変化することから、ユーザーインターフェースのデザインでは、できる限りモードを設けないほ

    「モーダル」と「モードレス」 | Accessible & Usable
    kiyo_hiko
    kiyo_hiko 2014/01/06
    「モード (mode) とは、インターフェースにおける間違い、混乱、不必要な制限、複雑さの温床となる重要なものです。」
  • セブンカフェのUI - カレーなる辛口Javaな加齢日記

    http://sevencafecoffeemakeradhocsignage.tumblr.com/ http://togetter.com/li/532088 http://matome.naver.jp/odai/2137351572553391601 http://news.mynavi.jp/news/2013/01/28/117/index.html 古いネタだけどメモ.完全に乗り遅れたな. 左がRで右がL.もうこの時点でダメダメなデザイン.「誰のためのデザイン」で酷評されそうな,典型的な失敗デザインだね.たかが珈琲専用自販機という,誰もが知ってる機能が限られた単純な機械の操作方法を,ダメなデザイン一つで分からなくさせるなんて,一種の才能と言っていいかもしれない. にしても,これを出す段階で,誰かに「そのまま出したら恥ずかしいから,デザインをやり直せ」って言われなかったのかね.

    セブンカフェのUI - カレーなる辛口Javaな加齢日記
    kiyo_hiko
    kiyo_hiko 2014/01/04
    ダックパンチング感
  • jQuery mobileでiphoneぽい日時セレクト画面。

    iphoneのアラームなどで時間を設定する時に出るアレ。 セレクト画面をくるくるっと動かせて、時間や日にちを選択する仕様。 あれって、jQuery mobileとかでできないのかなあー・・・と。 普通のセレクト画面をiphoneで見てもくるくる仕様にはなるのですが、月日を一緒にしたり、日時を一緒に選択するってできないですよね。 しかも、じゃあiphone以外だとどうなるの?ってことに。(Androidを持っていなくて、、;) そんなことがあり、何とかしてスマフォ(Androidも含む)での日時選択のくるくる仕様が実現できないか探したところ、あんまり無いんですね; 結局、100%納得いくようなものは無かったのですが、それっぽいことが実現可能なプラグインを二つほど見つけました。 jquery.mobile.datebox.jsとmobiscroll jquery.mobile.datebox.

    jQuery mobileでiphoneぽい日時セレクト画面。
  • ユーザーの知識は低いレベルで停滞する

    学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何

    ユーザーの知識は低いレベルで停滞する
    kiyo_hiko
    kiyo_hiko 2013/11/25
    「発見しやすさに重点的に取り組む」
  • https://jp.techcrunch.com/2013/06/11/20130610apple-publishes-ios-7-transition-guide-to-help-developers-adopt-flat-design/

    https://jp.techcrunch.com/2013/06/11/20130610apple-publishes-ios-7-transition-guide-to-help-developers-adopt-flat-design/
    kiyo_hiko
    kiyo_hiko 2013/06/12
    Weather見づらいな 空の写真がメインコンテンツみたいで
  • agilecatcloud.com

    This domain may be for sale!

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    kiyo_hiko
    kiyo_hiko 2013/05/28
    FreePSDはちょっとおしゃれっぽい
  • Microsoft Office 2010/2013 のリボン上でクラシックメニューとツールバーを表示

    Office 2010&2013用クラシックメニュー v9.25 Office 2010/2013 のリボンでコマンドが見つけられないのは、あなただけではありません。弊社のOffice 2010&2013 用クラシックメニューソフトウェアは、今まで慣れ親しんできたOffice 2003のメニューやツールバーを、Office 2010/2013上で再現します。 Microsoft Office 2010/2013の新機能とコマンドが、クラシックスタイルのインターフェイスに加えられることになります。Office 2010/2013のリボンタブはそのままで、新旧両方の機能をフル活用できます。

    kiyo_hiko
    kiyo_hiko 2013/05/08
    おお。さっさとリボンに慣れるつもりだが、どうしてもダメそうなら試しそう
  • クラシックスタイルメニュー for Office 2016の詳細情報 : Vector ソフトを探す!

    ソフト詳細説明 ・商用・非商用問わず無料でご利用いただけます。 ・インストール不要です。 ・マクロは使用していません。 ・64ビット版のOfficeでも動作確認済みです。 ・Word、ExcelPowerPointに対応しています。 ・Access用には別途「クラシックスタイルメニュー for Access 2010」があります。 ・Ver1.00からOffice 2007にも対応しました。 ・Ver1.01で「Classic Menu」タブを一番右に表示するためのファイルを追加しました。 ・Ver1.02でクイックアクセスツールバーにメニューを表示するためのファイルを追加しました。 ・Ver1.03で「図形描画・図ツール」を追加しました。 ・Ver1.04で「塗りつぶしの色」ボタン等の仕様を変更しました。 ・Ver1.05で「元に戻す」「やり直し」ボタン等の仕様を変更し、標準ツールに「

    kiyo_hiko
    kiyo_hiko 2013/05/08
    おお。
  • CSS で作る Tumblr モバイルアプリ風メニュー

    1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ (Tumblr for Android) の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript (jQuery 使用) で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE? 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね (画像は 「Tumblr Staff」 から

    CSS で作る Tumblr モバイルアプリ風メニュー
    kiyo_hiko
    kiyo_hiko 2013/04/22
    かっこいい // 左手の親指っぽい並び