カテゴリー ‘ jQuery

jQueryの最新版「jQuery 1.7.1」のチートシートを公開

jQueryの最新版「jQuery 1.7.1」に対応したチートシートが公開されました。

参考記事:jQuery 1.7 Visual Cheat Sheet

 

以下のページよりダウンロード可能で、PDFファイルで配布されています。
jQuery 1.7 Visual Cheat Sheet

Share on Facebook

より高速化された「jQuery Mobile RC3」をリリース!正式版のリリースは間近

jQuery Mobile RC3

「jQuery Mobile RC3」がリリースされました。

参考記事:jQuery Mobile RC3 Released! | jQuery Mobile

 

「jQuery Mobile RC3」は、RC2からパフォーマンスチューニングされ、より高速化されています。

問題がなければ、このまま正式版としてリリースされるようです。

Share on Facebook

「jQuery 1.7 Beta 1」がリリース!

「jQuery 1.7 Beta 1」がリリースされています。

参考記事:jQuery: » jQuery 1.7 Beta 1 Released

 

バグの修正や機能の追加、削除が行われています。

Share on Facebook

「jQuery Mobile Beta 3」がリリース!

「jQuery Mobile Beta 3」がリリースされました。

参考記事:jQuery Mobile Beta 3 released! | jQuery Mobile

 

バグの修正や機能の追加などが行われています。また、「jQuery Mobile 1.0 正式版」のリリースに向けて最初のRC版の開発に取り組んでいるそうです。

ダウンロードは以下。
jQuery Mobile Beta 3 released! | jQuery Mobile

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/5/16 ~ 5/22

2011年5月16日~5月22日までの間に見つけたjQuery関連記事のまとめです。

 

カーソルを合わせると拡大するかっこいい検索窓作成jQueryサンプル:phpspot開発日誌

jQuery Smooth Animated Search

カーソルにフォーカスを当てると、検索ボックスがびよーんとアニメーションしながら伸びるインターフェイスを実現できるjQueryプラグインの紹介記事です。

デモ:jQuery Smooth Animated Search Field Freebie

ページの要素を3D化できる面白jQueryプラグイン「3Dify」:phpspot開発日誌

ページ内にある要素を3Dオブジェクト化して動かすことができるjQueryプラグインの紹介記事です。

デモは、WebKit系(Safari、Google Chrome等)でしか動作しませんのでご注意ください。

デモ:Edit this Fiddle – jsFiddle – Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳

並び替えやページング、グラフ表示など色々な機能をもったテーブル用のjQueryプラグインのまとめ記事です。

テーブルをツリー化できるものや、エクセルのように扱うことができるもの等色々なプラグインがあります。

縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」:phpspot開発日誌

Lightweight Scrollable Tables

縦に長くなりがちなテーブルをスクロールできるようにするjQueryプラグインの紹介記事です。

デモ:scrollbarTable-0.1 Demo

【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方 (フェンリル | デベロッパーズブログ)

動作の遅い jQuery.animate() を使わずに、 transform:translate3d を使ってアニメーションを実現する方法の紹介記事です。

jQuery.animate() だとカクカクした動きになるそうなので、iPad向けにWebサービスを作りた場合は、覚えておいた方がいいでしょう。

Gmail風にドラッグ&ドロップでファイルアップロードが出来るjQueryプラグイン「jQuery HTML5 Uploader」 | Web活メモ帳

jQuery HTML5 Uploader

ファイルをWebページにドラッグアンドドロップすることで、ファイルをアップロードできるようになるjQueryプラグインの紹介記事です。

デモは、上記画像にファイルをドラッグアンドドロップしてください。

デモ:jQuery HTML5 Uploader

背景画像に更にドットパターンを合成して超カッコよくできるjQueryプラグイン「Vegas Background」:phpspot開発日誌

Vegas Background

背景画像の上にドットパターンをかぶせる背景画像を改造できるjQueryプラグインの紹介記事です。

デモ:Documentation: Overlay – Vegas Background jQuery Plugin

jQueyを使う場合に覚えておくと便利なChrome拡張:phpspot開発日誌

jQueryを便利に使えるようになるGoogle Chromeの拡張の紹介記事です。

