スマートフォン用ページの制作工程として
・まず「PC上でコーディング」してから
・表示を「実機スマートフォン」で確認する
という流れがあります。

制作途中でちょっと表示を確かめたい・調整したいときなど、PCと実機スマホを何度も往復していては時間がかかってしまいます。

作業中はPCブラウザの幅を縮めたり、何かしらのツールを使って、PC上でスマホ画面に近い環境を作って表示をチェックしているのではないでしょうか。

今回はPCブラウザでお手軽にスマホページを表示する方法を紹介します。

続きを読む

携帯サイトで画像を縦に並べるデザインの場合は注意が必要です。

試しに下記のようなレイアウトを作りました。

続きを読む

先日、
「レスポンシブウェブデザインで」
「Androidの特定機種に最適化」
という案件をさせていただいたのですが
viewportの設定で非常に悩みました。
 

続きを読む

9月の中旬にSwapSkillsさんのセミナー「スマートフォン+ jQuery Mobile in WordPress」に参加しました。
ブログ（ＰＣ版）のスマートフォン版を「jQuery mobile + WordPress + ktai style プラグイン」で作成してみました。

続きを読む

フォームの入力モードは規格が統一されていないので注意が必要です。

■各キャリアの入力モード

続きを読む