WEBOPIXEL

2011年

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

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

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

READ MORE

GoogleMapをとりあえずさくっと表示したいときのjavascript

Posted: 2011.09.07 / Category: javascript / Tag: 

GoogleMapはカスタマイズでさまざまなことができますが、コーポレートサイトで使用するときはほとんどピンを立たせてウィンドウを表示させるくらいなんじゃないかなと。
さくっと表示させたいときはiFrameでいいんじゃね? というつっこみ聞かなかったことにしてとりあえずJavascriptでコピペで使えるコードです。

READ MORE

WordPressの投稿フォーマットのラベル(テキスト)を変更する

Posted: 2011.08.23 / Category: WordPress / Tag: 

Wordpress3.1から投稿フォーマットですが、「アサイド」や「ステータス」など指定されたフォーマットしか使用できないのでちょっと使いづらかったりします。
そこで見かけだけですが投稿フォーマットのラベル名(テキスト)を変更する方法をご紹介します。

READ MORE

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

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

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

READ MORE

WordPressのカテゴリーにカスタムフィールドを追加する

Posted: 2011.08.18 / Category: WordPress / Tag: ,

カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。
ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。

READ MORE