注目のAjax情報のポータル

画像を回転させた状態で表示したり、ホバーにあわせて回転させたりするスクリプト「ImageRotate」を紹介します。Wilq32.RotateImage設置は簡単で、スクリプトを外部ファイルとし、下記のように画像のidと角度を指定します。$(document).ready(function(){$...

画像を違った風に見せたい。そんなときにおすすめなのが、『wilq32』。画像を回転できるjQueryプラグイン『wilq32』だ。このサイトでは、↑のように画像を傾けるJavaScriptが公開されている。ソースは以下の通り。マウスオーバすると画像を回転させることもできる。$(document)....

Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールな...

『 Ajax、Flashを使ったファイルアップロードのためのフレームワークを10個紹介 』 by 2con

10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。...

リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。Easy Slider 1.5 demoパネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用す...

いつか使いたいという意味でメモ的エントリー。$fxなる新しいライブラリが登場した模様。ちょっとしたアニメーションをさせるのに使えそうです。ぱっと見、FLASHっぽいこともできますよ（それほど難しいのでなければ）。↑ 背景の星空やUFOがアニメーションします。マークアップも簡単ぽいですね。命令はそれ...

簡単に使える画像ギャラリーを探している。そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。以下にいくつかご紹介。» Auto Slider かっこ...

ページ内に配置したリンクに、リストで作成したドロップダウン型のナビゲーションを簡単に追加できるスクリプトをDynamic Driveから紹介します。ナビゲーションに追加したデモ配置できるナビゲーションは、オプションで不透明度、ディレイ時間、表示位置を調整することができます。スクリプトの設置方法は、...

これはエンジニアにはたまらない。GoogleのAjax API群をブラウザ上で試すことができます。サンプルコードが最初から用意されているのでお手軽です。ちょこちょこっと変更して結果を見ながら組み上げていくことができます。↑ API群、コード、実行結果が見られます。↑ 提供されているAPI。かなりい...

『 Googleの各種AjaxAPI群をブラウザ上で試すことができるページ。用意された170のサンプルコードを読み込んだり編集してその場で実行。Googleの20%プロジェクトの成果物。 』 by wacky

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダー...

Tracking Clicks, Building a Clickmap with PHP and jQuery これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成。 デモとソースコードが公開されていて、自分でも設置できるのがありがたいです。 以下、サンプル画像のチョイス...

多目的に使える、パネルを面白いアニメーションで水平にスライドするスクリプトをwoorkから紹介します。Ultra versatile slider for websitesdemoデモでは、下部の「Previo [...]

FirefoxやChromeでも使える！FlashとJSを使ってクリップボードにテキストをコピー出来るライブラリ「zeroclipboard」2009年01月19日zeroclipboard - Google Code The Zero Clipboard library provides an ...

AIR, JavaScript こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっと...

ブログを専用のブログエンジンで書こうと思うと、PHPやRuby、Perlなどのスクリプト言語が必要になることが多い。静的なHTMLを出力してブログライクにすることもできるが、検索機能がなかったり一覧性+記事詳細のつなぎが悪くて使い勝手は良くない。JavaScriptで実装されたブログエンジンそこで...

yuga.jsって？ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。設置方法まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置...

Ajaxの人気ライブラリ／フレームワークAjaxという言葉は、Adaptive Path社のJesse James Garrett氏が2005年2月18日に投稿した「Ajax: A New Approach to Web Applications（http://www.adaptivepath.c...

『 これはよいね。APIとコード実行の間には大きな溝がある。APIリファレンスはもっと進化すべきなのかもしれない 』 by Nagise

Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にして...

20090114GoogleがホスティングしてるjQueryなどのJavaScriptライブラリを使う方法そういえばGoogleがjQueryをホスティングしてたよなぁということを思い出して調べたのでメモ。2009年1月14日時点でGoogleがホスティングしているライブラリは以下の8種類です。j...

オンラインでYUI Compressorを使ったJavaScriptファイル圧縮「YUI Online Compressor」2009年01月14日YUI Online Compressor オンラインでYUI Compressorを使ったJavaScriptファイル圧縮「YUI Online C...

『 RIAアプリケーションをWYSIWYGで作成できるWebベースの統合開発環境（IDE）。VBそっくりなGUI。ドラッグ&ドロップとイベントハンドラの記述だけで開発可能。要Apache+PHP5環境。LGPLライセンス／商用ライセンス。 』 by wacky

Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。ドラッグアンドドロップでWebアプリケーションの画面を設計できるWebの場合はHTMLを...

JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。サンプルのスクリプトと、インスピレーションサイトを参考にして、かっこいい動きのあるサイト作りに挑戦してみてはい...

ニュースなど複数のコンテンツを配置したパネルがスムーズにスライドする、アクセシブルで軽量（3KB）なスクリプト「Accessible News Slider」を紹介します。Accessible News Slider demoパネルはリスト要素で実装されており、テキストリンクと画像リンクでスムーズ...

Google GearsからGearsへGearsとは、Googleが中心となってオープンソースで開発されているWebブラウザの機能拡張です。 Gearsをインストールすることにより、ブラウザ単体ではできなかったさまざまなことができるようになります。もともとはGoogle社から「Google G...

『 ページ全体を左にスライドしながら右側から別コンテンツを割り込み表示させるjQueryプラグイン。IE6ではレイアウトが崩れる問題あり。MIT/GPLライセンス。 』 by wacky

いつか使ってみたいかもしれないjQueryのプラグインのご紹介。ページの右側から別のコンテンツがスライドしてくれる、という効果を実現することができます。↑ 右側の黒い部分がスライドしてきます。左側のどこかをクリックすれば元に戻ります。マークアップも簡単ですね。<script type="text/...