Mobile Safariのランドスケープ表示（横向き）でページを拡大しないようにする - みかづきブログ その3
iPhoneは本体を横向きにしてランドスケープ表示にすると、Mobile Safari の表示が拡大します。 今回はこの機能をOFFにする方法をまとめます。 テキストの拡大をOFFにする body { -webkit-text-size-adjust: 100%; } または、 body { -webkit-text-size-adjust: none; } とCSSで設定すればOKです。 ただし、noneにしてしまうとPCで観覧した際の拡大（Macであれば command + +）で拡大した際にもテキストのサイズが変わらなくなってしまうので、 -webkit-text-size-adjust: 100%; のほうがお勧めです。 テキスト以外の拡大をOFFにする <meta id="viewport" name="viewport" content="width=device-width,
【HTML/CSS】スマホサイトのマークアップやって得た知見まとめ - アプリなどを開発するブログ
今までWEBサイトを作る際は、スマホ向けにははPCサイトのソースをそのままレスポンシブ対応して終わりということが多かったのですが、今回スマホ向けにガッツリHTML / CSSコーディングをやってみて色々わかった事がありました。 備忘録ですが、意外とスマホ向けのTIPSや注意点などのノウハウはネット上に記事が少ないなと感じたので、その辺にも貢献できればと思います。 環境を整える Chrome デベロッパーツールは最強 Chromeに標準で搭載されているデベロッパーツールは、スマホサイズにウィンドウを変更したり、ユーザーエージェントを切り替えたりして、簡易的にスマホエミュレータになってくれます。 ほんとコレなしでは開発できないですわ。 1分で使える！Google Chromeならスマホのブラウザチェック機能はデベロッパーツールに標準装備 さらにChrome Developrt Toolは色々と
【Guide】スマホサイトの作成・基本編
こんにちは（・∀・） スマホサイトを作ると言ってもいろいろとあります。 例えば、既にあるWebサイトをPCサイト・スマホサイトに対応させる、一からPCサイト・スマホサイトを作る、PCサイトはすでにあるので、スマホサイトを別に作ってPCサイトとJavaScriptなどを利用して振り分けるなどなど... ここではHTML5+CSS3を使って、一からPCサイト・スマホサイト(iPhone・Android)を作る方法についてご紹介していきたいと思います。 HTML5でスマホサイトを作るときの基本 HTML5でページを作成していきます。HTML5についての詳しい解説はHTML5・ページ作成の基本をご覧ください。 今回はPCサイト・スマホサイトを一つのHTMLで作りますのでPCサイトも考慮してHTMLを組んでいきます。 なお、スマホサイトの横幅はリキッドレイアウトで指定して可変レイアウトにします。スマ
スマホのメニューデザインに悩んだらこれ！パターン別サンプル36選 | LISKUL
スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で
アドビ―Dreamweaverデベロッパーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
