< pocket

デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6(サンプルあり)

デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6(サンプルあり)

レスポンシブWebデザインは、ひとつのソースでPCやスマホなど様々なデバイスでの見え方を最適化できるのでとても便利ですが、ワンソースなだけにデザインを反映させるのが難しい時ってありますよね。例えばデザイン上、PC版とスマホ版でそれぞれ表示する画像を変えたいとか…。

最近レスポンシブのサイトを作る機会が多かったので、レスポンシブWebデザイン対応案件の時に私がよく使うjQueryをまとめてみました。今回はサンプルも作ってみましたので、照らし合わせながら読んで下さいね。

続きを読む
トップに戻る

Ajaxで遷移するページのPVをGoogleアナリティクスでカウントしてみよう

Ajaxで遷移するページのPVをGoogleアナリティクスでカウントしてみよう

先日、jQuery.autopagerで次のページを読み込む間にローディングアイコンを表示させようという記事を書きましたが、このようにAjaxでページを遷移させる設計にしてしまうと、次のページが読み込まれてもそのページ遷移はPVとしてカウントされません。

ページ遷移が早くなるのは嬉しいのですが、やっぱりPVとしてカウントされないのは寂しいです。ちょっとソンしている気になっちゃいますよね。

なので、今回はAjaxで遷移するページのPVをカウントする方法をご紹介します!

続きを読む
トップに戻る

jQuery.autopagerで次ページを読み込む間にローディングアイコンを表示させよう

jQuery.autopagerで次ページを読み込む間にローディングアイコンを表示させよう

このテーマをスマホ対応させた際、「jQuery.autopager」というプラグインを使ってオートページャーを実装してみました。

画面遷移を少なくしてくれるので重宝していますが、次のページが読み込まれる間に何も表示されないと「あれ?」と不安になってしまいますよね。

というわけで、次のページが読み込まれる間に表示される「ローディングアイコン」を実装してみましたので、今回はその導入方法などをご紹介します!

続きを読む
トップに戻る