webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
フォームで使えるjQuery25 – creamu
フォーム周りでjQueryを使いたい。 そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Creating a Slide-in jQuery Contact Form クリックするとスライドインして現れるコンタクトフォーム Build an Incredible Login Form with jQuery クリックすると、ぐいんと勢いよく現れるフォーム Using Form Labels as Text Field Values ラベルタグの内容をテキストフィールドの値にして透かしテキストにしたフォーム Create a Progress Bar with JavaScript フォームの進捗状況をプ
ラベル入りのフォーム要素を実装する方法2つ – creamu
最近のフォーム要素にはラベル（透かしテキスト）を入れているものが多いですが、通常の実装方法は以下のソースで可能ですね。JavaScriptのonfocus、onblurイベントハンドラでvalueを切り替えています。 XHTML, JavaScript <input type="text" value="メールアドレス" id="email" onfocus="if (this.value == 'メールアドレス') {this.value = '';}" onblur="if (this.value == '') {this.value = 'メールアドレス';}" /> これは使いやすいんですが、ソースが綺麗じゃないのと、これからはよりリッチなインターフェースが求められるので、もう少し自然な動きだといいですよね。 そこで、jQuery In-Field Label Pluginを使えば
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
[JS]jQueryのプラグイン33+1選 -2010年1・2月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Notify Bar メッセージやエラーやアラートなどをブラウザ上部からスライド表示。 Slide box パネルをブラウザの上や下
[本]jQueryをしっかりと使いこなせるようになりたい人向けの一冊
jQueryをこれから始めたい人、もう少ししっかりとjQueryを使いたい人にぴったりの本を紹介します。 初めての献本です 当サイトで初の献本で、「紹介しないという判断でもかまわない」ということで、気軽な気持ちで本を受け取りました。 しかしこれがまた、今まで読んだ中で一番分かりやすく、紹介せずにはいられないなと思ったしだいです。 こんな人向け 帯に「もう、プログラマーには頼らない！」とあるように、スクリプト自体をじっくり掘り下げたものではなく、実装レベルでしっかりと使い方をマスターしていこうというものです。 HTMLとCSSは分かるけどjQueryはいまいちだ、という人にはぴったりの本だと思います。 カラーがうれしい オールカラー、キャプチャ付きくらいでは珍しくないですが、コードがシンタックスハイライトに対応しているのが見やすいです。 全部の本が対応してくれればいいのに。 そして、ところど
[JS]フォームのセレクトボックスを拡張するjQueryのプラグイン -jQuery MultiSelect
セレクトボックスの項目にチェックボックスを設置し、複数項目の選択を操作しやすくするスクリプトをerichyndsから紹介します。 jQuery MultiSelect Plugin デモページ デモでは上記のベーシックなタイプをはじめ、Optgroupに対応したもの、スタイルシートでデザインを変更したもの、一括操作ができるものなどがあります。 スクリプトのオプションでは、ヘッダの有無、高さの上限、表示位置、シャドウの有無、フェードのスピードなどが変更できます。 jQuery MultiSelect PluginはjQueryのプラグインのため、実装にはjquery.jsが必要です。
ツールチップの機能、デザイン選びたい放題のjQueryのツールチッププラグイン３０まとめ:phpspot開発日誌
ツールチップの機能、デザイン選びたい放題のjQueryのツールチッププラグイン３０まとめ 2010年01月26日- 30 Stylish jQuery Tooltip Plugins ツールチップの機能、デザイン選びたい放題のjQueryのツールチッププラグインが３０種類もまとまったエントリのご紹介です。 jQueryだけでこれだけあるというのは驚きなのですが、ツールチップに迷った時とかのために参考に出来そうです。 個人的には、cssでデザインできてエレメントに属性を振っておくと自動で出てくるタイプのものがいいなぁと思います。あとはアニメーション効果などもカッコいいものがいいですね
Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution for your jQuery gallery or slider. Your We
クールなjQueryのlightbox系スクリプト集 – creamu
サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
コンテンツにエフェクトを掛けるjQueryプラグイン10個 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラ
洗練されたエフェクトでパネルをスライド表示するスクリプト -Feature List
洗練されたエフェクトでパネルをアニメーションでスライド表示する軽量のスクリプトをjQueryGlobeから紹介します。 Feature List demo スクリプトは2KBと軽量で、Flashを使用せずに美しいエフェクトを実装しています。 パネルは複数の設置が可能で、リスト要素で実装されています。 また、オプションでは最初に表示するパネルの指定、マウスホーバー時の動作、自動切り替えの時間などを簡単に設定することができます。 Feature ListはjQueryのプラグインのため、実装にはjquery.jsが必要です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
Site Under Maintenance
Site Under Maintenance
Site Under Maintenance
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
[JS]パネルを新聞のように隙間なく自動で配置するスクリプト -Masonry