ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
新サービスを開発するときに気をつけてること : a++ My RSS 管理人ブログ
もう全然気合が足りないので、自分への戒めも含めて「新サービス開発」について思いつくままにメモ残します。 新サービスを開発するときには： コンセプト = メタファーを決める メタファーとは、「そのサービスって、つまり○○だよね」の○○に当てはまる具体的な言葉です。 どんなサービスでも「既存の言葉」に当てはめないと理解しにくいので。 「GPS機能で配送遅延から距離を感じられるオンラインメッセージングツール」じゃなくて「それって伝書鳩」みたいな。 これは知り合いに説明してみるとヒントが得られること多しです。 サービス名を決める ドメイン取るとかの理由もありますが、名前が決まっているかどうかで作業のはかどり方が全然違います。 アイデア ⇒ 開発 ⇒ 仕上げ の苦しみ度合いを理解しておく 実は開発する作業が一番楽です。厳しいのは仕上げ。途中で萎えないような工夫が必要だったりします。 時間をかけて悩ん
訪問済みリンクを一工夫する - lucky bag
リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。 visited_link_sample.html サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。 li a { padding-left: 25px; line-height:180%; background:URL(mark.png) no
フォームのtextareaをより使いやすくすることが出来る「Textarea tools」:phpspot開発日誌
Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea tools」。 上記画像では、右端にはるボタンを押して、textarea部分のリサイズや、フォントサイズの変更が可能になっています。 使い方は非常に簡単で、必要なJavaScriptファイルとCSSファイルを読み込んでおき、textarea に class="resizable" の属性を付与するのみとなっています。 掲示板なんかにこの機能を組み込んでおけば親切ですね。
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
ユーザビリティ設計メソッド一覧
週末にも関わらず、今日も自宅でお仕事（ホワイトカラーエグゼンプション実践中ですが何か？）。なのでコレといった記事も書けないのですが、先日のビジュアライゼーション周期表と同じ感覚の「ユーザビリティ設計メソッド一覧表」とでも呼ぶべきものがあったのでちょっとご紹介： ■ UsabilityNet: Methods table ユーザビリティとユーザー中心設計を促進することを目的として、EUからの資金援助を受け設立されたプロジェクト"UsabilityNet"の1コンテンツ。優れたユーザビリティを設計するのに役立つメソッドがテーブル形式で一覧されています： テーブルは「企画立案と実行性確認（Planning & Feasibility）」「要件定義（Requirements）」「デザイン（Design）」「実施（Implementation）」「テストと計測（Test & Measure）」「公開
2006-09-07
はてなフォトライフにアップロードできるファイル容量を拡張しました 本日、はてなフォトライフをアップデートし、保存できるファイル容量を拡張いたしました。それぞれのコースにおける容量の対応は以下のように変更になります。 無料コース3MB→30MBまで。ケータイコース（60ポイント）10MB→100MBまで。はてなダイアリー有料オプションを申し込まれている場合は無料でご利用いただけます。デジカメコース（180ポイント）300MB→1GBまで。フォトエキスパートコース（480ポイント）1GB→3GBまで。 有効期限などはこれまでのまま引き継がれています。 昨今のデジタルカメラの普及状況や、写真1枚あたりのファイルサイズが増加してきていることから、もっとたくさんの写真を保存できるようにしてほしいというご要望を多数いただいておりました。今回のファイル容量拡張により、より多くの方に写真共有サービスとして
[javascript] ページ内リンクでスムーススクロール @ ZEROBASE CAST
2009/04/28：すみません、スクリプトをメンテナンスしていないため、掲載を止めました。内容や動作の保証はできませんが、別のサイトを推薦しておきます：class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note →zerobase.jpのajax関連情報はこちら →当時エントリへのはてなブックマーク （掲載当時の文章を念のため載せておきます） 「ページ内リンクでスムーススクロール」するためのJavaScriptコードを配布します。ページ内リンクを使う際に、このスクリプトもあわせて使えば、訪問者に親切かもしれません。 意図 派手なエフェクトを取り入れたい。ではなくて、ページ内リンクをクリックすると、一瞬でワープするので、迷子になってしまう場合がある。それを解決する手段。 特徴 HTMLを書く際に一切意識しなくて良い。あとから
Alertbox: 画面解像度とページレイアウト（2006年7月31日）
ウェブページは 1024 × 768 に最適化するべきだが、800 × 600 から 1280 × 1024 までの幅広い解像度に対応できるリキッド・レイアウトを使おう。 Screen Resolution and Page Layout by Jakob Nielsen on July 31, 2006 ウェブユーザビリティ教室で最も多い質問の内の 1 つは、「どの画面サイズに合わせてデザインすればよいのか」だ。この質問に完全に答えようとすると、少し複雑になるが、基本的な考え方は簡単だ： 現在最も使われている画面サイズ 1024 × 768 に最適化する。もちろんこのガイドラインの基本的な考えは、ターゲットユーザたちの間で最も一般的な解像度に合わせて最適化することであるため、ときとともに具体的な解像度は変わり続ける。現在でも、例えば全従業員に大きなモニタを使わせている企業のイントラネット
技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット
こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.machu.jp/posts/20070128/
わかりやすい404エラーページについて考えてみる | caramel*vanilla
http://e0166nt.com/blog-entry-171.html
http://e0166nt.com/blog-entry-236.html
http://www.designwalker.com/2007/01/css-visited.html