紹介されている拡張は、ツールバーからjQueryのサンプルを検索できるようになる「jQuery API Browser」と、jQueryのマニュアルを検索ボックスから検索できるようになる「jQuery API Search」の2つです。

jQueryと「linq.js」を連携させてDOMをLINQにより処理するには? − @IT

「linq.js」を利用してjQueryでコレクション機能を強化する方法の紹介記事です。

コンテンツを流し読みしたいような場合に便利なUIを提供してくれる自動スクロール実装jQueryプラグイン「aautoscroll」:phpspot開発日誌

jQuery.aautoscroll

コンテンツを自動スクロールする為のjQueryプラグインの紹介記事です。縦方向のスクロール以外にも横方向のスクロールにも対応しています。

デモを動作させるには、画面右上にある「start」というリンクをクリックします。

デモ:jquery.aautoscrol Demonstration

jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。 | Ginpen.com

jQuery1.6で変更された .attr() の動作で困った人は1.6.1にバージョンアップしましょうという記事です。

jQuery1.6で仕様が変更された背景など詳しく書いてあります。

キーボードで画面操作するスライド系jQueryプラグイン・Ascensor – かちびと.net

キーボーの矢印キーを使って画面を縦横にスクロールさせることができるjQueryプラグインの紹介記事です。

ボタンやタブ、スライドなどのコンポーネントを実装するjQueryベースのUIライブラリ・Ninja UI – かちびと.net

Ninja UI

「Ninja UI 」という名前ですが、忍者的な要素はほとんどありません。

必要と思われるコンポーネントはひと通り揃っているので、使用するには十分だと思います。

デモ:Ninja UI

jQueryを使って閲覧中のWebサイト自体をその場でプレゼンするサンプル・Screen Presenter – かちびと.net

Screen Presenter

ちょっと説明するのが難しいんですけど、Webサイトをそのまま使用してプレゼンテーションにするサンプルの紹介記事です。

デモサイトを見てもらった方が分かりやすいと思います。

デモ:Screen Presenter V1

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/5/9 ~ 5/15

2011年5月9日~5月15日までの間に見つけたjQuery関連記事のまとめです。

 

[JS]ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr | コリス

Webページを印刷すると、ページ内にあるリンクをQRコードにして、ページの末尾に追加してくれるjQueryプラグインの紹介記事です。

デモ:jQuery.printQr() Plugin

WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌

Awkward Showcase

Web上でプレゼンテーションを作る際に最適なjQueryプラグインの紹介記事です。

デモ:Awkward Showcase – Demo #1

テキストがくるりとスライドしていくようなエフェクトをjQueryで実現するためのチュートリアル | IDEA*IDEA

Sliding Letters with jQuery

マウスオーバーするとテキストがアニメーションするエフェクトを実装するためのチュートリアルの紹介記事です。

デモ:Sliding Letters with jQuery

[JS]複数のパネルの一つだけ内容を変更してハイライトさせるスクリプト -Hoverpanels | コリス

jQuery Hoverpanels

マウスオーバーしたパネルを強調表示して、内容も変更できるjQueryプラグインの紹介記事です。

デモ:http://jonathanfielding.com/experiments/jquery-hoverpanels/

リンクの開きかたを自在に管理できるjQueryプラグイン「Link Manager」:phpspot開発日誌

リンクを新しいウィンドウ、現在のウィンドウで開くという処理をjQueryを使って一元管理できるjQueryプラグインの紹介記事です。

デモ:jQuery Link Manager Plugin

モールス信号を再生できるjQueryプラグイン「Morse.js」 | Web活メモ帳

指定したテキストをモールスコードに変換&再生してくれるjQueryプラグイン『Morse.js』 | IDEA*IDEA

Morse.js

テキストの内容をモールス信号で再生してくれるjQueryプラグインです。

デモを利用する場合は、HTML5に対応したブラウザを使用してください。

デモ:Morse.js Demo

jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた – かちびと.net

GoogleMap API

jQuery MobileでGoogleMap APIを使ったサンプルの紹介記事です。

ストリートビューを表示することも可能なようです。

デモ:jQuery mobile with Google maps v3 examples

WordPress で知らないと損する簡単に jQuery などの外部ファイルを読み込む wp_enqueue_script() | ウェブル

