[JavaScript] グロー効果
[JavaScript] グロー効果 Permalink URL http://www.magicvox.net/archive/2007/01191253/ Posted by ぴろり Posted at 2007/01/19 12:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category HTML 要素に周囲がぼやっと発光しているような視覚効果であるグロー効果(glow effect)を付与するための JavaScript を作ってみました。
![[JavaScript] グロー効果](https://cdn-ak-scissors.b.st-hatena.com/image/square/455143c66c43b1d82016019e2032d6ea9a49297e/height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
Collection & Copy - 相対パスを絶対パスに変換する
JavaScriptIE 6、IE 7、Firefox 2.0、Opera 9で確認。 function absolutePath(path){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } alert(absolutePath('/')); 関連リンクJavaScriptな日々 | 相対パスを絶対パスに変換する方法Imageを使っています。 getAttribute href bugBug Report: getAttribute(”HREF”) is always absolutegetAttribute("href",2)とか。既存のa要素のhrefは上記の方法で絶対パスになるけど、document.createElement('a').href='/'では、
Windows IEにおける日記編集画面での文字サイズにつきまして - はてなダイアリー日記
昨日告知いたしました、Windows版 InternetExplorer(IE) における日記編集画面の入力フォームの文字のサイズが、ブラウザの文字サイズの設定にあわせて変更される機能変更につきまして、コメントフォームやトラックバック、アイデア等にてお問い合わせをいただきありがとうございます。今回変更に至った経緯、および今後の対応について、ご説明させていただきます。 まず前提となりますのは、Windows IEにおける、表示メニューで文字サイズを変更しても、テキスト入力フォームの文字サイズは変更されない、という仕様です。この仕様のため、普段文字を見やすくするために文字サイズを大きくしてブラウザを利用しているにも関わらず、日記の編集の文字サイズが大きくならず編集がしづらい、というお問い合わせやご要望を以前よりいただいておりました。 このような挙動はWindows IEのみで発生し、Firef
Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE
Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE Code snippets and poems often use spaces for indenting text. Pre-tag is used to display preformatted text on webpages. This makes indenting visible, but has the annoying side-effect of disabling wrapping. When wrapping is disabled, long lines go out of the right side of window, which is never usefull. This howto explains how you can
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
改行コード、pre、textarea - FAX
JavaScriptpre要素内の文字を変更する際、改行コードの扱いが各ブラウザで異なるようなので以下コードで調べました。 var pre = document.getElementsByTagName('pre')[0]; pre.innerHTML='[R]\r[N]\n[NR]\n\r[RN]\r\n[END]'; pre.appendChild(document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]')); innerHTMLで追加した結果は以下です。IEOperaFirefox\r空白のみ○○\n空白のみ○○\n\r空白のみ改行×2改行×2\r\n空白のみ○○ createTextNodeで追加した結果は以下です。IEOperaFirefox\r○○×\n空白のみ○○\n\r○改行×2○\r\n改行+空白○○ この結果を見
ブラウザ戦争 - matakimika@hatenadiary.jp
ようするにおれが普段使っているブラウザは Sleipnir と Firefox と Opera の三つなのだが、どれがいいかっていうとどれもいいのでひとつに決められないんだよな困った。ゲームハードのどれがいいかっていうとそれぞれ良くて、まあ世代別に乗り換えていくのが消費者として正しいんだけど厳密には上位互換というものがない、というのにも似ている。性能比較だけでもむずかしいのに、そこで比較して劣っているところも使い込んでいくうちに「味」とか「魅力」などと理解されてしまうものなので、ますます決めることができなくなっていく。「PC-Engine ってスプライトが妙に軽いかんじするんだよねー→だがそれがいい！」「メガドライブって FM 音源カッチョイイんだけど割れてんだよねー→だがそれこそが！→まあ BGM 録音するならメガジェット最強って話ですよ」など。ちょっと違う話か。 Sleipnir ht
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
窓の杜 - 【NEWS】「Firefox」や「Opera」と連携するダウンロード支援ソフト「Fresh Download」
「Firefox」や「Opera」のリンククリックを監視できるダウンロード支援ソフト「Fresh Download」v7.56が、6月22日に公開された。Windows 95/98/Me/NT 4.0/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「Fresh Download」は、分割ダウンロードやレジューム機能を備えた、動作が軽快なダウンロード支援ソフト。IEはもちろん、「Firefox」や「Opera」との連携にも対応しているのが特長。それぞれのWebブラウザーのリンククリックを監視し、各Webブラウザー標準のダイアログに代わって本ソフトのダウンロードダイアログを表示する仕組み。 このダイアログ上では、保存先フォルダの指定、ダウンロードするファイルサイズの確認、分割数の指定に加え、ログインが必要なFTPサーバーなどのユーザー名やパスワードを入
Firefoxのシェア、13％に近づく
オランダの調査会社OneStat.comは7月9日、世界ブラウザ市場において、Firefoxが12.9％のシェアを獲得したとの調査結果を報告した。 Firefoxのシェアは今年5月以来、1.14％増加した。これに対しInternet Explorer（IE）のシェアは83.05％で、5月から2.12％減少した。 「Firefoxの世界シェアは伸び悩んだ時期があったが、その後再び急速に伸び始めているようだ」とOneStat.comの創設者の1人、ニールズ・ブリンクマン氏は発表文で述べている。 世界ブラウザシェア 順位 ブラウザ シェア 1
各種CPUごとに最適化されたFirefoxで速度アップ
前回の記事でFirefoxはIEよりも遅く、Operaが総合的に見ると最速であるという結果に終わりましたが、各CPUごとに最適化したものを導入することでFirefoxが今よりも高速になります。 ダウンロードは下記の各サイトから。 Macintoshの各種CPU、要するにIntel Mac、G4、G5に最適化されたFirefoxはこちら。 Optimized Firefox 1.5.0.4 for G4, G5, and Intel: BeatnikPad Journal Pentium 4やAthlonなどに最適化されたのは日本語版が以下から入手可能。 Firefox 私的ビルド AMDのみにとことん最適化されたのは以下から。 Swiftfox 各種最適化ビルドの選び方は以下の記事を参考に。 最適化ビルドのスゝメ ― ソフトウェア関連記事 また、各種非公式ビルドは以下から入手できます。 T
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEの広告クリック率がFirefoxの倍以上に