スマートフォン対応に際して、HTML5＆CSS3にて制作しました。

簡単まとめ

元々、デザインテンプレートに関しては他のCMSよりも柔軟性の高いModxだけあって、比較的に簡単に対応出来ました。

iPhoneに関しては、テンプレートもすでに出ているので、非常に対応しやす状況です。

　また、Androidに関しては、HTML5のシンプルなコードとCSS3で簡単に実装できるので、特に問題もなく制作出来ました。

もちろんiPhone独自のタグ（Safari用）を使用すれば、見た目にキレイで便利なサイトが制作出来ますが、別段通常のHTML5でも問題なく十分に機能します。
　逆に、HTML5とCSS3で対応すれば、iPhoneとAndroidの違いはなく、同じデザインテンプレートを共有できるので、非常に楽です。
ただし、Android側では表示される画面サイズが様々なので、少々問題がありますが…
viewportの設定を使ってしまえばiPhoneとの差はありません。

しかし、落とし穴はあるもので、画像表示に若干の難があります。
これについては、他の方も色々と作業をされているようなので、そちらを探してください。

　あと、意外な落とし穴？だったのは、テキスト記入用のエディターTinyMCEがHTML5にまだ対応していない…というところでしょうか。
なぜ対応していないと、問題があるのか？と言いますと文章内に書き込んだHTML5のタグを勝手に消去されてしまうからからです。

　現状は、エディターを使用しないで、直接手打ちでタグを入力しています。
この部分関しては、プログラムコードを変更して対応している方もおられるようですが、出来るだけ早い時期に対応してほしいですね。