WordPressでjQuery等の外部ファイルを読み込むwp_enqueue_script()という関数の紹介記事です。

どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」:phpspot開発日誌

FitText

表示されているディスプレイの解像度に合わせて文字のサイズを最適に変更できるjQueryプラグインの紹介記事です。

デモ:FitText – A plugin for inflating web type

jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile – かちびと.net

jQuery Mobileを使ったWordPressのスマートフォン向けテーマの紹介記事です。

[JS]さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel | コリス

いろいろなタイプのスライドショーを簡単に設置できるjQueryプラグインの紹介記事です。

デモ:Agile Carousel – Javascript Slideshow – Image Carousel

スポットライトを画像にあてる効果を作れるjQueryプラグイン「Spotlight」:phpspot開発日誌

Spotlight

マウスオーバーした部分にスポットライトが当たったように、元画像が見えるユーザーインターフェイスを実現できるjQueryプラグインの紹介記事です。

デモ:Spotlight v1.1 Example

jQuery 1.6.1 リリース:CodeZine

5月13日に「jQuery 1.6.1」がリリースされたというニュース記事です。

ツールチップのデザイン変更が容易なjQueryプラグイン・Tooltipsy – かちびと.net

Tooltipsy

CSSでツールチップをデザインすることができるjQueryプラグインの紹介記事です。

デモ:tooltipsy – jQuery tooltip plugin for control-obsessed designers.

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/5/2 ~ 5/8

2011年5月2日~5月8日までの間に見つけたjQuery関連記事のまとめです。

 

【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた

ドラゴンクエスト

jQueryを使ってドラゴンクエスのロトシリーズの解説ページを作成しています。

メニューや、Webページの構成がドラゴンクエストの戦闘画面風になっていてかなりいい感じです。

デモ:ドラゴンクエスト・ロトシリーズのストーリーまとめ

ぐるっと画像がまわるようなスライドショーをjQueryで作るためのチュートリアル | IDEA*IDEA

Rotating Image Slider

画像がクルッと回るようなアニメーションをするjQueryプラグインの紹介記事です。

紹介している記事にも書いてありますが、このクルッっという感じが言葉では表しにくいので、デモページを見て確認してみてください。

デモ:Rotating Image Slider with jQuery & CSS3

あらゆる画像にレトロ風のエフェクトをかけられる『VintageJS』 | 100SHIKI

VintageJS

画像にレトロなエフェクトをかけることができるjQueryプラグインの紹介記事です。

オプションは、スライドバーを使って簡単に変更することができます。

矢印(「TRY IT OUT」と書かれているところ)をクリックするとファイル選択画面がでるので、画像ファイルを選択してください。

デモ:vintageJS – add some awesome retro and vintage style to your images with the HTML5 canvas element

エフェクトをプラスするjQueryプラグイン(1/5):CodeZine

エフェクトを追加できるjQueryプラグインの実装方法の紹介記事です。

紹介されているjQueryプラグインは、以下のとおりです。

jQueryプラグイン 概要
ghostType テキストを左から右に自動に表示させる
jQuery naviDropDown マウスオーバーすると、ドロップダウンメニューが表示される
jQuery FishEye Plugin アイコンにマウスオーバーするとアイコンが拡大表示される
highlight JavaScript text highlighting jQuery plugin 指定したテキストをハイライト表示する

テキストにユニークなマウスオーバーエフェクトを実装出来るjQueryプラグイン・jMagnify – かちびと.net

マウスオーバーすると、テキストにユニークなエフェクトを付けることができるjQueryプラグインの紹介記事です。

テキストがカラフルになったり、文字がズームされたりと5パターンのデモが用意されています。

デモ:Senamion.com – jMagnify (Magnify effect on text) plugin: documentation and demo page

jQuery: » jQuery 1.6 Released

jQuery 1.6

jQuery 1.6のリリース記事です。

jQuery1.6の更新内容をまとめたよ。 | Ginpen.com

jQuery 1.6で更新された内容を日本語でまとめた記事です。

英語がわからない人には、非常にありがたい記事ですね。

テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear – かちびと.net

TableGear

