seesaaブログテンプレート改造計画スマートフォン専用ページを表示スマートフォンサイト作成の注意点|seesaaブログテンプレート改造計画seesaaブログのテンプレートをカスタマイズしてみます。無料で使うことのできるseesaaブログ。FC2ブログなどと比べると、カスタマイズの幅がいまいち。どこまでシーサーブログをカスタマイズできるのか試して見ます。>>2013年04月18日スマートフォンサイト作成の注意点スマートフォンとPC、テンプレートを共有する場合で使用できないHTMLやスタイルシート、作成上の注意点についてお勉強してみよう。スマートフォンサイト作成時の注意点1、インラインフレームインラインフレームそのものは使えるが、スクロールバーが表示されなかったりと色々と問題が生じる。スクロールそのものは、2本指でフリックすればスクロールできる。HTMLでの対策はあるにはあるけど、面倒なのでなるべく使わないほうがいいかも。2、一部の機種で太字表現ができない。Japaneseにはボールド体が存在しない。bold〕は使用できない。3、フォントサイズは12px以上で作成iPhoneには特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしくなるバグが存在する。4、極力画像・Flashを使わないFlashが表示できないスマートフォンもある。明朝などの等幅フォントで作る。6、リンクの領域は44px以上でスマートフォンは指で操作するタッチデバイスという特徴上、小さいリンクなどは非常に押しにくい。7、横幅は320pxで見やすい、リキッドサイズでデザインするのが望ましい640pxでデザインする場合は余白やフォントサイズなどがすべて2で割り切れるようにデザインしないといけないらしい。320PXくらいでも見やすい、デザイン。横にしたときでも崩れない、リキッドサイズでデザインする。980pxと判断されて、縮小表示される。8、オンザマウスで説明がでるようなデザインは使わないマウスを乗せると、説明がでるようなデザインはスマートフォンでは使えない。使いたいなら、タップしたときにもマウスを乗せたときと同様な説明がでるようにする。難問は、viewportというmetaタグ。勉強不足のせいか、ぴんとこない・・・。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。30カテゴリ・日記(2)・タグページのカスタマイズ(2)・SEOカスタマイズ(8)・最近の記事をカスタマイズ(2)・シーサー(seesaa)ブログの広告設定(4)・カテゴリのカスタマイズ(5)・ヘッダー部分のカスタマイズ(3)・カラム配置のカスタマイズ(2)・seesaaブログの基本操作(4)・記事コンテンツのカスタマイズ(2)・スマートフォン用テンプレートのカスタマイズ(3)・過去ログのカスタマイズ(1)過去ログ2014年06月(2)2014年05月(14)2013年04月(2)2013年03月(1)2012年11月(4)2012年10月(3)2012年09月(2)2012年08月(9)2009年05月(1)ファンメッセージを送るこのブログの読者になる更新情報をチェックするブックマークする友達に教えるSeesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。