WEBOPIXEL

jQuery

スマホでアニメーションするときはcss3の「translate3d」を使おう

Posted: 2011.09.16 / Category: javascript / Tag: , ,

スマートフォン向けのサイトでアニメーションさせたいとき、PCサイトのようにjQueryのanimateを使ってしまうと動きがガタガタになってしまい。これがWebアプリの限界なのかー。って叫びそうになりますが、そんなときはcss3の「translate3d」を使えば滑らかに動きますよ。

READ MORE

jQueryを使用してハッシュタグで指定した自分のツイートだけ表示

Posted: 2011.08.19 / Category: javascript / Tag: , ,

自分のブログにTwitterを表示するは当たり前になりつつありますが、「便所なう」とか「トイレなう」とかどうでもいいことまでブログに表示されるのはちょっとあれですね。
そこで専用のハッシュタグをつけてツイートすれば、自分の指定したつぶやきだけ表示できるのでいいかんじかもしれません。

READ MORE

jQueryでマウスホイールで横にスクロールする横型コンテンツ

Posted: 2011.07.21 / Category: javascript / Tag: ,

通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。
機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。

READ MORE