タグ

ブックマーク / labs.yusukenakanishi.com (3)

  • タブが画像のjQueryプラグイン | labs.yusukenakanishi.com

    日ご紹介するのはですね。タブが画像になっているjQueryのプラグイン。 タブがテキストになってるのはたくさんありますよねぇ。「私、タブが画像になってると嬉しいんだけど。」「テキストが画像になればねぇ。」という多くのお声をいただきまして開発させていただきましたのがこちらimageTabs.js。 ちょっとじっくりご覧下さいこのDemo。 Demoを見る imageTabs.js Demoを見たり触ったりで大体わかっていただけたかと思うのですが簡単にご説明をします。jQueryプラグインですから、jQueryを読み込んでからimageTabs.jsを読み込むようにするんですねー。 // head内の記述 <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi

  • jQueryでRSSを取得しリストで表示 | labs.yusukenakanishi.com

    Demoを見る とある勉強会でnoriさんからjQueryを使ってRSSを取得しXMLをパース、そしてリストで表示させるという夏休みの?宿題があったのでやってみました。自分の中でRSSが同じドメインにある場合とRSSが同じドメインにない場合(JavaScriptセキュリティの関係上、ドメインが違うファイルを読込む事は出来ない仕様になっています。)を想定して作ってみました。 同じドメインにある場合 Demoで読み込んでいるのはこのxmlファイルです。以下JavaScriptのソースにある$.ajax(options)の詳しい内容についてはjQuery日語リファレンスなどで確認して下さい。 HTML //head内にjQueryを <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/

  • Web Directions Eastに行ってきた | labs.yusukenakanishi.com

    実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに先週の日曜日行ってきました。10:00〜18:00ぐらいまで制作(コーディング)するにおいてどうすれば良いだろうか?どう考えればいいだろうか?ってのをCSS3、HTML5、Microformats含めてジョン・アルソップ氏が熱く語ってくれました。僕は英語まったくダメだけど通訳者として長谷川恭久氏とオリ・スタットホルム氏がいてくれたので何の問題もありませんでした。ワークショップの内容はWebデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS)で読んだ内容とかぶってる部分も多くあってすごくわかりやすかったです。ワークショップの内容を一から十まで載せる訳にもいかないので一番いいなと思ったところと、良い点・悪い点を箇条書きにしてお

  • 1