[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/d056a18390254935f14e2a6f439ef32b781edcdf/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
Enjoy*Study - del.icio.usと、はてなブックマークを一緒にインクリメンタルサーチするGreasemonkeyスクリプトを作ってみました。
2007/04/14：下記のページに同内容を書いています。 今後は下記を更新していく予定です。 del.ici.us+hatebu IncSearch - del.icio.usとはてなブックマークを一緒にインクリメンタルサーチ - del.icio.usと、はてなブックマーク(複数のID指定可能)を一緒にインクリメンタルサーチするためのGreasemonkeyスクリプトです。 下記のスクリプトに、はてなブックマークも入れ込んで検索できるようにした感じになります。 Enjoy*Study - del.icio.usをインクリメンタルサーチ(Greasemonkey版)を作ってみました (2006/11/30 更新) 使い方 下記のGreasemonkeyスクリプトをinstallして、、 incsearch.delicious+hatebu.user.js 下記のURL(hatebuId=
Compact Menu for userChrome.js - サバニFRP
userChrome.js で Compact Menu をつくってみた。せっかくなので Firefox 2 になって少し暇になった Throbber にがんばってもらうことにした。 throbberMainMenu.uc.js (function(){ const OPEN_MENU_POSITION = 1; // 0=Right 1=Left var mainMenuBar = document.getElementById("main-menubar"); var range = document.createRange(); range.selectNodeContents(mainMenuBar); var mainMenuBarContents = range.extractContents(); var popupSet = document.createElement("
英語サイトを日本語化する「Japanize」がSafari対応 - ネタフル
Japanize – Safari に対応しました & Opera 版アップデートのおしらせというエントリーより。 Opera 版をちょっと修正すれば、Safari の user.js 実行環境である Creammonkey で Japanize が動くようになるということなので、対応しました (参考: blog.8-p.info : Safari で Japanize) ネタフルでも英語サイトを日本語するFirefox機能拡張「Japanize」として紹介した「Japanize」が、Safariにも対応したそうです。 「Japanize」は、日本語にローカライズしたサイトをつくるのではなく、プラグインで英語を日本語に置き換えてしまう試みです。 こんな感じで日本語化されます。 英語が苦手で、という人には便利ではないでしょうか。日本語化が進行しているサイトははココで確認することができます。
とてもシンプルに自分自身が属する script 要素を取得 - IT戦記
グローバル領域に以下の一行を書く <script> var currentScript = (function (e) { if(e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document); alert(currentScript); </script>こうすることで、currentScript はこの script 要素を指す。 いちおう説明 DOM は構築されるときに、上から順番に構築される。そして、script タグがあると、 script 要素を構築したあとに、スクリプトを実行する。 つまり、スクリプトが実行されたとき script 要素は今まさに作られたばかりであり、それよりも後ろの要素が存在しない。さらにこの script 要素を含むすべての要
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScript with JS-Kit | Enhance Your Development Journey
Over 30,000 publishers large and small trust JS-Kit to enrich their sites We offer: Feature rich services backed by enterprise-class reliability and performance "Cut and paste" deployment - no coding or other technical expertise required Integrated RSS feeds for search engine visibility and data backup "Smart" services that auto-configure when deployed together on your site but are also available
Greasemonkeyでランチャー - AUSGANG SOFT
前回のGreasemonkeyでテキストエディタは思った以上に、反響があってビックリでした。はてなポイントまでいただいて感謝。これはうれしい。 ということで、第2弾行ってみます。 Greasemonkeyでランチャーです。 荒削りだけど、頻繁に見るページ、よく使うWebアプリなどを登録しておけば、たぶん便利！ hoeditor.user.jsその他のGreasemonkeyスクリプト 前回のスクリプトに機能を付け足しています。 簡単な使い方 インストールしたら、新しいページを開いて 日本語入力がOFFになっているのを確認してから"q"キーを押します。 すると以下のようなランチャーが起動します。 "q"キーで、次のメニューへ移動。 "shift + q"キーで、前のメニューへ移動。 "enter"でフォーカスされているメニューを開きます。 他の機能 起動するとブラウザのどのタブで起動してるか
チャットレディ研究室 | チャットレディ・メールレディ紹介｜女性の副業を応援
福井県在住、実家暮らしのアラサー女子。 昼間はOL、夜はチャットレディとメールレディという生活を4年ほど継続中。（副業のことはもちろん会社に内緒） チャットレディの最高月収は70万円ほど。 忙しい時はメールレディのみになりがち。
[JS] 英和スクリプト for Greasemonkey (Scripting Note.)
福井県在住、実家暮らしのアラサー女子。 昼間はOL、夜はチャットレディとメールレディという生活を4年ほど継続中。（副業のことはもちろん会社に内緒） チャットレディの最高月収は70万円ほど。 忙しい時はメールレディのみになりがち。
JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」:phpspot開発日誌
JavaScript - Browser detect A useful but often overrated JavaScript function is the browser detect. Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari. JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」。 JavaScriptでOSやブラウザのバージョンを簡単に得ることができます。クラスなのでグローバル変数多用もせず、再利用できて便利です。 <html> <body> <script language="javascript" src="BrowserDetect.js"></sc
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2：ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 １．スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css（または dbx-allrules.css） dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてな技術発表会日記 - 1月19日の技術勉強会
http://kengo.preston-net.com/archives/002961.shtml
pprompt.js - simple modal dialog library
新規
http://kengo.preston-net.com/archives/002913.shtml
http://kengo.preston-net.com/archives/002828.shtml
