jQueryで奥行きのある背景スクロールを作ってみる
Posted: 2011.05.13 / Category: javascript / Tag: jQuery
普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。
この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。
javascript
jQueryで全画面表示するギャラリーを作るチュートリアル
Posted: 2011.04.28 / Category: javascript / Tag: jQuery, ギャラリー
最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。
この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。
jQueryでテーブルに連番idの列（カラム）を追加する
Posted: 2011.04.22 / Category: javascript / Tag: jQuery
テーブルで何かのリストを作成するとき、連番idを割り振りたいときがたまにあります。
しかし、htmlで直に1.2.3…と書くのは大変だし、後で3番を削除したいとなった場合すべて打ち直さなくてはいけないので泣きそうになりますね。
そんなときはjQueryが簡単に連番IDを割り振ってくれます。
jQueryでGoogleカレンダーの予定を取得して自分のサイトに表示する
Posted: 2011.04.18 / Category: javascript / Tag: API, jQuery, json
クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。
でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。
jQueryでTwitterのリストを取得して指定メンバーのつぶやきを表示する
Posted: 2011.04.06 / Category: javascript / Tag: jQuery, json, Twitter
急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。
ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。
jQueryのAjaxを使用して外部htmlを読み込む
Posted: 2011.04.04 / Category: javascript / Tag: Ajax, jQuery
Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。
知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。
リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」
Posted: 2011.03.21 / Category: javascript / Tag: jQuery, jQueryUI
jQueryUIはドラック＆ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。