WEBOPIXEL

javascript

jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種

Posted: 2010.10.24 / Category: javascript / Tag: 

ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。
ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。

READ MORE

jQueryで言及(トラックバック)されているツイートを表示する。

Posted: 2010.10.16 / Category: javascript / Tag: ,

Twitterのつぶやきは50%とか60%くらいが、URLが含まれるある記事を言及(トラックバック)しているツイートなんだとか。
もしかしたら自分のブログも自分の知らないところで噂になっているかもしれませんね!?
ということでこの記事ではjQueryで言及されているツイートを表示するということをしてみます。

READ MORE

jQueryで作るスライドするローテーションバナー

Posted: 2010.09.15 / Category: javascript / Tag: 

ちょっと前まではコーポレートサイトのトップページによくあるローテーションバナー(というかスライドショー?)はFlashで作るのが当たり前でしたが、最近ではjavascriptで作成しているものが増えてきましたね。
ということでjQueryを使用してシンプルなスライドタイプのローテーションバナーを作成します。

READ MORE

YQLを使用してWordPressのRSSをjsonで取得してjQueryで表示する

Posted: 2010.09.11 / Category: javascript / Tag: 

YQLはSQLのような言語を使用して、さまざまなWebサービスからxmlやjson形式でデータを取得することができる米yahooのサービスです。
また、xmlをjavascriptで扱いやすいjsonなどのフォーマットに変換もしてくれるみたいです。
このサービスを利用してWordpressのrssをYQLでjsonに変換してjQueryで取得するということをしてみます。

READ MORE

jQueryでjsonデータを扱ってみる【入門編】

Posted: 2010.07.25 / Category: javascript / Tag: ,

javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。
似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。
そこで入門編と題して(入門編しかない!)改めて基礎から勉強していけたらと思います。

READ MORE

jQueryでいろいろな要素をストライプ(縞模様)にする。

Posted: 2010.07.15 / Category: javascript / Tag: 

最近テーブルとか、リストなんかをストライプ(縞模様)で表示されてるのとかよく見かけますね。
従来のHTMLでもこのような表現は可能でしたが、一行ごとにマークアップしなくてはいけないので地味に大変な作業でした。
そんな作業もjQueryを使えば簡単にできるみたいです。

READ MORE