第17回 画面の切り替えを快適にする“演出”
従来型のWebアプリケーションいわゆるHTML型と，RIA（Rich Internet Application）型との最大の違いは，「画面遷移」の考え方です。今回は，代表的な画面遷移の手法を紹介しましょう。 RIA型の特徴は「ノーリフレッシュ」 まずは，ごく普通のWebアプリケーションである「HTML型」ページ遷移のおさらいから始めます。HTML型では，基本的にはサーバーから「ページ」という単位で情報が届けられます。つまり，次のページが表示されるまでの間に「画面リフレッシュ」が発生します。これによってユーザーは，瞬間的に思考が寸断されます。高速インターネット回線のユーザーであれば一瞬の問題ですが，それでも“断続的に”物事を進めているという印象は持つでしょう。 それに対してRIA型は，「ノーリフレッシュ」という機能を提供することが多々あります。画面を「ページ」という概念で区切るのではなく，「
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
訪問者を魅了する15のユーザビリティ / ウェブデザインライブラリー
投稿日：2006年5月30日 レベル：− ソフトウェア：− ここにウェブサイトを魅力的にする要素を簡単に挙げてみました。 これらは、必ず気を付けるという順番で並べています。 1.できるだけ手短にサイトのトップに、その目的をはっきりと述べること。 訪問者はすぐに、来るべきサイトに来たかどうか知りたいのです。もし、そうでなければ立ち去るでしょう。 当たり前のようなことですが、90％のサイトがこれをしっかりできていません。 2.訪問者が探し物を的確に見つけられる環境を整えること。 ”サイト内検索機能”みたいなモノがあったらベストでしょう。これを分かりやすいところに配置してください。 全てのページの上方に表示できたらなお良いと思います。ウェブサイト上だけの宣伝文句などは例外です。 なにかを探すために訪問する人々に、手早く調べられる機能を付けて下さい。 3.写真にリンクを貼ってください。
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか？ お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、１万円からお借入可能で、最大500万の限度額、年率4.5～18％、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8～18％です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行
クールなスライドショー作成用Javascriptライブラリ:phpspot開発日誌
mooShow 0.03 Beta . Javascript Slideshow based on moo.fx mooShow is a simple javascript/css slide show based on moo.fx the superlightweight javascript effects library, written with prototype.js. From Mad4milk, Rome. mooShowは、moo.fxライブラリを使った動くスライドショー作成用ライブラリ。 Flashを使ったみたく、かなりカッコいいスライドショーが作れるようです。 フォトアルバム用アプリなんかで、スライドショー機能を組み込む場合等に使えそうですね。 関連エントリ： Javascriptを多様したクールなWebアプリ:mOOflex
第4回 Rich Internet Application（RIA）とは？
これまで時代背景や，システムの変遷，機能的な特徴を見てきましたが，実際のところ，Rich Internet Application（RIA）と呼ばれるシステムには，どんなものがあるのでしょうか。 BROADMOOR HOTEL（ブロードムーアホテル） 下図は，「RIA」という言葉が生まれた原点とも言えるシステムです。ホテルの予約システムなのですが，従来の複数画面に分かれての予約プロセスを，一画面で実装したことで注目されました。 それまでのホテル予約のプロセスは，宿泊予定日を入力し，空いている部屋を選び，個人情報を入力し，決済情報を入力する，という四つの「画面（ページ）」から構成されていました。このシステムが革新的だったのは，画面が一つしかないという点です。やっていることは同じなのですが，この画面遷移の（ページの切り替り）時間のイライラをなくし，利用者自身が今何の情報を入力しているのか（コン
PingMag - 東京発 「デザイン＆ものづくり」 マガジン » Archive » mixiをより良くするためには
ED治療薬（勃起薬）は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬（勃起薬）の比較・違い ED治療薬（勃起薬）は、現在のところ４種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬！ バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか？ バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
ハンディがあっても利用できるページづくり：Webアクセシビリティについて
様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。 なぜアクセシビリティか コミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること 元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる