• かちびと.net

    新・TwitterのUIをjQueryを使用して作られたサンプル・twitter_style_appのご紹介です。新しいTwitterのUIをjQueryを使って再現されています。動作など、参考になる部分が結構ありますね。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

新・TwitterのUIをjQueryを使用して作られたサンプル・twitter_style_app

スポンサーリンク

個人的に、未だに新しいTwitterのUIに
慣れませんが、そんな新TwitterのUIを
jQueryを使用して作られたサンプルが
ありましたのでシェアしようと思って記事
にします。Post部分をクリックすると、
右にボックスがスライドする動きとか
そういう系。

右のプロフィール部分は割愛されてます。黄金比を使っている新Twitterのレイアウトですが、幅まで同じかどうかは確認していません。

twitter_style_app


こんな感じのやつです。完全に再現、というものではありませんが、いろいろと参考になりそう。サンプルはcss、html、jQueryで作られているのでシンプルで分かりやすいです。

サンプル


デモを作ってみました。動作確認に宜しければ御覧ください。

サンプル

個人的にはどうやって動作させてるのか見たかっただけなのですが、Twitterのような人気のアプリケーションUIを真似るのはいろいろと学べる点も多いかも知れませんね。以下よりDL出来ます。

New Twitter Like Application with JQuery

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services