[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/d056a18390254935f14e2a6f439ef32b781edcdf/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttp%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
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='/'では、
California's age verification bill for app stores and operating systems takes another step forwardThe Digital Age Assurance Act will now go to Governor Gavin Newsom. Roblox hit with wrongful death lawsuit following a teen player's suicideAccording to The New York Times, a mother has taken legal action against Roblox and Discord for their alleged involvement in her son's death.
California's age verification bill for app stores and operating systems takes another step forwardThe Digital Age Assurance Act will now go to Governor Gavin Newsom. Roblox hit with wrongful death lawsuit following a teen player's suicideAccording to The New York Times, a mother has taken legal action against Roblox and Discord for their alleged involvement in her son's death.
Japanize – Safari に対応しました & Opera 版アップデートのおしらせというエントリーより。 Opera 版をちょっと修正すれば、Safari の user.js 実行環境である Creammonkey で Japanize が動くようになるということなので、対応しました (参考: blog.8-p.info : Safari で Japanize) ネタフルでも英語サイトを日本語するFirefox機能拡張「Japanize」として紹介した「Japanize」が、Safariにも対応したそうです。 「Japanize」は、日本語にローカライズしたサイトをつくるのではなく、プラグインで英語を日本語に置き換えてしまう試みです。 こんな感じで日本語化されます。 英語が苦手で、という人には便利ではないでしょうか。日本語化が進行しているサイトははココで確認することができます。
プレイ中にちぎれてしまって、飛んだリモコンがテレビを直撃…といった話が時々聞かれるWiiリモコンのストラップですが、実際の強度はどうなっているのかを自分のストラップを犠牲にして実験してみたそうです。 詳細は以下の通り。 nintendojo ~ a site to see この記事によると、まず普通にプレイして試してみたところ、なんの影響もなかったそうです。そして次にいろいろなものをぶら下げてみたとのこと。 バナナホルダーのフックにストラップを付けて、そこにものをぶら下げます ニンテンドーDS ゲームキューブ ナイフを入れるブロック（包丁スタンドのようなもの）とカメラバッグ 15ポンド（約6.8kg）の本 25ポンド（約11.3kg）の本 さらにナイフを入れるブロック ブロックをやめて、約3リットルの液体洗剤に変更 ここにさらに2.5ガロン（約9.5リットル）の水を汲んで置こうとしたところ
昨日告知いたしました、Windows版 InternetExplorer(IE) における日記編集画面の入力フォームの文字のサイズが、ブラウザの文字サイズの設定にあわせて変更される機能変更につきまして、コメントフォームやトラックバック、アイデア等にてお問い合わせをいただきありがとうございます。今回変更に至った経緯、および今後の対応について、ご説明させていただきます。 まず前提となりますのは、Windows IEにおける、表示メニューで文字サイズを変更しても、テキスト入力フォームの文字サイズは変更されない、という仕様です。この仕様のため、普段文字を見やすくするために文字サイズを大きくしてブラウザを利用しているにも関わらず、日記の編集の文字サイズが大きくならず編集がしづらい、というお問い合わせやご要望を以前よりいただいておりました。 このような挙動はWindows IEのみで発生し、Firef
Operaは普段使っていないので、あまり情報を集めていませんでしたが、Web開発をするための環境が大分そろっているようですね。 Opera9 で快適 HTML 編集！(WebOS Goodies) Opera9のHTMLソースビューは、ダイレクトにHTMLの編集ができるとのこと。 Opera の Web Developer Toolbar を試す(WebOS Goodies) Operaの開発用ツールバーで、豊富な機能があるようです。 Opera が純正の開発者ツールをリリース(WebOS Goodies) DOM ConsoleやCSS Editorがあります。 役に立つ情報に感謝です。 Opera web browser http://www.opera.com/ Web Developer Toolbar & Menu for Opera http://operawiki.info/
参考 *LOVE IS DESIGN* - TB企画*あなたのFirefox見せてほしいな 「この企画がうらやましい！」「他の人のOperaが見てみたい！」と思って検索してみたんですが、なかなか思ったような結果が得られませんでした…。一応２ちゃんねるに【SS】Operaのカスタマイズ全般を見せて【up】というスレッドもあるんですが、なかなかまとめて見たりできないので、この際自分で募集してみることにします。 「先にあそこでこんなのやってるよ～」という情報をご存知の方がいらっしゃいましたら教えてくださいね。 Operaの画面キャプチャ（できればパネル、タブも） バージョン 起動時の動作（「前回終了時の状態を復元する」「ホームページを表示する」など） スキン 他にもOperaが好きな理由・おすすめの設定など何でもOK 画面キャプチャ ずいぶん寄り道しましたが、最近はこの設定であまり変化はありませ
■ここから先は、NBonline（日経ビジネスオンライン）会員の方だけがご覧いただけます。 【ご説明】 会員登録は無料で、どなたでもご利用いただけます（無料会員登録はこちら）。登録をいただくと、NBonlineの豊富なコンテンツがすべてご覧いただけるほか、株価や記事の検索機能など、便利なサービスをご利用いただけます。 「NBonline」の無料会員登録をいただいた方、また日経ビジネス予約購読者限定のサービス「NBonlineプレミアム」の会員に登録済の方は、改めてご登録をいただく必要はございません。こちらをクリック、または上のログインボタンをクリックして、ログインをお願いします。その際、簡単なアンケートにご協力をいただいております。よろしくお願い申し上げます。 ご不明な点は、よくあるご質問のページ(FAQ)でご確認をお願いいたします。 [Lifehacks] 自分なりの方法を編み出す
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
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
5月ごろ流行った懐かしの「10の理由」メソッドを、またやってみるYo！ 元ネタは「俺等がOperaを使う10の理由」 どっちを先に読んでもいいよん。 はてダはMovable Typeではない 非MT環境。これだけでもはてダを使う理由になる。何故かって？それは↓ はてダは安全(secure)である ブログに溢れてる、コメント・トラックバックspamは、大抵はMTを狙って作られているよね？ はてダを使っている限りそれらとは無縁でいられるわけ。たまにはてダを狙ってくるヤツも居るけど、すぐにはてなが対処してくれる。ホント、ありがたいよ。つーか、やっぱ国産でしょ！ あ、しもた。日の丸ロゴおろしたんだった（笑） はてなの操作性はいかしてる 日記を次々とさかのぼって読みたい時ってあるよね？ なのに他のブログだと「前のn日」がないんだよ。なんでだろー？ ただ、この「n日」は運営者だけが設定できて、読者はで
埋め込みスクリプト要素を追加し実行する JavaScript IE、組込みのスクリプト要素を追加実行できない 上記件、続報。 やっほーい、shogo4405さんに、コメントにて教えていただきました。 以下コード、IE 6、IE 7、Opera 9、Firefox 2の全てで動作します。 var s = document.createElement('script'); s.text='alert("HELLO!!")'; document.body.appendChild(s); textプロパティ...。 location.hrefにjavascript:を入れる方法を使って他ウィンドウでスクリプトを実行する以外に、これも使えるのかしらん。 関連リンク Install multiple versions of IE on your PC | TredoSoft 私は、これで7と6を共存さ
前回の「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
JavaScriptで開発され、クロスブラウザで動作するライトウェイトエフェクトライブラリに「bytefx」がある。Andrea Giammarchi氏によって開発されているライブラリで、動作があげられているWebブラウザはInternet Explorer、Safari、FireFox、Opera、Konquerorなど。 bytefxはMIT Style Licenseのもとで公開されているオープンソースソフトウェア。同エフェクトライブラリは執筆現在のバージョン(0.1f)において、通常配布で6.75KB、圧縮配布で2.72KBしかない。 もっとも、圧縮配布のほうは最低限の著作権表示のほかは、1文字に変換された変数名や詰められた空白スペースなどに変換されており、可読性は著しく低い。ライブラリを読むなら通常配布をダウンロードすべきだ。 同ライブラリにおいては実現されている主なエフェクトは
社員は清涼飲料水はぜんぶタダ、の文化 ビル・ゲイツがハンバーガーとコカコーラ好きというのはよく知られたこと。そんなこともあって、創業以来、マイクロソフト社内ではコーラを含むジュース類は無料で飲み放題だ。社内のあちこちに大きな冷蔵庫があって、大量の清涼飲料水が置かれている。 “社内飲み物タダ文化”は、米国のIT企業では珍しい話でもないのか、アップルにもある。日本のアップルが入っている、東京・初台の東京オペラシティという建物は、実は弊社がかつて入っていたビルの斜め向かいということで、いろんな噂話が聞こえてきた。アップルがオペラシティに入るとき、社内の自動販売機を無料にするといったところ、ビルの管理会社から苦情が入ったそうだ。出入り業者との兼ね合いか、ビル全体としてバランスが崩れて良くないということか分からないが、いずれにしても日本にはあまりない文化だけに軋轢もありそうだ。 ともあれ、そんな炭酸
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
