これはかっこいいぞ・・・スライドショーに激しく使えるjQuery用プラグイン『jQuery Cycle Plugin』 | i d e a * i d e aWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
[JS]ストンッと切り替わるタブメニューのスクリプト -MooTabs | コリス
MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
MOONGIFT: » クリックすれば開く「Accordion」:オープンソースを毎日紹介
Webサイトも作り込んでいく内にだんだんと機能が増えていく。そしてふと気付くと画面がごちゃごちゃしている、なんて事になりかねない。 すっきりさせるコツは、不要な時は見せない事だ。それを実現させるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはAccordion、開いたり閉じたりするアクションを可能にするJavaScriptライブラリだ。 一度触れてみてもらえれば分かるが、各項目のヘッダ部分をクリックすると、そこが開いてコンテンツが表示されるようになっている。ただ単にぱっと開くのではなく、スムーズに動いていくのが良い。 更にアクションは一階層だけでなく、縦方向に複数階層に分けたり、横につける事もできる。時系列的に見せたい時等に横向きのアクションは有効かも知れない。 Accordionはオープンソースだが、寄付は常時募集している。そうしたソフトウェアは数多いが、寄付の理由にM
MOONGIFT: » 色々なメディアをフローティング「LightWindow」:オープンソースを毎日紹介
サイト上のサムネイル画像をクリックすると、画面遷移する事なくフローティングウィンドウを表示して、そこに拡大画像を表示するサイトが増えてきた。 あのインタフェースはクリックして画面が遷移しないので使い勝手が良い。そこで画像以外にも適用してみよう。 今回紹介するオープンソース・ソフトウェアはLightWindow、多彩なメディアに対応したスライド表示JavaScriptライブラリだ。 LightWindowでは各種画像、動画、音声、PDFそしてサイト表示にも対応している。リンクをクリックすると、画面上にウィンドウが表示され、そこにメディアが表示される。動作は軽快で使い勝手が良い。 実装する側はリンクタグに多少の情報を付与するだけで使える。Flash作品の表示やYoutube動画の表示、サイトの利用規約、メールフォーム等、様々な場面で利用できそうだ。 複数の画像は一つにまとめてギャラリー風に表示
実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
ソートが可能なテーブル実装ライブラリ色々:phpspot開発日誌
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
超クールJavaScriptライブラリ「Ext v1.1」正式版リリース:phpspot開発日誌
Ext JS Blog - Ext v1.1 Released The Ext team is proud to announce the immediate availability of Ext v1.1 for download. 超クールJavaScriptライブラリ「Ext v1.1」正式版リリース。 次の点が更新され、ますます強力さを増しているようです。 YUIやprototype.jsを必要とせず、スタンドアロンでExtが動作するようになった WYSIWYGなHTMLエディタ カレンダー Ext.Ajax というAJAXの機能を追加 特定のエレメントに対するイベントハンドラの付与を簡単にできる、Behaviors 関連エントリ JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」
MOONGIFT: » 圧巻！AJAX DHTMLのグラフライブラリ「Timeplot」:オープンソースを毎日紹介
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
（2007.7.20 記事更新） 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト＋Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」:phpspot開発日誌
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する
伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/jsvalidate
Ajax/Javascript/Dhtml examples and demos to download
Scrollovers - Seu guia completo para o mundo das finanças.
http://youmos.com/news/cooltips
JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler） - youmos
http://youmos.com/news/relay
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT