ケータイサイトでのtableタグの使い方がまとめられた記事「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第二弾)」

2010/3/2 火曜日 Posted in デザイン, 記事紹介・リンク | No Comments »

case:MobileDesign!さんに、先日ご紹介させていただいた記事の続編が掲載されていましたのでご紹介します。 今回はtableタグのコーディングについてです。   → case:MobileDesign! モバイルサイトのデザイン紹介ブログ 一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第二弾) [d.hatena.ne.jp]   最近は対応端末がほとんどとなっているためそれほどでもありませんが、tableタグはケータイサイトを作る上ではまりやすいポイントとなっていました。   ドコモ901以前の世代に対応しなくてよいのであれば、表現力の限られるケータイサイトのデザインでは、tableタグをうまく使うことは非常に重要になってきます。 上記のブログを参考に勉強してみてはいかがでしょうか。   関連: デザインに優れたケータイサイトをキャプチャ付きで紹介しているサイト「case:MobileDesign! モバイルサイトのデザイン」 ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 見栄えの良いケータイサイトを作るためのポイントがまとめられた記事「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術」 Read more..

見栄えの良いケータイサイトを作るためのポイントがまとめられた記事「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術」

2010/2/19 金曜日 Posted in デザイン, 記事紹介・リンク | No Comments »

コーディング絡みで良い記事がありましたのでご紹介します。 モバイルサイトのデザインを紹介しているブログ「case:MobileDesign!」で、「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第一弾)」というエントリーがありました。 → case:MobileDesign! モバイルサイトのデザイン紹介ブログ 一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第一弾) [d.hatena.ne.jp]   横幅240pxの画像を作るときは良く考えて! リンク用画像を作るときはマージンも画像内に含めて! 左右にマージンを取ってテキストを読みやすく! XHTMLで背景を切り替える時は<div>に要注意! 今回は第一弾ということで、上記4つのテクニックが掲載されていました。 2番目のリンク用画像については、私はいつも余白を取らずギリギリで作成してしまっていたため、今度から素材を作る機会があれば活用していこうと思います。   4番目のauで背景画像に切れ目が入ってしまう件は、ハマりやすいポイントですね。 こちらのブログでも詳しく解説されているので、合わせて参考にしてみてください。 → ゆめ技:ゆめみスタッフブログ 【3キャリア共通コーディング】au(EZweb)端末で、divの隙間を消す裏技。 [yumewaza.yumemi.co.jp]   第二弾のエントリーも期待しています。   関連: デザインに優れたケータイサイトをキャプチャ付きで紹介しているサイト「case:MobileDesign! モバイルサイトのデザイン」 ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 ゆめみのmod_ktaiがとうとうリリース、しかも無償利用が可能 Read more..