WEBOPIXEL

javascript

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

jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種

Posted: 2011.02.16 / Category: javascript / Tag: 

以前「jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種」という記事を書きましたが、画像メニューでわりと横型に並べたナビゲーションが多かったので、今回はテキストタイプの縦型ナビゲーションオンリーで作成してみました。
基本的にやってることは画像タイプのものとあまり変わらなかったりしますが……。

READ MORE