WEBOPIXEL

jQuery

jQueryで全画面表示するギャラリーを作るチュートリアル

Posted: 2011.04.28 / Category: javascript / Tag: ,

最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。
この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。

READ MORE

jQueryでテーブルに連番idの列(カラム)を追加する

Posted: 2011.04.22 / Category: javascript / Tag: 

テーブルで何かのリストを作成するとき、連番idを割り振りたいときがたまにあります。
しかし、htmlで直に1.2.3…と書くのは大変だし、後で3番を削除したいとなった場合すべて打ち直さなくてはいけないので泣きそうになりますね。
そんなときはjQueryが簡単に連番IDを割り振ってくれます。

READ MORE

jQueryでGoogleカレンダーの予定を取得して自分のサイトに表示する

Posted: 2011.04.18 / Category: javascript / Tag: , ,

クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。
でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。

READ MORE

jQueryでTwitterのリストを取得して指定メンバーのつぶやきを表示する

Posted: 2011.04.06 / Category: javascript / Tag: , ,

急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。
ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。

READ MORE

jQueryのAjaxを使用して外部htmlを読み込む

Posted: 2011.04.04 / Category: javascript / Tag: ,

Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。
知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。

READ MORE

リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」

Posted: 2011.03.21 / Category: javascript / Tag: ,

jQueryUIはドラック&ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。

READ MORE