タグ

ブックマーク / sakaki0214.com (3)

  • スマートフォンのサイトを横に回転させた時に画面のサイズに合わせて拡大させるには │ これからゆっくり考L +α

    2013年1月26日追記 時代の移り変わりとともに、このソースでは対応できなくなっているので 続:Androidブラウザでviewportのwidth指定[to-R] こちらのやり方がいいと思います! これを横に回転させて、 画面幅に合わせて拡大したい。 これ、見にくくないのかな...と個人的には思うんですが、そういう依頼がちらほら来るのでまとめてみました。 サンプルページ http://sakaki0214.com/sample/110605/ 通常(横にしても拡大しない) <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" /> iPhone用(横にすると拡大する) <meta name="viewport" content="wid

    s5-style
    s5-style 2011/06/06
    $("html").css("zoom" , $(window).width()/320 );
  • Mobile 記事一覧 │ これからゆっくり考L +α:

    携帯(ガラケー)コーディングでインデントはNG 2011年12月27日 [携帯]inputタグの文字色が外側のフォントカラー指定に影響される 2010年11月15日 [携帯]画像を縦に隙間なく並べる方法 ver02 2010年09月06日 ケータイサイト制作前にコーダーが確認しておきたいところ 2010年07月07日 [携帯]携帯サイトで枠線を表現する方法 2010年05月29日 [携帯]submitボタンの大きさ調整 2010年04月21日 [携帯]デザインの時、fontサイズを何pxにしてますか? 2010年03月26日 [携帯]カラーコードを3桁で指定するとどうなるか 2010年02月22日 [携帯]フォントサイズ(XHTML版) 2010年01月14日 携帯サイト[xhtml]のコーディング前のチェックポイント 2009年11月30日 [携帯]各キャリア別、背景画像の対応状況 20

    s5-style
    s5-style 2010/02/08
    モバイルに関するチュートリアル。細かいところまで丁寧にまとめてあります。
  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

    s5-style
    s5-style 2009/11/01
    3キャリア対応、CSS無のコーディングをする際のチェックポイントなど
  • 1