テーブルのソート、内容の編集、行の削除が可能なテーブルを作ることができるjQueryプラグインの紹介記事です。

同様の機能を提供するプラグインは他にもありますが、こちらのプラグインはその中でもかなり高機能なものになっています。

デモ:TableGear Demo

[JS]一つ一つのパネル表示をカスタマイズできるスライドショーのスクリプト -imgPlayer | コリス

imgPlayer

異なるサイズ、異なる背景、異なるアニメーションをパネルごとに設定できるスライドショー用のjQueryプラグインの紹介記事です。

デモ:imgPlayer | Demo

jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker – かちびと.net

Laker

iPhoneやiPad向けの電子書籍をjQueryやHTML5を使って作成する為のフレームワークの紹介記事です。

jQuery.socialbuttonにXSS脆弱性があるのでアップデートしましょう:phpspot開発日誌

jQuery.socialbuttonにXSS脆弱性が4/29に発見されたというニュース記事です。

もし、jQuery.socialbuttonを使っている場合は、早急にアップデートしましょう。

美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms – かちびと.net

Ideal Forms

ボタン、セレクト、ラジオボタンやチェックボックス等フォームのユーザーインターフェイスを美しくカスタマイズできるjQueryプラグインの紹介記事です。

こちらのjQueryプラグインには、3つのテーマが用意されています。

デモ:Ideal Forms, a small framework to build forms

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/4/25 ~ 5/1

2011年4月25日~5月1日までの間に見つけたjQuery関連記事のまとめです。

 

jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル:phpspot開発日誌

Better Check Boxes

jQueryとCSSを使ったオシャレなチェックボックスを実装するチュートリアルの紹介記事です。

通常のチェックボックスよりも押しやすく、見た目もわかりやすいものになっています。

デモ:Better Check Boxes with jQuery and CSS | Tutorialzine Demo

多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter – かちびと.net

Skitter

多彩なエフェクト、クロスブラウザ対応のイメージギャラリー用jQueryプラグインの紹介記事です。

デモ:Skitter – Slideshow for anytime!

ユーザーとサイトの距離を縮めるwebサイトツアーを実装するjQuery 「Website Tour with jQuery」 – YATのBlog

Website Tour with jQuery

Webサイトのリニューアル時にWebサイトのサイトツアーを実装するためのjQueryプラグインの紹介記事です。

デモ:Website Tour with jQuery

selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」:phpspot開発日誌

通常一つしかアイテムを選ぶことができないselectボックスで、複数のアイテムを選択できるUIを提供してくれるjQueryプラグインの紹介記事です。

デモ:selectList jQuery plugin – Examples – odyniec.net

画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」:phpspot開発日誌

imgAreaSelect jQuery plugin

画像の表示領域を簡単に選択できるjQueryプラグインの紹介記事です。

デモ:imgAreaSelect jQuery plugin – Examples – odyniec.net

[JS]jQueryのプラグイン33+1選 -2011年4月 | コリス

コリスさんによるjQueryプラグインのまとめ記事です。

小さくで可愛いグラフが描けるjQueryプラグイン「Piety1」:phpspot開発日誌

Peity

小さくてカワイイグラフを手軽に描けるjQueryプラグインの紹介記事です。

デモ:Peity • progressive <canvas> pie charts

