リンク集  厳選して紹介する16カテゴリのリンク集-アンダンテ

ユーザビリティ向上小技

  • ルートディレクトリ内のファイルへの内部リンクの書き方
    <a href="http://hogehoge.com">HOME</a>よりも<a href="./">HOME</a>
    ひとつ下のディレクトリからルートディレクトリへ
    <a href="../">HOME</a>
    ふたつ下のディレクトリからルートディレクトリへ
    <a href="../../">HOME</a>
  • 優れたブログやCMSの登場によりサイトの保守管理が容易になりました。 そんな便利なツールが無かった時代の、エディタで手動更新してFTPでアップロードして...といった作業から解放されます。しかし、既存のサイトで将来的にもサイトの規模が大きくならないようならば、リニューアルして初期からこれらを導入する他に、PHPを使って管理の負担を軽減することが出来ます。 実はこのリンク集もそうしてますが、以下に例を。(※ページの拡張子は○○.phpになります。)

    ※全角カッコ→<?php include ("meta.txt");?>:Ajax,CSSを追加・変更する時など。
    <?php include ("header.txt");?>:ロゴやキャンペーンページへのリンク等。
    <?php include ("menu.txt");?>:リンク先の追加/削除時等。
    <?php include ("footer.txt");?>:メールアドレスの変更時等。

    ページ管理の例
  • プルダウンメニューは表示エリアが少なく、スッキリした見た目になるが、ネット初心者には、見えない項目があるのに気づかない時がある。プルダウンじゃなく見えるようにするにはselect タグに size="数値"とする。
  • もし、訪問者が最初にアクセスしたページが「404エラー:NotFound」だったら、URLを削ってルートディレクトリや一階層上のURLへアクセスすることはまずないだろう。下記は、移動した全ファイルに記述する必要があるので数が多いと大変。
    ファイル毎に記述する場合は;
    .htaccessで記述する場合は;
  • 店舗や会社の地図がJavascriptでウィンドウサイズを指定されて開くページだと、印刷するのに不便。(制作側から見て)小さいウィンドウだとツールバーやアドレスバーはデザイン的にバランスが悪いと思うのだろうけど、「マウスで右クリックして印刷」を知らない人には不親切。
  • フォームに入力する時に、タイプミスを気づいて貰いやすいようにinput タグをstyle="font-size:数値"とする。スタイルシートでもOK。
  • スタイルシートで文字サイズを指定するときは、訪問者のブラウザでサイズ変更ができるように "px" ではなくて "em" や "%" で指定する。
  • 新規ページ・タグが増えすぎるので、むやみにリンクのターゲット指定に "top" や "_blank" を使わない。
  • ファイルに文字コード指定のメタタグを書いていないと、一部のブラウザで文字化けする。今更、すべてのファイルに書き足すのは面倒なので
    .htaccessで AddType "text/html; charset=Shift_JIS" .html ←最後は改行。逆に "Shift_JIS" でないHTMLファイル(下層ディレクトリも含めて)は文字化けするので注意。
  • どんなポップアップヘルプがいいのだろうかと、あれこれ調べている途中。以下は、知る範囲です。間違いはご指摘頂けるとありがたいです。
    HTMLタグ中に title="テキスト" とすると、オンマウスで文字を表示。
    でも、目立つようにしないと気付かれないかも。5秒ぐらいで消えるので、短い説明向き。
    例えば→ acronymってタグCSSで文字を目立つようにすればマシだろうか。

     
    確認したブラウザ
    Internet Explorer 6〜
    Firefox 1.5〜
    Opera 9〜△(ステータスバーに表示)


    JavaScript + CSSで行うのは、目立つ分、使いすぎるとウザイ。 >>サンプルで確認する
    Internet Explorer 6〜
    Firefox 1.5〜×
    Opera 9〜
  • ▲トップへ▲

    検索サイト・リンク集 | 旅行・地域情報 | コンピューター | 生活情報・趣味 | ゲーム・エンターテイメント | アウトドア・スポーツ | 通販・ネットショッピング | ニュース・マスコミ | 科学・生物 | 料理・健康 | 芸術・文学 | 公共機関・福祉 | 社会・文化 | ビジネス・マネー | 広告・人事 | 携帯用サイト | その他
    このリンク集は各リンク先サイトと一切関係ありません。リンクはご自由にどうぞ。
    アンダンテ | メール
    雑貨ショップ | おもてなしWiki | 管理者ブログ | フィード一覧