注目のAjax情報のポータル

Apple , GTD , Linux , MacOS , Microsoft , Windows , フリーソフト , 仕事術長くて複雑な文字列とはおさらば！スクリーンショットで簡単にスクリプトが書ける「Sikuli」掲載日時：2010.02.13 11:00  コメント [0], トラックバッ...

Flashのように美しいフェードで画像を次々に表示するスライドショーのスクリプトをlab111から紹介します。blackbox demoそれぞれの画像は、下記のようにリスト要素で実装されています。HTMLスクリプトの設置は簡単で、スクリプトを外部ファイルとして指定し、表示時間やサイズを指定します。...

javascript, img | カオスアトラクタCanvas+Workersでフラクタル - by edvakf in hatena を見ていて Canvas でピクセル操作が出来るらしいことを知り、早速カオスアトラクタ生成器を作ってみた。アクセスは C.H.A.O.T.I.C C.A.N.V...

サイトのデザインに合うlightbox系スクリプトを探している。そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。知らないのもあったりでいい感じのものが揃っていますよ。CeeBox アニメーシ...

個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうで...

Webサイトのデザイン、社内のネットワーク図、オフィスのレイアウト図、UMLなどドローツールに対する需要は高い。いくつかのローカルアプリケーションが存在するが、もっとも有名な Microsoft Visio は高価であり、利用頻度によってはコストメリットが出ない場合もある。またオープンソース・ソフ...

ナビゲーションなどによく使用されるCSSスプライトにアニメーション効果を加えて簡単にセットアップできるスクリプトをNew Media Campaignsから紹介します。AutoSprites – A jQuery Menu Plugin demoデモでは、リスト要素で実装されたナビゲーションに一枚...

CSS REFLEXというサイトで、jQueryベースのWordPressプラグインがたくさん紹介されています。いくつかご紹介しますね。Wordpress jQuery Lightbox Plugin ページにオーバーレイで画像を表示できるWP-Slimbox2 Plugin クールなlightb...

二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。Floom demoデモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。オプションでは、アニメーションのスピ...

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。Perfect Full Page Background Image下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。実装の要件前提とし...

画像にテキストを配置したオーバーレイのパネルをスライド表示できるスクリプトをFerretArmyから紹介します。jQuery Image Overlay Plugindemodownloadデモでは上記の下か [...]

jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demoデモでは画像...

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。slideView動きが面白い画像のスライドショー。Mop Sliderコンテンツのスライダー。バージョンアップ。simplyScroll [...]

Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいい...

画像をはじめ、swf, flv. pdf. htmlなどを拡大表示するLightbox風のスクリプト「Bumpbox」をart Viperから紹介します。Bumpbox - lightbox alternative demoデモでは、それぞれのテキストリンクをクリックするとコンテンツが勢いよく拡大...

mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成さ...

ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。Create a Realistic Hover Effect With jQuery demoデモはReflection（鏡面反射）とShadow（影）の二種類があり、それぞれホバーして浮かん...

通称『 Lightbox 』のまとめ記事ですね。 jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。 使い易いLightbox Lightboxって何？っという人がいたらまぁ以下の画像をクリックしてもらえればわかります。 （携帯ユーザ...

タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」2009年06月16日jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン...

JavaScriptで複雑なデータ視覚化のためのライブラリ「JavaScript InfoVis Toolkit」2009年06月10日JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web JavaScri...

PHP: Display Adobe PSD files on a web page PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法。 これは本当に驚きました。PHP PSD Reader というライブラリをインクルードするのですが、複数レイヤーから構成され...

一枚のページにたくさんの情報をまとめたい時に便利なのがスライド表現。今日紹介する「10 Best jQuery Sliders」はコンパクトで高機能なAjaxライブラリjQueryを使って実装するスライド機能を紹介するエントリーです。loopedSliderいくつかのスライド表現のサンプルが公開さ...

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。GalleryViewさまざまなインターフェイスを備えた画像ギャラリー。Image Slide Show with Semi-Transpare [...]

img要素の属性「longdesc」「title」を元に、Lightbox風にスムーズなアニメーションで画像を拡大するスクリプト「Fullsize」を紹介します。Fullsize A New IMG Tag Attribute「longdesc」は本来、画像の（詳細で長い）説明ページへのリンクを記...

ボックス状に配置した画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプトをBuild Internet!から紹介します。Sliding Boxes and Captions with jQuery画像とキャプションを囲むdivに「.boxgrid」を指定、スライド表示させるパネル...

「DESIGN LABEL」で、JSでモーダルウィンドウやダイアログボックスを実装する方法がたくさん紹介されています。ざっといくつかご紹介。» Prototype Window prototypeフレームワークをベースにしたjavascript » Simple Modal いろいろなタイプのモー...

Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。HTML定義部分。...

jQuery UI Tabs with Next/Previous 色々な使い方が考えられそうな「次へ」「前へ」ボタン付タブＵＩ実装ライブラリ。 ありがちな、タブＵＩにちょっと機能を付け加えて便利にしたものです。 「次へ」「前へ」ボタンがついたことで、画像を貼り付けてもよさそうですし、スライドみた...

Timothy van Sasさんのブログで、jQueryを使ったシンプルなスライドショーの作り方が紹介されています。↑アニメGIFにしてみた。こんな感じでナビゲーションをクリックするとフェードインして表示されます。jQueryとCSS、HTMLコードが載っているので、ぜひ参考にしてみてはいかがで...

ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化し...