Web活用備忘録
「手元感覚」の操作感を実現するスクリプト
2008 年 10 月 29 日
こんにちは。アイタス制作の新人?Tです。
アイタス自転車遊び部部長の私は、冬の間は電子楽器(音の出るおもちゃ)愛好会を主催することになっています。主に自宅で。
この間も同居人に内緒でKorg社のKAOSSILATORというハンディシンセサイザーを購入しまして、同居人が寝静まった頃にグリグリサワサワと操作練習をしています。
どうして楽器(のみならず、音の出るおもちゃ)は、触るのがあんなに楽しいのでしょうか?
電子楽器に限らず、楽器は「触る部分」と「触った結果」が直結しています。触ってから結果が出るのに、少し前のWebサイトのように何秒も待たされることはありません。
こういった「触ったらすぐに結果が出る」という、いわば「手元感覚」が「今どきのWebサービス」に求められている部分だと思います(もちろんコンテンツの中身自体がもっとも重要なのですが)。
前置きが長くなりました。今回紹介するJavascriptは「つまみで文字のサイズを変更する」スクリプトです。
NETTUS:Use the jQuery UI to Control the Size of Your Text
操作デモ
つまみを左右にドラッグすると、文字のサイズが面白いように変わりますね。まさに手元感覚。
よくあるパターンで「文字サイズ:小 中 大 」と文字サイズを選ぶボタンを設置するのも良いですが、こちらのほうが「好きな文字サイズを選べる」という点で、よりユーザーにやさしいのではないでしょうか?
<制作@アイタス>
カテゴリー別一覧
- 観光施設のWeb戦略 (32)
- Good&New (1)
- 新・営業日報 (10)
- まとめ (1)
- 営業週報 (2)
- 新人視点で再掲 (9)
- 石川校正本舗 (2)
- 歯科医院のWeb戦略 (15)
- 地方自治体のWeb戦略 (30)
- 大学・専門学校のWeb戦略 (32)
- 宿泊施設のWeb戦略 (24)
- 製造業のWeb戦略 (21)
- 採用コーナーの企画 (4)
- ECサイトの施策 (29)
- リアル店舗への集客戦略 (27)
- 不動産会社のWeb戦略 (27)
- 企業WebサイトNG集 (20)
- 予算50万円のWeb戦略 (15)
- 予算300万円のWeb戦略 (11)
- WordPressで企業サイト構築 (30)
- Movable Type活用法 (21)
- 『入力フォーム』を磨き上げろ! (5)
- カラーユニバーサルデザイン (1)
- つくる前にチェック (68)
- Web施策用語集 (1)
- 参考書籍 (28)
- 無料提供資料 (20)
- 札ビル物語(営業日報) (99)
- 今スグ試せるWeb活用研究会 (27)
- 冒険の地図 (7)
- アイタスが学んだこと (31)
- 合流方法(採用について) (39)
- OTHER (11)
- カイゼンのジツエン (16)
- コラボレーション (4)
- 新人スタッフ (30)
- 今日のさっぽろ時計台前 (46)
- 今日の道庁赤レンガ前 (37)
- 達成したこと&ありがとう (12)