最近、お仕事でGoogleマップのiframeをスマートフォンで最適な大きさで表示させるにあたり、色々と悩みました。

そんな時発見した「lifehacker」さんの記事で、紹介されていたレスポンシブに対応させる方法が一番よさそうでしたので、備忘録として書き残しておきます。

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

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

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

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

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

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

先日WordPressでスマートフォン用テーマを作成した際に、どのような流れで作成したのかをざっくりまとめてみました。

「手描きスケッチ」「DropBoxで作業する」など、WordPress以外でスマートフォンサイトを作るときも大体同じ流れで行うので、これを機に書き留めておこうと思います。

8月も半ばですが暑い日が続きますね！そんな中、私は涼しい色を求めて現在開催中の「カラーハンティング展　色からはじめるデザイン」に行ってきました！

今回も撮影OKのありがたいデザイン展だったので、会場の様子や興味深い展示内容などをレポートします！

日常で目にするきれいな色を手軽にストックしたいってことありませんか？先日Adobeから無料で提供されているカラーテーマ作成のためのiPhoneアプリ「Adobe Kuler」を試してみたところ、とても簡単に日常の色をストックすることができました！

とっても使いやすく、夢中になってカラーテーマを作りまくってしまったので、アプリの使い方等をお伝えします！

前々から時間を見つけてチマチマと着手していたスマホ対応がようやく完成しました！「いまさらかよ！」という声が聞こえてきそうです…(＞_＜)

以前は「WPtouch」というプラグインでPC版とスマホ版を切り替えていましたが、ようやくプラグインを卒業してモバイル版オリジナルテーマを作成しました。

今回は、ブログのスマホ対応のご報告を兼ねてスマホサイト作成時に自分なりに意識したポイントや、その際参考にさせていただいた記事などをご紹介します！

先日、CSS Nite @Co-Edo, Vol.17「セミハンズオンで学ぶレスポンシブWebデザイン」に参加してきました。講師はブログ「Design Spice」を運営されているヒロさんです。

濃い内容がもりだくさんでしたので、学んだことをアウトプットしておきます！

ずーっとPCに向かって作業をしていると、ダレてきてしまいますよね。効率も悪くなるし、やっぱり休憩は大事です。

そんな時、私は息抜きに5分ほどでサラッと読めるWEB漫画を読みにいって癒されています。「クスッ」と笑ってこわばった顔がほぐれれば、またお仕事を頑張れます！

今回は、仕事中でも手軽に読める私のお気に入りのWEB漫画をご紹介します！

私はお仕事でよくゲーム関連のサイトのデザインをするのですが、一言で「ゲーム」といっても幅広いジャンルがありますよね。

アクション、ホラー、ファンタジー…etc。世界観も表現方法も多岐に渡るため、毎度頭を悩ませています。

今回は、そんな時に私が参考にしている「ゲーム関連のデザイン制作時に参考になるサイト」をまとめてみましたので、ご紹介します！