タグ

関連タグで絞り込む (14)

タグの絞り込みを解除

hrefに関するhoge_systemzのブックマーク (10)

  • 移動する前に404かどうか確認できるjQueryプラグイン「Catch404」:phpspot開発日誌

    Catch404 ? A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly | AddyOsmani.com | Where Web Businesses Grow 移動する前に404かどうか確認できるjQueryプラグイン「Catch404」。 クリックした後に404ページが表示されるのではなく、クリックしたタイミングで404かどうかチェックしてダイアログを出してくれるプラグインのご紹介です。 外部サイトにリンクしている場合、404かどうかっていうのはアクセスしてみないとわかりませんが、jQueryがajaxで通信して存在チェックをして、飛ぶかどうかを決定することが出来ます。 リンク切れだった場合に次のようなダイアログをだしてくれます。 初期化は次のように簡単。チェックしたいものだけを catch404メソッ

  • 元のページに戻れないリンクを作る [ホームページ作成] All About

    【ここは記事の1ページ目】 現在のページをブラウザの履歴に残さないようにする 通常、リンクをたどって次のページに移動しても、ブラウザの「戻る」ボタンを押せば、元のページに戻る（再表示する）ことができます。 しかし、特殊なリンク方法を使えば、次のページに移動した後で「戻る」ボタンを押しても、そのページには戻って来られなくすることができます。 上図の上側は、通常のリンクの場合です。 2ページ目で「戻る」ボタンを押せば1ページ目に戻りますし、3ページ目で「戻る」ボタンを押せば2ページ目に戻ります。 上図の下側は、今回ご紹介する特殊なリンクを使った場合です。 3ページ目で「戻る」ボタンを押すと、履歴からは2ページ目の存在が消えているので、直接1ページ目に戻ります。 ※2ページ目で「戻る」ボタンを押した場合は1ページ目に戻ります。 移転メッセージ用ページなどに活用 このような「リンク先へ移動したら戻

    元のページに戻れないリンクを作る [ホームページ作成] All About

  • youmos.com

    This domain may be for sale!

  • リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌

    リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね

  • 訪問済みリンクを一工夫する - lucky bag

    リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。 visited_link_sample.html サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。 li a { padding-left: 25px; line-height:180%; background:URL(mark.png) no

  • Re:href=

    Re:href="#" onclick の悪習 ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容

    Re:href=

  • リンクサムネイルの作り方 - GIGAZINE

    外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。 例と設置方法は以下から。 例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。 ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。

    リンクサムネイルの作り方 - GIGAZINE

  • hxxk.jp - Transitional DTD じゃダメなのかなあ

    記事データ 投稿者 望月真琴 投稿日時 2006-03-15T22:56+09:00 タグ DTD Firefox HTML JavaScript デザイン ユーザビリティ 概要 target 属性を使って、 Transitional DTD を宣言するのが最もスマートな解だと思います。 リプライ 2 件のリプライがあります。 そもそも発想の順番が違うような…… はてなブックマーク - 最近の人気エントリー経由で [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法と hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel="external"を使うのが美しいと思う。 window.open を使った前者はともかく ( これはこれでバッドノウハウな気がしますけど ) 、後者は HTML ソース中に記述していないだけで、結局は t

  • hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre

    はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい

  • [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法

    target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.