注目のAjax情報のポータル

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる...

並列に配置されたナビゲーションの現在位置を明示したハイライトをアニメーションで移動させるスクリプトをCSS-Trickから紹介します。jQuery MagicLine Navigation デモページ現在位置を明示するサインは、ライン（キャプチャ：上）と背景（同：下）の2種類が用意されています。 ...

jQuery基礎文法最速マスターHP登録でSEO対策！アクセスアップにコチラ！ 検出率No.1・PC軽快さNo.1のウイルス対策ソフトはやっているようなのでまとめてみたいと思います。jQueryの読み込みGoogle AJAX Libraries APIで簡単に読み込めます。<script typ...

フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...]

グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。

「Some Useful JavaScript & jQuery Snippets」なるエントリーがありましたよ。Part 1とPart 2がありますが、どちらも使える感じかな。ちょっとメモ的にエントリーっす。興味のない方はスルーの方向で・・・。個人的に使いそうなものをいくつか紹介してみますかね。...

jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡...

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

軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが...

そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムやテーブルのリサイズ機能並び替...

2009年に紹介したものを中心としたjQueryのプラグイン100選です。カルーセル・ニュースティッカー関連ギャラリー・画像拡大関連ナビゲーション関連タブ関連パネル・ボックス関連角丸関連ツールチップ関 [...]

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

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に...

既存の検索ボックスを簡単にSafari風のデザインに変更するスクリプトを紹介します。jQuery Safari Searcherdemo検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、 [...]

おっと、これは便利そう。いつか使うかもしれないのでメモ的にエントリー。jParseはjQueryだけでXMLをパースしてくれるプラグインですな。コードがシンプルで素晴らしいですよ。たとえばこんな感じ。$('#digg-feed').jParse({ajaxOpts: {url: 'digg-fee...

デザインも秀逸ながら、ユーザビリティに配慮して大量の項目を掲載するドロップダウン型のナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Mega Drop Down Menus w/ CSS & jQuery demoユーザビリティで配慮したポイントは、ホバー時にドロップダ...

ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」2009年10月30日-ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」。 普通、数値入力というと、ボックスに直接入力したり、ボタンを連打したりし...

大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」2009年10月22日-jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式...

ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」2009年10月05日-ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」。 Flashでよくある〜％読み込みました、みたい...

長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプルが公開されています。 長々としたフォームは利用者が入力を躊躇してしまいますが、ウィザードにすることでその抵抗を軽減できますね。 この変換を自動で行えるjQueryのサンプルが公開されています。 図１：長いフォーム スクリプト...

利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニ...

CoolInput demoデモでは、フォームのテキスト欄にアイコンやテキストの配置や、背景色の変更を簡単な記述で行えます。以前「jQueryのプラグイン33+1選 -2008年6月」で紹介した時から大きく変わった点は、テキストをそのままでsubmitボタンを押してしまった場合の対応やテキストをf...

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

jQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」javascriptのライブラリとして人気が高い、jQueryとMootool。両方ともかなり高機能で様々な事を実現する事ができますが、今...

先月の社員PVランキングは91番目でした。agoです。たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと...

Generate a JQuery UI Slider using Data from a Select Element 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン。 次のように、スライダーのＵＩで範囲を指定する際に便利に使えそうです。 デモ１） Date Slider ...

ただのクリップ記事です。 あとで色々いじってみようと思った記事があったのでご紹介。 簡単にグラフを作成したりするJavaScriptです。 JavaScriptでグラフ生成 16 JavaScript Graph Resources For Creating Stylish Chart こちらの記...

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

RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」2009年08月10日jCryption - JavaScript data encryption RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」。...

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