jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
Posted: 2010.10.24 / Category: javascript / Tag: jQuery
ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。
ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。
javascript
jQueryで言及(トラックバック)されているツイートを表示する。
Posted: 2010.10.16 / Category: javascript / Tag: jQuery, Twitter
Twitterのつぶやきは50%とか60％くらいが、URLが含まれるある記事を言及（トラックバック）しているツイートなんだとか。
もしかしたら自分のブログも自分の知らないところで噂になっているかもしれませんね！？
ということでこの記事ではjQueryで言及されているツイートを表示するということをしてみます。
jQueryで作るスライドするローテーションバナー
Posted: 2010.09.15 / Category: javascript / Tag: jQuery
ちょっと前まではコーポレートサイトのトップページによくあるローテーションバナー（というかスライドショー？）はFlashで作るのが当たり前でしたが、最近ではjavascriptで作成しているものが増えてきましたね。
ということでjQueryを使用してシンプルなスライドタイプのローテーションバナーを作成します。
YQLを使用してWordPressのRSSをjsonで取得してjQueryで表示する
Posted: 2010.09.11 / Category: javascript / Tag: json
YQLはSQLのような言語を使用して、さまざまなWebサービスからxmlやjson形式でデータを取得することができる米yahooのサービスです。
また、xmlをjavascriptで扱いやすいjsonなどのフォーマットに変換もしてくれるみたいです。
このサービスを利用してWordpressのrssをYQLでjsonに変換してjQueryで取得するということをしてみます。
jQueryで背景画像をアニメーションで無限ループさせる
Posted: 2010.09.02 / Category: javascript / Tag: jQuery
あまり使う機会はない気がしますがcssで指定した背景画像をjQueryでループアニメーションしてみます。
jQueryでjsonデータを扱ってみる【入門編】
Posted: 2010.07.25 / Category: javascript / Tag: jQuery, json
javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。
似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。
そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。
jQueryでいろいろな要素をストライプ（縞模様）にする。
Posted: 2010.07.15 / Category: javascript / Tag: jQuery
最近テーブルとか、リストなんかをストライプ（縞模様）で表示されてるのとかよく見かけますね。
従来のHTMLでもこのような表現は可能でしたが、一行ごとにマークアップしなくてはいけないので地味に大変な作業でした。
そんな作業もjQueryを使えば簡単にできるみたいです。