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

Ads

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

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

twitter_style_app


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

サンプル


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

サンプル

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

New Twitter Like Application with JQuery