１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
2年かけてコンバージョンを6倍に改善したLPO » SEO Japan
サーチエンジンランドからウェブサイトのコンバージョン率改善特集の最後は2年と言う時間をかけてコンバージョン率を6倍に改善したと言うLPOの事例を紹介。 — SEO Japan まずは次の質問に答えてもらおう: コンバージョンはどれぐらい改善すれば十分と言えるだろうか？業界の平均コンバージョン率に達したら、満足することが出来るだろうか？過去のパフォーマンスを倍にすれば、それで終わりだろうか？そこで満足してほしくない。このケーススタディを見れば、コンバージョンに対する取り組みが、たとえ素晴らしい数字を得た後も続けていきたい理由が分かるだろう。 ケーススタディのまとめ クライアント: Ifbyphone, Inc. 自動電話アプリケーションのプロバイダー。 プロジェクトの全体的な目標: 電話およびクリック・ツー・コールのリードの量と質を上げる。 課題: 複雑なオファー ランディングページの最適化
URLを指定するとリンク切れしているページをチェックしてくれる『Dead-Links』 | 100SHIKI.COM
地味に便利なツールのご紹介。 Dead-LinksでURLを指定すると、そのURL以下のページでリンク切れをしていないかをチェックしてくれる。 リンク切れがあると恥ずかしかったり、ユーザーや顧客を逃したりしてしまうだろう。 すでに似たようなツールもあるが、ドメインがわかりやすいし、インターフェースもシンプルなので覚えておいてもいいだろう。 ちょっとチェックに時間はかかるが、定期的にこのサイトで自分のブログなり自社サイトなりを調べてみるといいだろう。
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
グッとくるネットショップの商品ページにはこの情報が盛り込まれている | 楽天市場公式 ネットショップの教科書 オンライン版
この記事は、書籍『楽天市場公式 ネットショップの教科書』の内容を、Web担当者Forum用に抜粋してオンライン版として公開するものです。本書は楽天市場に出店するネットショップの運営ノウハウ、繁盛する秘訣を楽天スタッフ自らが書き下ろした、唯一の公式解説書です。 『楽天市場公式 ネットショップの教科書』 ISBN97848443246071,600円（税込 1,680 円）楽天大学 編 ／三木谷 浩史 監修 この本を楽天ブックスで注文する 接客力の高い売り場を作る ――買いたくなる商品ページの秘訣2 では、実際に商品ページを魅力あるものにするには、どのような要素を盛り込めばよいのでしょうか。 あるジャケット（上着）の商品ページを作成するとしましょう。あなたが店長さんなら、どのような情報を掲載しますか？ この質問をしたときに出てくる答えには、まず次のようなものがあります。 第一群――商品名、ブラ
[CSS]Vista風ナビゲーションのチュートリアル | コリス
Tutorial Zoneで、Vista風ナビゲーションをCSSで(JavaScript無しで)実装するチュートリアルが掲載されていました。 テキスト箇所はテキストデータで作成しているため、テキストを変更したり、また背景画像・アイコンを変更したりと応用可能なチュートリアルになっています。 Creating a vista style nav bar in css ナビゲーションの各項目は、リストで記述されています。 また、マウスのホバー時の画像変更は、背景画像の変更で、オーソドックスな実装方法となっています。 デモページ 使用している画像は、下記の8枚の画像からなっています。
ホームページをクリックした位置が分かる！ - ［企業のIT活用］All About
あなたのホームページのどこをユーザがクリックしているか分かりますか？ ガイド記事：「ホームページにはFがよく似合う」ではホームページをユーザーが見る時、視線の動きがアルファベットのFの字パターンになることをご紹介しました。つまりFの字の動線を念頭においてホームページを設計する必要があるということです。 ではユーザがホームページを見てクリックする時の動きはどうなんでしょうか？ アクセス解析ソフトを導入すると、個々のユーザがどのページからどのページに遷移したのか追跡できますが、全体を視覚的にとらえることはできません。これができるサービスがありますので、さっそく試してみました。 ユーザがホームページのどこをクリックしたか分かる試したのは「Crazy Egg」の無料サービスです。 JavaScriptをホームページのHTMLソースに入れないといけませんが、指定されたものをコピー＆ペーストするだけ
ITmedia Biz.ID：Webページのスクロールキャプチャを極める
Webページの上から下まで、画面全体のスクリーンキャプチャを一発で撮る場合に便利なソフトを2本ご紹介しよう。動的なページや会員制ページも簡単にキャプチャできるのだ。 Webページの画像をプレゼン資料や仕様書に貼り付ける際、スクリーンショットを撮る必要が生じる。この際、ニーズとして多いのが、Webページすべてを一発でキャプチャする機能だ。本来ならスクロールしなければ見えない部分までを、1枚の画像として保存してくれる機能である。 こうした機能を持つソフトはいくつもあるが、IEコンポーネントを用いて動作するタイプと、それとは反対にブラウザの一部として動作するタイプの2種類に分けられる。前者は「url2bmp」が有名だが、ブラウザを用いずにスクリーンショットを取得するため、動的なページが取得できないのが難だ。同じ理由で、パスワードが必要な会員制サイトに対応できないことも多い。 そんなわけで、今回は
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.openvista.jp/archives/note/257/?257/
[CSS]階層型ナビゲーションの実装サンプル -CSSplay
ソシオメディア | UIデザインパターン
ユーザビリティコラム：Jakob Nielsen博士のAlertbox
電脳狂想曲 レイアウトの小技