シンプルなスクロールで発火するJavaScriptライブラリを開発しました
GSAPライクな発火の位置指定ができるシンプルなスクロール発火ライブラリSimple Scroll Triggerを作りました。 ▼動作の様子 画面上のポイントと要素のポイントを指定して発火位置を制御できます。具体的には「画面下10%のところに要素の上端がきたら、発火」というような位置指定ができます。始点・終点の指定ができるので、入ったとき（onEnter）・出たとき（onLeave）のほか、戻り去ったとき（onLeaveBack）・出戻った（onEnterBack）ときの4つ発火点を設定できます。 MITライセンスなのでご自由にお使いください。 使い方 // トリガーとする領域の要素 const triggerElement = document.querySelector(".trigger"); new SimpleScrollTrigger({ // トリガー要素。必須。 trig
[JS]フェードするツールチップを実装する超軽量スクリプト
Fading JavaScript Tooltips 2kb デモ スクリプトは2KBの超軽量で、ツールチップに表示できるのはテキストだけでなく、HTMLのタグも使用できるので改行（<br />）や画像（<img>）なども表示できます。 対応ブラウザは、IE6+, Firefox, Opera and Safari となっています。
[JS]わずか1KBの水平方向に伸縮するアコーディオンのスクリプト
LEIGEBERのエントリーから、水平方向にスムーズに伸縮するアコーディオンのスクリプトを紹介します。 Horizontal JavaScript Accordion 1kb アコーディオンのスクリプトはjQueryやPrototypeなどの他のライブラリに依存することなく単独で動作する、1KBに満たないスクリプトです。 アコーディオンの各項目は、リスト要素になっており、画像やリンクなどを配置することができます。 動作環境は、IE6, IE7, Firefox, Opera, and Safari となっています。
[JS]jQueryのプラグイン33+1選 -2008年5月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
[JS]背景やテキストの色を少しずつ変更するスクリプト -fader.js
leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB）のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5
手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」:phpspot開発日誌
Flexigrid 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」。 カラムのソート、ページング、項目のフィルタリングが可能なグリッドＵＩ。 jQueryベースで、18KBで使えます。 単純なグリッドＵＩ ソート機能やページング機能を搭載したグリッド jQueryをメインで使っていて、手軽にこうしたエクセル風ＵＩを実装したい場合に使えそうです。 関連エントリ リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」 Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント AjaxベースのPHPを使ったグリッドコンポーネント Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント 高機能なJavascriptツリーグリッドコンポーネント
[JS]ソートできるテーブルを実装するスクリプト10選 | コリス
単独使用のものから、jQueryなどのライブラリ併用まで、数値や文字・画像をソートできるテーブルを実装するスクリプト10選です。
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々:phpspot開発日誌
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 2008年02月13日- Prototip - Tooltips for prototype While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip. カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々。 まずは、最近公開されたprototip の紹介。 実現したい大体のツールチップは prototip で出来る、というぐらい多機能です。 通常のツールチップ タイトルを付けてみる ツールチップ表示位置を指定 HTMLを表示 リンクボックスを表示 その他 ツールチップのアニメーション表示 クリックでツールチップ表示
[JS]便利なユーザーインターフェイスライブラリjQuery UI 1.5&jQuery Enchant 1.0がリリース | コリス
[JS]便利なユーザーインターフェイスライブラリjQuery UI 1.5&jQuery Enchant 1.0がリリース jQueryから、jQuery1.2.3とjQuery UI 1.5、jQuery Enchant 1.0が、2008年2月8日にリリースされました。 ダウンロードは、下記ページから行えます。 jQuery 1.2.3: AIR, Namespacing, and UI Alpha 今回のjQueryのバージョンアップは、バグフィックスの他に、Adobe AIRへの対応とjQuery UI 1.5 アルファ版、jQuery Enchant 1.0 アルファ版のリリースとなっています。 jQuery 1.2.3の主な変更点は、下記の通りです。 .data() と .removeData() .unbind(".namespace") .trigger("click")
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版:phpspot開発日誌
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版 をまとめてみました。 2006年に「PHPからWEB2.0なAPIサービスを使う際に便利なモジュールまとめ」というエントリでウェブサービス用モジュールをまとめましたが、あれから時間が経ったので再度まとめてみました。 Services_Amazon - Amazon用 Services_Delicious - del.icio.us用 Services_Google - Google用 (古いので使えないかも) Services_Yahoo - Yahoo!Webサービス用 Services_Technorati - Technorati用 Services_Youtube - youtube用 Services_Digg - digg 用 Services_Twitter - Twitter用 PEAR::Fl
日付の範囲を指定できるJavaScriptデートピッカー「sliding date-picker」:phpspot開発日誌
日付の範囲を指定できるJavaScriptデートピッカー「sliding date-picker」 2008年01月25日- Ajaxorized Introducing: The sliding date-picker 日付の範囲を指定できるJavaScriptデートピッカー「sliding date-picker」。 日付の入力をするライブラリは多いですが、日付の範囲を指定するライブラリは数少ないです。 今回紹介するライブラリを使えば、次のようにクリックで範囲指定して日付の範囲を指定出来ます。 いつからいつまで、というのをフォームで指定する際に便利な入力アイテムになっています。 デモはこちら 実装は次のようなコードで行える模様。 <script type="text/javascript" src="js/prototype.js" ></script> <script type="t
LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.rcdtokyo.com/ucb/contents/i000851.php
[JS]簡単に画像のプレビューを設置できる超軽量スクリプト -imgPreview
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