[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」 | Web活メモ帳

Sammy

URLによって処理を振り分けることができるjQueryベースのフレームワークの紹介記事です。

iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン:phpspot開発日誌

JQuery DragScroller

マウスでドラッグして画面をスクロールするユーザーインターフェイスを実現するjQueryプラグインの紹介記事です。

デモ:iPhone-like drag scroller test

jQueryのプラグインをつくるときに使えるテンプレート『jQuery Plugin Boilerplate』 | IDEA*IDEA

jQueryプラグインをつくる時に使えるテンプレートの紹介記事です。

はじめてjQueryプラグインを作るという人にはいいかもしれません。

Ajaxコンテンツでも手軽に「進む」「戻る」を実装できるjQuery hashchange event | バシャログ。

Ajaxを使うと、ブラウザの「進む」「戻る」を使ってページ移動ができなくなりますが、Ajaxコンテンツでも手軽に「進む」「戻る」を実装できるjQueryプラグインの紹介記事です。

HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい – かちびと.net

SlideFinder

HTML5やCSS、jQueryの日本語スライドをスライド共有サイト、SlideShareで日本語のスライドのみを集めているサイト「SlideFinder」の紹介記事です。

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/4/18 ~ 4/24

2011年4月18日~4月24日までの間に見つけたjQuery関連記事のまとめです。

 

jQueryベースのWebフォームライブラリ「jFormer」 | DesignDevelop

使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」:phpspot開発日誌

jFormer

Webサイトで利用できる、ログインフォームやコメントフォームなど多彩なフォームに対応したjQueryプラグインの紹介記事です。

フォーカスを当てると説明文が表示されたり、バリデーション機能を備えたりしています。

デモ:Demos – jFormer

ツールチップも出せるニュースティッカー用jQueryプラグイン・Dynamic News – かちびと.net

Dynamic News

RSSをスライドで表示できるニュースティッカー用jQueryプラグインの紹介記事です。

デモ:RSS Driven Dynamic jQuery News Slider Plugin

PHP&jQuery&CSS3でMacのPhotoboothを作るチュートリアル:phpspot開発日誌

Photo Booth

Macに搭載されている、Photo BoothというアプリをPHP、jQuery、CSS3を使ってWeb上で再現するチュートリアルの紹介記事です。

デモ:Photobooth with PHP, jQuery and CSS3 | Tutorialzine Demo

jQueryベースの画像スライダー30まとめ:phpspot開発日誌

jQueryで作られた画像スライダーのまとめ記事の紹介記事です。

ざっと見た感じ、なかなかクオリティの高いもの多いのではないかと思います。

[JS]アラート・ダイアログボックスの実装が簡単にできるスクリプト -Apprise | コリス

多彩なアラートボックス、ダイアログボックスを簡単に実装できるjQueryプラグインの紹介記事です。

デモページでは、様々なアラートボックス、ダイアログボックスを試すことができます。

デモ:Apprise – The attractive alert alternative for jQuery

「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね – かちびと.net

ノンプログラマーのためのjQuery入門

ノンプログラマーのためのjQuery入門」というjQueryの基本をスライドを使って分かりやすく説明されています。

すごく分かりやすいので、これからjQueryを学びたいという人は、是非、見てください。

[JS]多彩なエフェクトが面白い、ボックスにパネルをスライド・フェード表示するスクリプト -Mosaic | コリス

Mosaic

画像のキャプションを多彩なエフェクトで表示できるjQueryプラグインの紹介記事です。

画像にマウスを合わせると、画像のキャプションがスライドやフェードなどアニメーションして表示されます。

デモ:Mosaic – Sliding Boxes and Captions jQuery Plugin

ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」:phpspot開発日誌

highlight

Webページ内のテキストをハイライト表示できるjQueryプラグインの紹介記事です。

デモページの「Demo」項目に「highlight」、「javascript」というリンクがあるので、そのリンクをクリックするとハイライトのデモを試すことができます。

デモ:highlight: JavaScript text higlighting jQuery plugin

メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌

jQueryだけでなく、JavaScriptを使ったメニュー用のスクリプト紹介記事です。

アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」:phpspot開発日誌

Speedometer

数値を指定すると、スピードメーターの針がアニメーションして移動するjQueryプラグインの紹介記事です。

デモ:Speedometer | Jacob King

現在閲覧しているページへのリンクをハイライトできるjQueryプラグイン「currentPage」:phpspot開発日誌

currentPage

現在表示しているページのリンクをハイライト表示するjQueryプラグインの紹介記事です。

メニューバーなどで有効に使えるjQueryプラグインです。

デモ:currentPage – a jQuery plugin

jQuery Mobileを使ったスマートフォン用壁紙ダウンロード用サイト『WALLPAPER COLLECTION for スマートフォン』つくりました!

WALLPAPER COLLECTION for スマートフォン

WordPressとjQuery Mobileを使って作られたスマートフォン用の壁紙ダウンロードサイトの紹介記事です。

iPhone以外にもAndroidスマートフォン用のサイズも用意されています。

以下のサイトよりダウンロードできます。
WALLPAPER COLLECTION for スマートフォン

Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework – かちびと.net

G5 Framework

HTML5、CSS3、jQuery、PHPを使って作られたデベロッパー向けのフレームワークの紹介記事です。

デモ:HTML5 Front-End Development Framework | G5 Framework

Share on Facebook

これだけは読んでおきたい!jQuery記事まとめ – 2011/4/11 ~ 4/17

2011年4月11日~4月17日までの間に見つけたjQuery関連記事のまとめです。

 

QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌

jQuery.qrcode

QRコードをブラウザ上で描画できるjQueryプラグインの紹介記事です。

かなり簡単に使えるようです。canvas未対応のブラウザでは動作しませんので、注意してください。

デモ:basic example

より良いナビゲーションにするためのjQueryプラグイン40個|designaholic -Creative Column-

CSS Dock Menu

便利なナビゲーションを実現できるjQueryプラグインの紹介記事です。

もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌

ツールチップを表示できるjQueryプラグインの紹介記事です。

このプラグインだけで色々な種類のツールチップを表示できるのでかなり便利です。

デモページの下の方にある画像をマウスオーバーするとツールチップが表示されます。

デモ:Tipped – The Javascript Tooltip Framework | jQuery & Prototype Tooltips

Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ – かちびと.net

レイアウトを調整したり、HTMLだけでは、実現できないようなレイアウトを実現する為のjQueryプラグインの紹介記事です。

画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」:phpspot開発日誌

画像スライダーを実現できるjQueryプラグインの紹介記事です。

このプラグイン一つで色々なスライドを実現できます。

[JS]シンプル!高性能!超軽量!使い勝手の良いコンテンツスライダーのスクリプト -jContent | コリス

jContent slider plugin

複数のコンテンツをスライドして表示できるコンテンツスライダーの紹介記事です。

デモ:jQuery slider live demo

jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上! - Publickey

Dreamweaver CS5.5

Dreamweaver CS5.5がjQuery Mobileに対応したというニュース記事です。

独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」:phpspot開発日誌

jScrollbar

独自スクロールバーを実装できるjQueryプラグインの紹介記事です。

標準のスクロールバーでは満足できないという人は使ってみましょう。

デモ:MyjQueryPlugins : jScrollbar : make your own scrollbar for scrolling contents with jQuery UI – MyjQueryPlugins

jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

これからjQuery Mobileを勉強しようという人の為のまとめ記事です。

使い道色々。jQueryを使ってSparklineグラフを描く「Peity」 – MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

簡単なコードを書くだけで、グラフを描画できるjQueryプラグインの紹介記事です。

Canvasタグを使っているので、Canvas対応ブラウザでのみ動作します。

使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌

SimpleFAQ

FAQを簡単に作ることができるjQueryプラグインの紹介記事です。

デモ:JK – jQuery SimpleFAQ

ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル:phpspot開発日誌

Back To Top

画面の下の方に表示される、TOPへ戻るボタンを実装する方法の紹介記事です。

デモ:Demo: Animated Scroll to Top

ちょっとしたUI効果をプラスするjQueryプラグイン(1/4):CodeZine

jQueryプラグインを使ってユーザーインターフェイスを変更する方法の紹介記事です。

ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」:phpspot開発日誌

CJ Object Scaler

ブロック要素のサイズに合わせて画像を綺麗に収めるjQueryプラグインの紹介記事です。

FillモードとFitモードの2種類があります。

デモ:CJ Object Scaler 3.0 Demo

ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」:phpspot開発日誌

カウントダウンタイマーを実装するjQueryプラグインの紹介記事です。

テキストじゃつまらない!という時に便利そうですね。

デモ:Fancy Countdown

ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る – かちびと.net

URLや感想をTwitterで簡単に投稿できるボタンを作る方法の紹介記事です。

デモは、ページの下部にあります。

ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage – かちびと.net

Sausage

Webページの右側にパンくずリストを設置できるjQueryプラグインの紹介記事です。

デモ:sausage.js – examples – The Core API

Share on Facebook

広告

Facebook

カレンダー

2014年4月
« 5月    
 12345
6789101112
13141516171819
20212223242526
27282930  

最近の投稿

アーカイブ