タグ

webデザインに関するkazakenのブックマーク (3)

  • 画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌

    Highslide JS - JavaScript thumbnail viewer Highslide JS, formerly Vevstein Thumbnail Expander, is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: 画像の拡大プレビューを超クールに行える「Highslide JS」。 サムネイルをクリックするとそのまま画像がズームされ、影付きで写真を表示できます。 設置は次のように行います。 スクリプトインクルード <script type="text/javascript" src="highslide/highslide.js"></script>

  • IM::MEMO: Hawkeye - ユーザー目線のWeb開発補助ツール

    Fenrir Developer Labs (Fenrir & Co.) から Sleipnir 上で使用できるWeb開発補助ツール Hawkeye の試験公開を開始しました。 また、機能の種類ではなく作業の種類別に機能を配置することで、必要な機能だけを使うことができるシンプルな UI を目指しています。 Sleipnir 用の Plugin にはいくつかの路線(ターゲット層)があり、SeaHorse、UserAction Extension のように非常にパワフル(上級者向け)なものから、 Headline-Reader Plugin、Hawkeye のように誰もが親しめるものまで平行開発されています。 アクセサリ的で(ツール)開発者目線の既存のWeb開発補助ツールに比べて、Hawkeye の場合はシッカリと "使えること" をアピールしています。目的別にメニューが用意されていますので非

  • Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro

    対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PC

    Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro
  • 1