WEBデザイン　BLOG

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

(2008年4月18日 04:23) | 個別ページ | コメント(0) | トラックバック(0)

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

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

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

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（その２）

スカイ

(2008年4月 8日 19:56) | 個別ページ | コメント(0) | トラックバック(0)

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

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

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

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