Wanted: Your 404 Error Pages | Design Showcase | Smashing Magazine
If the 404 doesn’t help your visitors, then what’s the point of having carefully crafted memes, funny GIFs, or odd interactive games? A visitor could find themselves on a 404 page for one of many reasons: a mistyped address, a bad link from somewhere else, a deleted page or content that has moved elsewhere. While you can prevent errors from moved pages with redirects, you can’t control people’s mi
AssistiveWare - スキャン操作でMac OS Xへスイッチするのは、SwitchXSです。
On this page you’ll find brief information and resources on discontinued apps - Wrise, Infovox iVox, KeyStrokes, SwitchXS, Proloquo for Mac OS X, and VisioVoice. The applications on this page are no longer offered for sale by AssistiveWare. If you have any questions regarding these apps, please contact us. Infovox iVox Launched 2006, retired in 2020. Installed Infovox iVox voices will remain activ
米国 Mac 系ライターのもの凄い技
UPDATE: 末尾にYouTube版を追加しました。ただし、可能なら下のリンクからハイビジョン版を！ 仕事のペースがうまくつくれず、迷惑をかけまくりの中、今日、久々、そして１度目のブログ更新です（たぶん、夜中にもう１回更新します）。 最近、新たに米国のO'Reilly.netに英語でブログ記事を書き始めたのですが、これは今日アップした３本目の記事の日本語版。 先日、アムステルダム在住の友達、David Niemeijerが、ビックリするような動画へのリンクを送ってくれました。 彼の顧客で、米国のゲーム雑誌のライターの人の仕事の様子の動画なのですが、ゲームには興味がない人でも、きっとビックリすると思います。そして、もしかしたら自分の目の前にある、このパソコンという道具の素晴らしい可能性を感じとってくれるきっかけになるかもしれません。 とりあえず、ちょっと長いし、英語オンリーですが、 まずは
第20回 “使いやすいURI（URL）”の設計を考える
今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ，というのは，ウェブサイトやウェブ・アプリケーションにおいて，どういうURIでそれぞれのページにアクセスできるようにすると，利用者は使いやすいのか，ということです。つまりは，どのようにURIを設計するのがいいんだろう，ということです。URIの設計については，これまでもいろいろなところで議論がなされていますので，それらの議論や動向などを見ながら，考えていきたいと思います。 URIを話題として取り上げようと思ったのは，4月の4，5日に行われたYAPC ASIA 2007（YAPCはYet Another Perl Conferenceの略）で，Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき，「Voxの出力するRS
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
スキップのテクニック／アクセシビリティコラム｜ユニバーサルワークス
第13回 スキップのテクニック （2004年7月1日掲載） 「テクニック」と言えばなかなかよい響きではあるが、ちょっとした「からくり」でもある。ここで言う「スキップ」とは、以下に引用するJISの項目のことである。 共通に使われるナビゲーションなどのためのハイパリンク及びメニューは，読み飛ばせるようにすることが望ましい。 （JIS X 8341-3：2004 5..開発及び制作に関する個別要件 5.3 操作及び入力 h）項） これを現状のサイトに反映させると「からくり」じみてしまうのは、メニューなどを読み飛ばすためのリンクボタンが透明の画像であることが多いからである。ユニバーサルワークスのサイトも、なるべくJISの項目に沿わせようと、今回のリニューアルでそのようにしてみた。 JISでは、「透明な画像に埋め込んでおけ！」とは言っていないわけで、なにも透明な画像にせず、誰の目にも見えるように
Marking Up a Tag Cloud
Everyone’s doing it. The problem is, everyone’s doing it wrong. Harsh words, you might think. But the crimes against decent markup are legion in this area. You see, I’m something of a markup and semantics junkie. So I’m going to analyse some of the more well-known tag clouds on the internet, explain what’s wrong, and then show you one way to do it better. del.icio.us I think the first ever tag clo
iA - Home
Presenter Story. Visuals. Showtime. Tell your story. Share your mind. Learn More Writer Pure Writing Pleasure Find Your Focus. Get into the Flow. Learn More How to Build Worlds—and Why Building worlds is a wonderful inspiration to write and a rewarding pastime in itself. The Art of Screenwriting Script doctors are the forgotten wizards behind every good film. We interviewed one. iAlice On 4 Jul
無粋な「404 Not Found(エラーページ)」でユーザを逃していませんか？｜アークウェブのブログ
2006年10月27日 無粋な「404 Not Found(エラーページ)」でユーザを逃していませんか？ 山岸です。 Webを見ていて「404 Not Found」というエラーが表示されることがありますね。WWWサーバーから返されたエラーメッセージで、下図のような画面が表示されます。 この404という番号は、リンク切れやURLのタイプミスによるエラーで、「そのページが存在しない」という意味を表わします。 IE（Internet Explorer）では「ページが見つかりません（末尾に"HTTP 404 - ファイル未検出"と表示される）」、Firefoxでは「404 Not Found」と表示されます。いずれも同じ意味ですね。 他にも、 - 401 Unauthorized （認証失敗） - 403 Forbidden （閲覧禁止） - 500 Internal Server Error （
「OK」と「キャンセル」、どちらが有効か ― ＠IT
ユーザビリティのヒント（最終回） 「OK」と「キャンセル」、どちらが有効か 「情報表現の最適化」 ソシオメディア 上野 学 2006/10/20 デスクトップのメモ帳を新規に開いて、メモを書き、ウィンドウを閉じようとすると、「変更を保存しますか？」というメッセージダイアログが表示されます。ユーザーにしてみれば、「新しいメモをいま書いたところなのに、なぜ『変更』なんだ？」と思うでしょう（本文から） 英語や、日本語の横書きでは、情報は大きく上から下に、左から右に展開していきます。ユーザーは画面（ウィンドウ内）の左上から右下に向かって意識を推移させて、そこで表現されている情報を取得していきます。 実際にはユーザーは、まず画面中央付近に視線をやり、そして全体をざっと見渡してから、重要と思われる個所に注目していくようです。ひとたび内容を読もうとか、入力フィールドを埋めていこうと決めたら、当然、上から
携帯サイトはボタンとプルダウンの違いを明確に (ユーザビリティ実践メモ)
携帯サイトにおいて、ユーザに入力をしてもらう画面を作成する際は、ボタンやプルダウンの違いが明確に分かる構成にしましょう。 携帯端末によっては違いが分からない機種があるためです。 例えば、次の画面はあるメーカーの携帯端末で表示したときの画面です。それぞれどんなフォームでしょうか？ 正解は、上からテキスト入力フォーム、プルダウン、ボタンです。見た目だけでは区別がつきません。 フォームの違いが分かるように、ルールを決めることも一案です。例えば、以下のルールが考えられるでしょう。 * プルダウンは左寄せにし、先頭には「▽」を付ける * ボタンは画面の真ん中に寄せる 次のような画面にすれば、ユーザの混乱を低減できると想定されます。 携帯端末の表示特性も踏まえた上で、分かりやすい構成を心がけましょう。
Google、アクセシビリティで評価する検索ツール「Accessible Search」 | ネット | マイコミジャーナル
Google Accessible Search 米Googleは19日(現地時間)、視覚障害者が利用しやすいWebサイトを検索できるという「Accessible Search」を公開した。試験的なツールを提供する同社の「Google Labs」で公開されたもの。通常のGoogleサーチと同様に、キーワードを入力してWebページを検索するものだが、そのアクセシビリティが表示される順位に反映されるという。 視覚障害者の利用では、コンテンツの内容を読み上げるスクリーンリーダーなどが使用される場合も多く、そのため、画像イメージに代替テキストを用意する、マウス無しでも操作できるようにするなどの配慮が必要となってくる。Google Accessible SearchはWebページのHTMLを解析することで、こういったアクセシビリティの高さを判断、検索順位に反映させる。評価の手法は「常に進化してい
Bad Ideas of Web Design | The Montoya Herald
A Single Article Read it, comment, and share it with your friends Let’s talk about bad ideas. Not the bad ideas we all know about, like using Flash for navigation, making sites Javascript-dependent or using inaccessible techniques like layout tables and captchas. I’m talking about the bad ideas that get in the minds of standards-based developers. These are things that even popular galleries like S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://recaptcha.net/
http://hanamaru.hil.ntt.co.jp/hanamaru/
http://elastic965.80code.com/blog/2006/11/non-blog
http://www.bebit.co.jp/memo/archives/2006/09/post_40.html
Accessibility Color Wheel
