タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

*UIと*WikiとUIに関するpmintのブックマーク (21)

  • Explorable Explanations

    Bret Victor / March 10, 2011 postscript, February 2024 What does it mean to be an active reader? An active reader asks questions, considers alternatives, questions assumptions, and even questions the trustworthiness of the author. An active reader tries to generalize specific examples, and devise specific examples for generalities. An active reader doesn't passively sponge up information, but uses

    pmint
    pmint 2013/11/05
    "読む"だけじゃないドキュメント。例をより緻密に…読者が求める条件で例示したり、例をシミュレートしてみたり。"Contextual Information"は自動リンクと組み合わせられそう。
  • Search Patterns

    A sandbox for collecting search examples, patterns, and anti-patterns. Please add tags, notes, and comments. Using our group pool, you can also talk about search and discovery; and even add new examples and patterns. To learn more about the pattern library and our book, see searchpatterns.org/ If you have questions, comments, or suggestions, please let me know. Peter Morville Update (butterfly boo

    Search Patterns
  • ウェブアプリケーションのためのユニバーサルデザイン

    書は、ユニバーサルデザインの構造的な原則をウェブアプリケーションに適用し、できる限り多くの人々がコンテンツを利用できるようにする方法を紹介する書籍である。パソコンのブラウザ以外の手段でウェブにアクセスする際、ブラウザごとに異なるインターフェースを用意しないで済むためのデザインから、動的なコンテンツを閲覧可能にするためのWAI-ARIAへの対応やウェブアプリケーションにJavaScriptを組み込む際のポイント、またFlashやFlex、Silverlightなど、アクセスしやすいRIAのについても詳述する。日語版では、日国内での状況を付録として収録している。 訳者まえがき はじめに 1章 ユニバーサルデザインの導入 1.1 アクセシブルなデザイン:その物語 1.2 仕事にユニバーサルデザインを取り入れる 2章 売り込み 2.1 「彼ら」などいない 2.2 ユーザーの特性 2.2.1 

    ウェブアプリケーションのためのユニバーサルデザイン
  • アクセシビリティハンドブック

    書は、米国修正リハビリテーション法508条(508コンプライアンス)に基づいた、障害のある人向けのWebサイトを制作するために留意しなければならないポイントを実務者の視点からコンパクトにまとめた書籍です。視覚、聴覚、身体の別に、障害の定義、問題となる状況、望ましい対処法などを紹介しています。障害を持った人々だけでなく、すべての人にとってアクセシビリティの高いサイトを作るためのヒントが得られるでしょう。なお書はEbookのみの販売となります。 まえがき 1章 目がまったく見えない 定義 つまり問題となる状況とは スクリーンリーダー アクセシビリティの高いサイトの構築 2章 その他の視覚障害に対応するアクセシビリティ 弱視 色覚異常 3章 音声のアクセシビリティ 音声アクセシビリティの対象 つまり問題となる状況とは 動画 ライブチャット 4章 物理的なアクセシビリティ 対象となるユーザー

    アクセシビリティハンドブック
  • ソシオメディア | UIデザインパターン

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

    ソシオメディア | UIデザインパターン
  • [JS]エクセルやスプレッドシートのように美しく機能的な表を作成するスクリプト -ParamQuery grid

    HTMLで作成した普通のテーブルでも、Microsoft OfficeのエクセルやGoogleのスプレッドシートのように美しく機能的なテーブルにする軽量のjQueryのプラグインを紹介します。 ParamQuery grid ソート、セルサイズの変更、インライン編集などもできます。 ParamQuery gridの特徴 ParamQuery gridのデモ ParamQuery gridの使い方 ParamQuery gridの特徴 商用利用可のオープンソース。 データのフォーマットはHTML, Array, XML, JSONなど。 ソート、ページング、カラムのリサイズに対応。 デザインはテーマでカスタマイズ可能。 バーチャルスクロール・レンダリング。 セルのインライン編集。 対応ブラウザはIE6/7/8をはじめ、主要な全てのブラウザ。 サーバーサイドのフレームワークはASP.NET,

  • Adobeアカデミックストア

    Get 20+ Creative Cloud apps for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of Acrobat, Photoshop, and Premiere Pro sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes Free trial | Free trial Creative Cloud All Apps Buy now |

    Adobeアカデミックストア
  • UIの改悪がUXを改善させる場合 - A Successful Failure

    2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UIGood UX UIUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXUIの違い」というエントリにおいてコーンフレークの例を元にUIUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている(次の写真は当該エントリからの引用)。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、当にこのATMUIは素晴らしいのかという疑問が残る。つまり「Good UIGo

    pmint
    pmint 2013/01/21
    常識(知識ではなく感覚のほう)の話。UX/UIの捉え方で世代分けできるかも知れない。年齢じゃなく「スペック値/速さ/機能の多さで評価された旧来のPCやWebに満足していた世代」と「PCが死語になってからの世代」みたいに
  • The Wix Editor | Wix Support Center

    pmint
    pmint 2013/01/20
    Wixのサイトエディターについて。動画もある。
  • UIデザイン

    Build your website.Build your dream website fast and easy, without any coding. Learn more Find your own domain.This one is taken, but you can find another available domain easily. Learn more

    pmint
    pmint 2012/12/24
    UI部品の例がいっぱい
  • http://www.userplus.com/blog/design-patterns/

    pmint
    pmint 2012/12/11
    UIカタログ
  • 無料でダウンロードできる洗練されたデザインのUIキットいろいろ

    わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01:"Pizza" UI K

    無料でダウンロードできる洗練されたデザインのUIキットいろいろ
    pmint
    pmint 2012/11/17
    デザインとは別のアート面「アプリの世界観」を実現するための例に
  • デザインは“世界観”を築くためにある ― WOW 鹿野護のUI・デザイン論。[1] | キャリアハック(CAREER HACK)

    理想的なUIとは何か? WEB業界でも常に議論の的となるこの問いを、世界にその名を知られるクリエイター集団 WOW を率いる鹿野護氏にぶつけてみた。UIとは“境界”であると定義する鹿野氏。UIの良し悪しは、そこに“世界観があるか”で決まるという。 ビジュアルデザインの新たな地平を切り拓く、トップクリエイター。 東京・仙台を活動の拠点として、ロンドン・フィレンツェなど国際的にも活動の場を広げている、ビジュアルデザインのトップクリエイター集団「WOW」。 その取締役兼チーフビジュアルアートディレクターを務める鹿野護氏に、このところWEB業界のキーワードとしても注目を集め続けている「UIとは何なのか?」を伺おうと、スタートした今回のインタビュー。 しかし話題は、細胞膜、認知科学、さらに禅の思想など幅広い領域を横断しながら、最終的には「今後のビジュアルデザイン」に関するヒントを示唆するような内容と

    デザインは“世界観”を築くためにある ― WOW 鹿野護のUI・デザイン論。[1] | キャリアハック(CAREER HACK)
    pmint
    pmint 2012/11/08
    世界観?それは「デザイン」ではなく「アート」…と思ったらアートの話でもあるのね。Webの特徴はデザインとアートを両立する所で、デザインだけでは超えられない壁がある。やはりシンプル・イズ・ベストは間違いか。
  • MobileMozaic, a gallery of the very best designed iphone applications

    Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially

    MobileMozaic, a gallery of the very best designed iphone applications
  • GitHub - smcllns/css-social-buttons: Zocial: CSS login and social buttons

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - smcllns/css-social-buttons: Zocial: CSS login and social buttons
  • 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

    Collection: Design Patterns
  • [CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック

    フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており

    pmint
    pmint 2012/06/13
    Retina対応はこれと必要以上に高解像度な画像、それとベースフォントサイズのpt指定がいいのかな?
  • Dream.Build.Play 2012 Challenge

    At Microsoft Build, you'll go deep on real code, real systems, and real workflows with the teams building and scaling AI. Two days. Hands-on sessions. No fluff.

    Dream.Build.Play 2012 Challenge
    pmint
    pmint 2011/04/15
    WebMatrix 10の特徴。動画も。
  • O'Reilly Japan - アンビエント・ファインダビリティ

    TOPICS Web 発行年月日 2006年04月18日 PRINT LENGTH 264 ISBN 4-87311-283-4 原書 Ambient Findability FORMAT PDF どんなに有益な情報がネットワーク上に存在していたとしても、ユーザが見つけることができなければ、何の意味もありません。その「見つけやすさ」を表す新しい考え方が「ファインダビリティ」です。また、「アンビエント」はブライアン・イーノの「アンビエント・ミュージック」に触発された言葉で、無線ネット接続、モバイル機器、GPS、RFIDなどの技術によって可能になった、いつでも、どこでも、誰でも(モノであっても)、ネットワークに接続可能な世界を表しています。書は情報アーキテクチャの第一人者である著者が、「見つけること」に関する技術歴史、情報に関する先人の研究、ネット上の新しい動き(ロングテール、タギングなど

    O'Reilly Japan - アンビエント・ファインダビリティ
  • デザイニング・ウェブナビゲーション

    TOPICS Web , Design 発行年月日 2009年05月 PRINT LENGTH 388 ISBN 978-4-87311-410-1 原書 Designing Web Navigation FORMAT PDF ウェブサイトが提供する情報やサービスを、ユーザーが適切に探し出し、利用できるようにすることは、ウェブサイトを構築する上で非常に重要な目標です。書は、使いやすいウェブサイトの構築において、根幹をなすテーマであるナビゲーションのデザインについて、理論から実践まで、豊富な実例と共に解説した書籍です。 書は、3部構成となっており、まず第1部ではウェブナビゲーションの概要と、ナビゲーションをデザインする上で考慮すべきポイントを学びます。続いて第2部では、評価、分析、アーキテクチャ、レイアウトなど、最適なナビゲーションを構築するためのフレームワークを解説します。さらに、第3

    デザイニング・ウェブナビゲーション