2008年4月アーカイブ

jQueryでTwitterブログパーツ iTwitter（iPhone仕様）完成

cool_ni_ikou (2008年4月18日 04:23) | コメント(0) | トラックバック(0)

Twitter ブログパーツが完成しました。iPhone 仕様となっています。とても機能的なものに仕上がっています。ぜひ、お使いのブログに貼って使っていただけると幸いです。

ゆるい感じでつながることができるTwitter、ネット上のカフェって感じですかね。早いもので参加して１年経ちます。Twitter ブログパーツ（Badgesカスタマイズ）と素材のエントリーリリースも昨年の４月３０日。およそ１年経ってTwitterブログパーツ（iPhone仕様）-iTwitter（iTwitter (β): a twitter feeder which looks like iPhone）が完成しました。

jQueryを使って、とてもシンプルなスクリプトとして出来上がっています。1.2からjsonの読み込みも簡単になったみたいでコードの理解もしやすいです。

ボタンをクリックすると各タイムライン切り替え表示、friendsリスト（１００人まで※今回バージョンアップ）が表示されるようになります。

追記：6月1日　Twitter APIの仕様が変わったようですね。毎回ページをリロードする度にtwitterへのログインを求める表示がでます。サイト訪問者にも表示されるようなので、しばらくの間止めておきます。もし、お使いの方がみえましたらその旨、ご了承願います。

Get the public timeline
ユーザー全員のタイムライン表示
Get the user's twitter
自分のタイムライン表示
Get the user's twitter and friends'
自分を含め友達のタイムライン表示
Get the user's friends list

friendsリスト表示（１００人まで）

Firefox,Safari,IE7はもちろんIE6でもちゃんと表示機能されます。

Twitterでやり取りをするようになったTwitter / yungsangにすべてスクリプトを作って頂きました。感謝です。
※yungsang/IE 上で透過 PNG を正しく透過させるためのライブラリIEPNGFIX.js を作成した方です。今現在は、名称PNG-TRに変更
About PNG-TR（PNG-TR について） - PNG-TR | Google グループ

デザインを私が担当し、スクリプトをTwitter / yungsangに。つい最近わがままを言って以前からリスト表示したい旨を伝えたら、あっさりと対応するように作っていただけました。

使っている画像は、すべてpngです。IEでの透過png処理（PNG-TRにて）して、その要素でのマウスイベントについても対応してあります。

1分毎に最新のタイムラインをリクエストするようにも作られていますので、リロードすることなく、最新ポストを見ることができるようになっています。

ブログパーツの設置・フラッシュ版・AIR版について紹介しておきます。

続きを読む: jQueryでTwitterブログパーツ iTwitter（iPhone仕様）完成

デザイナーの方へ　役立つAutopagerize SITEINFO（その２）

cool_ni_ikou (2008年4月 8日 19:56) | コメント(0) | トラックバック(0)

ウェブデザイナーの方にインスピレーションに役立つサイトのAutopagerize SITEINFOを紹介しています。

AutoPagerize (swdyh)には、いつもお世話になっています。また、さまざまなサイトのSITEINFOをアップしている有志の方にも感謝してます。私も使っている傍ら、Xpathについてはあまり得意な方ではありませんが、勉強も兼ねてデザインのインスピレーションに役立つサイトのSITEINFOを少しでもアップしていければと思っています。

最近、2つのサイトのSITEINFOを書きましたので紹介しておきます。temp - SITEINFO避難所にもアップしてありますので、使ってください。（そういえば、整理整頓されましたね。いくつかアップしたCSSギャラリーなどもデフォで反応するようになったのでよかったです。）

イメージ画像をクックするとSITEINFOが表示されます。

続きを読む: デザイナーの方へ　役立つAutopagerize SITEINFO（その２）