FeelShotのマニュアルは、このサイトのマニュアルのページをブラウザで開くようになってます。
レスポンシブデザインには、もともと対応していたのですが一口にレスポンシブデザインと言っても実際の表示のされ方は様々です。
ちなみにレスポンシブデザインとは？
レスポンシブデザインとは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。
IT用語辞典 e-Wordsから引用。
納得のいくレイアウトや表示をしてくれるテーマを探していたのですが、これも実際にインストールしてみないと最終的にどうなのか？わかりづらい面も多いですね。特に日本語環境だと英語のフォントの印象から掛け離れた日本語フォントが出てきたりという事もあったりして、カスタマイズしたら良くなるのか？カスタマイズできるのか？など試行錯誤してやっとこの形に落ち着きました。
マニュアルを見やすくする事、これが結果的にこのサイトを見やすくする事と同じだったので、iPhoneやiPad、他のスマホでも見やすくなっているはずです。
特にiPhoneで見た時の左右の余白、そしてスクロールする時に左右には動かないという事を重視しました。
トップページの記事の抜粋に画像も表示されるようにしました。
あとはマニュアルを直していくと。日本語、英語の順で。