[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav | コリス

2012/06/20 215 users コリス Libs Ajax スクリプト ナビゲーション

デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery... 続きを読む

EZ-NET: iPhone や iPad の画面レイアウト : iPhone プログラミング

2011/12/29 138 users iPhone ナビゲーションバー EZ-NET iPad

□ iPhone や iPad の画面レイアウト iPhone や iPad でコントロールをレイアウトしようと思ったときに、どこからどこまでが何ピクセルとかわからなくなることが多かったので、整理しておくことにしました。 基本的に、iPhone では横が 320px の縦が 480px で、iPad では横が 768px の縦が 1024px です。その他のナビゲーションバーやツールバーといったも... 続きを読む

[CSS]スマートフォンからデスクトップまで、Responsive Web Design用のCSSのフレームワーク -MQFramework | コリス

2011/11/09 91 users コリス タイポグラフィ font-face グリッド CSS

MQFrameworkの特徴 スクリーンサイズ 5つの異なるスクリーンサイズに対応。 320px, 480px, 768px, 960px, 1140px グリッド グリッドは12カラムをベースにし、さまざまなレイアウトに対応。 タイポグラフィ @font-faceを使ったタイポグラフィ。 使い方が簡単 スマートフォンからデスクトップまで対応したResponsive Web Designのサイトを... 続きを読む

iPhone Safariでドキュメントの幅はどうやって決定されるか - Takazudo hamalog

2011/06/05 55 users Takazudo hamalog ドキュメント width

まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial... 続きを読む