どうしてもiPhoneで表示しているページをデバッグしたいときの対処法

どうしてもiPhoneで表示しているページをデバッグしたいときの対処法

webサービスを開発しているときに、ステージング環境とかをiPhoneで見ているページをデバッグしたいなとかってときないですか?基本的に開発段階ではChromeで確認&デバッグで事足りるのですが、ステージングに上げて確認したいときとかは実機が一番ですよね。そんなときにiPhoneで表示しているサイトをMacでデバッグする方法をご紹介します。

viewportの指定はどうするのが適切なのかいろいろ検証してみた

viewportの指定はどうするのが適切なのかいろいろ検証してみた

実際に緊急で対応した経験なんですが、レスポンシブでもないし、スマホサイトがあるわけでもないPCサイトをスマホで見るときに困ったことがありました。なのでviewportの指定とメディアクエリの組み合わせをいろいろ検証してみたのでそのまとめです。

スマホサイトってリキッドレイアウトと固定幅どっちで作った方がいいの?

スマホサイトってリキッドレイアウトと固定幅どっちで作った方がいいの?

スマートフォンサイトの制作時に、リキッドレイアウトと固定幅の2パターンがあります。正直どちらも見た目上がそんなに違いはありませんが、どっちで制作するのがいいのでしょうか?メリットデメリット含め記事にしてみようと思います。

ページの先頭へ