WEBOPIXEL

javascript

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

jQueryでマウスオーバー以外の画像(要素)をフェードアウトで透明にする

Posted: 2011.02.09 / Category: javascript / Tag: 

マウスオーバーした写真を半透明に処理は多くありますが、最近ではギャラリーページなどでマウスーバーした写真以外がフェードアウトしつつ半透明になるような処理もありますよね。
jQueryを使用すれば意外と簡単にできますのでメモしておきます。

READ MORE