タグ

tipsに関するvoidy21のブックマーク (63)

  • anything from here HTML要素のサイズや位置を取得する

    1-2 任意の要素の画面上の位置、幅、高さ等の諸属性を取得する 何らかのイベント発生に対応して、或る位置に文字や画像を表示したいことは沢山ある。その場合には当然乍ら、その表示位置を指定する必要がある。そしてその表示位置はイベント発生要素が持つ諸属性値の関数として、つまりイベント発生要素の位置・幅・高さの関数として設定することが出来るはずである。 そこでまずイベント発生要素の位置、サイズ等を取得してみる。 イベント発生要素の位置と大きさを取得できれば、position absolute属性を持つ要素にも、また通常のストリーム内にある要素にも、あるいはposition relative属性を持つ要素にも、全ての表示に利用することが出来るし、言わずもがなであるがpopup表示にも活用できる。 試験内容 次の文字列(p要素)にmouseoverすると、p要素の位置属性等を各テキストフィールド内に表

  • HackAttack:Firefoxをマウスなしで使い倒す - ITmedia Biz.ID

    いちいちマウスに手を伸ばさなくても、快適にFirefoxが使える──そんな便利でマストなキーボードショートカットを紹介する。(Lifehacker) Firefoxのキーボードショートカットを覚えてマウス操作を減らせば、Webサーフィンがもっと充実したものになる。特に、マウスがうまく動かないときに有効だ。 そう。皆さんお察しの通り、わたしはたまに(つまりしょっちゅう、ということだ)ワイヤレスマウスの充電を怠って、Lifehackerの原稿に取りかかるときにマウスが使えなくなっていることがある。 皆さんは今、こう思っているだろう。「この有線マウス嫌いの間抜けがたまにマウスの充電を忘れるってだけの理由で、わたしがFirefoxをマウスなしで使うアイデアに心引かれるとでも思っているのか?」。しかし、それがすべてではないのだよ! わたしは、Webサーフィンの際にマウスに手を移動させなければならない

    HackAttack:Firefoxをマウスなしで使い倒す - ITmedia Biz.ID
  • IE6でよく遭遇するCSSのバグとその解決方法 | コリス

    Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p

    IE6でよく遭遇するCSSのバグとその解決方法 | コリス