A picture's worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab. What is this? How do I use it? Examples Supported Browsers Licensing Discuss Link Thumbnail What is this? A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they'r

Thank you for your interest in Sunlight’s web tools and APIs! Due to the closure of Sunlight Labs, we are no longer the providers of these services. Most of our major projects were taken over by other organizations. If you are looking for information on members of Congress and federal legislation, please see ProPublica’s excellent Represent tool, which incorporates several of our former projects.

Sorry, the page you were looking for could not be found. Suggested Actions Check the URL that you have typed and retry.

Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

以前、作った 英次郎 bookmarklet に新しいウィンドウで開くことはできないか？というご要望をいただいたので、検索結果を別窓で開くバージョンを作りました。 英辞郎 (別窓版) リンクをツールバーにドラッグするか右クリックで「お気に入り」に登録してお使いください。 別窓を開くために、"location.href="を"window.open()"に変更しただけです。 window.open() は、広告のポップウィンドウを開くためによく使われるので、広告のポップアップを防ぐ機能を持ったブラウザやツールバー(Googleツールバーとか)などを使われていると、動作しない場合があります。ポップアップブロック機能を解除する必要があります。 余談ですが。 ブックマークレットは、手軽で、効果も高いものなので、自分でチャレンジされる人が増えるといいなと思います。 公開されているブックマークレットの

とほほのJavaScript入門 (JavaScriptリファレンス) [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <scr

XMLパス言語 (XPath) Version 1.0 この文書は、W3Cにより作成されW3C勧告として公開されている "XML Path Language (XPath) Version 1.0" (http://www.w3.org/TR/1999/REC-xpath-19991116) を、どら猫本舗が翻訳したものです。 この文書の原文はワーキングドラフトです。将来の改訂が予定されていることにご注意ください。最新版の仕様書は http://www.w3.org/TR/xpath にあります。 正式な仕様書はW3Cサイトにある英語版です。この日本語版は参考にすぎません。 この文書には翻訳上の誤りがあるかもしれません。どら猫本舗は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 お気付きの点がありましたらどら猫本舗までお知らせください。 XMLパス言語 (XPath)

NYOKIGLITTER - Tab Styled Accordion accordion flavors Javascriptライブラリmoo.fxを使ったクールなインタフェース集。 グリグリ面白い動きをするので、サイトの部品として利用することでクールなサイトが作れそう。 その１ その２ その３ CSSデザインなのでデザインを変えて利用することも簡単です。

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

ジャバスクリプト　初心者お助けサイト スポンサード リンク 基　本    最初はココからスタート↓ 変　数    変な数字がいっぱい!? 演算子    計算の世界へようこそ ①ジャバスクリプトって何ですか？ ②用意するもの ③ジャバを動かす宣言 ④コメントアウトを忘れずに ⑤扱える値 ⑥ジャバを書いてみよう！ ①変数って何ですか？ ②変数名のきまり ③変数を宣言する ④変数を使ってみる ⑤グローバルとローカル ⑥配列を使う ①演算子って何ですか？ ②算術演算子 ③代入演算子 ④論理演算子 ⑤比較演算子 ⑥文字列演算子 条件分岐    もし雨が降ったら○○する 繰り返し    ループと同じ 関数    コードの再利用（リサイクル） ①条件分岐って何ですか？ ②if文 ③if ～ else文 ④if ～ else if文 ⑤ちょっと省略 ⑥switch文 ①繰り返しって何ですか？ ②for文

Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と

Ready to go Toolbox für Ihren digitalen Kundenzugang Skalierbare Module für Echtzeit-Lösungen für Apps, Web und Plattformen Drastische Einsparung Erleben Sie mit YOU OS-Modulen Kosteneinsparung bis zu 50% durch Konfiguration statt “build-from-scratch” Vorgehen. Direktes Prototyping Sie erwartet eine massive Zeitersparnis durch anpassbare Module und schnelle Entwicklung von Prototypen statt langwie

Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9

What? No-click-links are link which you don't have to click. Example Click the following link, or hover your mouse above it for 1 second (untill it is totaly faded). It will both trigger your browser to follow the link. The code code for the link: <a href="javascript:alert('link clicked')">link</a> Nothing special there, all the code is done in the noclick.js script. As you can see this link d