[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
3分LifeHacking：iPod touchをさらに活用するブックマークレット - ITmedia Biz.ID
iPod touchのSafariをさらに活用するには、ブックマークレットを使うといい。「公衆無線LANへの一発ログイン」「ページ内検索」「リンクを新しいタブで」「携帯向けページに変換」といったブックマークレットをまとめた。 iPod touchを日頃の情報ツールとして使う人が増えてきている。いわゆる“PC”ではない端末として、特にすごいのがWebブラウザ──Safariだ。 しかしこのWebブラウザは、Webを表示するということ意外では、必要最低限の機能しか備えていない。ページ内の検索もできないし、タブブラウザなのに“新しいタブに開く”こともままならない。なんとかならないものか。そのカギが、ブックマークレット（Bookmarklet）である。 ブックマークレットとは、短いJavaScriptをURLの代わりにブックマークに登録し、ブラウザ上でプログラムを走らせることができるもの。これをう
Greasemonkeyの共通な落とし穴を避ける - minghaiの日記
Greasemonkeyの過去においてのセキュリティ上の問題の解説。 Greasemonkeyだけに限らず、JavaScriptによるユーザ拡張を作成している全ての方に対して一読の価値があるドキュメントだと思われます。 原文：O'Reilly Media - Technology and Business Training Greasemonkeyの共通な落とし穴を避ける Greasemonkeyのセキュリティの歴史があなたの今にどう影響するのか (著) Mark pilgrim "Greasemonkey Hacks"の著者 2005/11/11 昔々、あるところにセキュリティホールがありました。（これは普通のおとぎ話ではないからそのまま読んでください。） Greasemonkeyのアーキテクチャは最初に書かれて以来大幅に変更されてきた。Version0.3は初めて広範囲に人気を得たバー
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
ウノウラボ Unoh Labs: 最強のIDEを追い求める Eclipse + Aptana + TruStudio (+RadRails)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
あなたが漢字変換候補を覗き込むとき，Google もまた選択された候補を覗いている - NyaRuRuが地球にいたころ
古川さんの書かれていたコメントを読んでいて，もう一点思い出したので書いてみます． 楠さんの指摘は当たっているけれど、ハズレでもあるのは..私はIEにおいてもユーザー辞書を参照できるようにいじっているはずで...銀行の口座番号や航空会社のマイレージ番号をユーザー辞書登録していたのが、IE下では使えないので、FirFoxを使ってアクセスしていた...それも、IEで辞書登録をすると[Windowsが認めた正規アプリではないので、ユーザー登録ができません」というお馬鹿のエラーが出るのに辟易して、パッチを当ててユーザー辞書が使えるようにしているのでありました。というわけで、IE環境とWindows のアプリで変換効率の結果が異なることは、ユーザー辞書の禁止と菅家ないと思われます。 確かに，ユーザ辞書を使えなくするという保護形態は，セキュリティ対策として受け入れるべきかよく分からないところがあります*
無料のアイコン配布サイト50を書いたデザイナー向けのブログ『DezinerFolio』*ホームページを作る人のネタ帳
いやーすごい。 海外では、たまにこういうごついまとめを見かけますが、本当にすごいですね。 見ているだけでもちょっと素敵な気分にさせてくれます。 今回は、無料で使えるアイコンサイト50のほか、この投稿をしてくれたブログについてご紹介いたします。 無料アイコン配布サイト50エントリ 無料で使えるアイコンサイト５０はこちら » Top 50 Supercool Free Icon Sets 今回ご紹介したサイト。 『DezinerFolio』というサイト。 既に見たことはあると思いますが、もしもまだ見た事が無いなら、WEBデザイナーさんなら一度は見ておいたほうがいいブログです。 例えば、次のようなエントリーなど、すごく参考になるところがあります。 3D Design Inspiration この記事は、人工的に作られた画像をまとめたエントリー。 リンク先には、もっと沢山の画像がありますので、参考
[JS]わずか14KBのJavaScriptで動作するスーパーマリオ
nihilogicのエントリーから、14KBのJavaScriptで動作するスーパーマリオを紹介します。 Super Mario in 14kb Javascript デモページ マリオを操作するには、矢印キーで行います。 サイトでは上記のノーマルサイズ＋音無し版の他に、音有り版・ダブルサイズ版が公開されています。 スーパーマリオの表示が崩れる時は、「西ヨーロッパ言語(ISO)」にすると正常に表示されます。 スーパーマリオ：ノーマル版 スーパーマリオ：ノーマル＋音付き版 スーパーマリオ：ダブルサイズ版 スーパーマリオ：ダブルサイズ＋音付き版
SIMILE Widgets | Timeline
With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details. Licensing Timeline is open source software and is licensed under the BSD license. Credits This software was originally sponsored by The Andrew W. Mellon Foundation as part of the SIMILE project. Its original author is David
JavaScript勉強会のまとめ | Blog hamashun.com
2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました！ 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます！ 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。
The Backyard - JavaScriptのおもしろさ
JavaScript（ECMAScript）は、他のプログラミング言語の決まりに慣れ親しんでいると、非常に奇妙な存在です。一見すると、CやJavaから型宣言を省いただけの単純なプログラミング言語に見えます。しかし、prototype.jsやjQueryのような優れたライブラリのソースを眺めると、それが単なる勘違いに過ぎないことに気づくでしょう。 ここでは、prototype.jsのソースファイルを読むのに必要となるJavaScriptの文法のうち、特に重要な3点を説明します。これらは、JavaScriptでプログラムを記述するのに重要な役割を持つ反面、単にHTMLにアクセントを付ける程度の利用方法では出現しません。したがって、ここで説明するJavaScriptの「濃い」部分を知らなければ、prototype.jsのソースファイルを眺めても何が記述されているのか理解することはできないでしょう
みんなの共有財産に育てよう、Ajax非互換性データベース － ＠IT
Ajax非互換性データベース 実はこのデータベースは私が「いい出しっぺ」なのです。Ajaxのプログラムを実際作り始めてすぐ、「これは絶対に必要だ！」という確信を持ったために、周囲を巻き込んで着手させてしまったものといえます。しかし、いったいなぜこのようなデータベースが必要なのでしょうか？ その理由は私の体験に沿って見ていくと分かりやすいと思います。 私がAjaxのプログラムを作り始めてすぐに遭遇したのは、いくつものWebブラウザの非互換性です。遭遇した問題は、私が駄文を書き連ねるオータムマガジンに記録を付けるようにしていきました。しかし、話はそれで終わらなかったのです。プログラムのテスト版を公開すると、私が予想もしていなかったWebブラウザで使った場合のトラブルのレポートが寄せられました。私は、せいぜいInternet Explorer、Firefox、Operaの3種類ぐらいが実際に使わ
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
いやなブログ: 配列操作の比較表: Ruby, Python, JavaScript, Perl, C++
配列操作の比較表: Ruby, Python, JavaScript, Perl, C++ プログラムを書いていると、他のプログラミング言語の記憶とごっちゃになって、「配列の後ろに要素を追加するのは push だっけ、 append だっけ」などと混乱することがあります。特に Ruby, Python, JavaScript はコードの書き方が似ているので、この問題が起きがちです。 そこで、備忘録として、 Ruby, Python, JavaScript, Perl, C++ の配列操作の比較表を作りました。一番慣れている Ruby を基準にしています。間違いなどがあったらご指摘いただけると助かります。他の言語のもあるといいなあ。 Ruby (Array) Python (list) JavaScript (Array) Perl (@) C++ (std::vector)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記/Ajax,Google Maps,etc...
[JS]スタイルシートを機能拡張するスクリプト -MoreCSS
11月11日の技術勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど
簡単にブラウザ別CSSを導入するJavaScript （CSS Browser Selector） - youmos
http://ash1no0to.dyndns.org/htdocs/archives/2007/01/firebug3_firebu.html