webOpixel

jQueryで長くなったページを分割してボタンで切り替える

長いページの場合、アンカー名をつけてページ内リンクをする場合があると思います。
でも、やっぱりページ別けしたいかな、でも同じ内容だし別けちゃうのもな、、、そんなときのためにjQueryを使用してわりとそのままのマークアップでページを分割してボタンで切り替える方法をご紹介します。

投稿日2011年05月25日
更新日2011年05月25日

jQueryで奥行きのある背景スクロールを作ってみる

普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。
この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。

投稿日2011年05月13日
更新日2011年05月13日

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

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

投稿日2011年04月28日
更新日2011年04月28日

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

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

投稿日2011年04月22日
更新日2011年04月22日

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

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