タグ

CSSとMobileに関するp_chopinのブックマーク (3)

  • CSS Nite in Ginza, Vol.21 - Archiva

    Make a note of it: Web tech, montaineering, and so on. CSS Nite行ってきました。今回は携帯サイトについて。バックエンドの話もちょろっと出てきて、CSS Niteにしては濃い内容でした。あともう一歩踏み込んでくれれば新鮮な驚きもあったかもですが、やっぱその辺は社外秘っぽいですね。セッションの運用とか。 以下、まとめです。途中で面倒くさくなったので、preタグ貼り付け。 携帯サイトのコーディング事情~基編 @宮永邦彦(アイデアマンズ株式会社) 実例紹介 → 東京モード学園 ・3G携帯のみ対応の先進的なケース 携帯インターネット人口は、パソコンに迫る勢い → パソコン 8,055万人 → 携帯電話・モバイル 7,086万人 (平成18年「通信利用動向調査」/総務省 ) 主な利用者は若年層。学生、女性。 どんなコンテンツが携帯向き?

  • http://ima.pandach.com/cgi-bin/mt/2007/04/auezweb.php

    p_chopin
    p_chopin 2007/05/23
    『見出しのマージン、段落の行間(line-height)と空白(margin)或いは字下げ(text-indent)、body要素への数 pxの余白(margin or padding)だけで十分だと思います。特に「body要素への数px(或いは数%)の余白」は重要です』
  • 携帯端末対策 - saitonのブログ

    はてなダイアリで携帯端末にやさしくする CSS を追加してみた。出来るだけ丁寧に解説してみる。 はてなダイアリの管理からデザイン、詳細を開き、ページのヘッダの中味の最初と最後に以下の記述を追加する。 <div class="mobileskip"> ・・・ </div> 同ページの「スタイルシート」に、以下の記述を追加する。 @media handheld{ div.mobileskip, table#banner{display:none} } 待てよ。 インターネット接続機能付きの携帯電話からはてなダイアリーのページ(パソコンからアクセスする時と同じURL)にアクセスすると、自動的にモバイル版(携帯版)ページが表示されます。 こんな余計な仕掛けがはてなにはあったのか。ここなら http://d.hatena.ne.jp/saiton/mobile だったか。ともかく、この仕掛けははてな

    p_chopin
    p_chopin 2007/01/29
    @media handheld{div.mobileskip, table#banner{display:none}}』
  • 1