タグ

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

  • ウェブページを見る目の動きは「F」パターン - GIGAZINE

    つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階: 訪問者は最初にページの

    ウェブページを見る目の動きは「F」パターン - GIGAZINE
    twainy
    twainy 2006/04/20
    確かにFだな。Google Adwardsは見ないけど
  • 小粋空間: CSSで画像に影をつける(ドロップシャドウ)

    CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d

  • スッキリかんたんスタイルシート

    アップデートされたInternet Explorerブラウザを使用してFlashコンテンツを表示した場合,閲覧者はコンテンツを表示できますが,コンテンツと対話することはできません。 コンテンツの上にマウスを置くと,有効化するためにコンテンツのクリックを求めるツールヒントが表示されてしまいます。それを通常どおりに動作させるための回避策です。 私が購入した下記PCはいまだに健在です。 1998年 Dimension T6001999年 Inspiron(2台) 2003年 Latitude D600

  • 1