365体育网在线手机版-首页(歡迎您) 错误: 您查找的页面未找到 页面自动 跳转 等待时间: 5
「user-scalable=no」なんて要らないし、ついでに「-webkit-text-size-adjust:none」も要らないんじゃないの、という話。 自分の知識や理解度によって、間違ったことを書くかもしれないけど、いままで経験したことからの、考え方や結論。 user-scalable=no は、無用の長物だと思っている user-scalable=noというのを入れていると、いわゆるスマートフォンでは、画面の拡大縮小ができなくなる。 これを入れているサイトは、どんな理由で入れているのか。 そもそも、これの存在意義はなんだろう? これが入っていると、画面の一部分を拡大したい、なんてとき、ダブルタップやピンチを使っても反応なし。 それって、閲覧者からしたら、いいことないよね? 仮に、制作側に何かメリットがあったとしても、yes(拡大縮小を可能)にしたところで、特にデメリットなどないの
前編ではiOS5のMobile Safariから使えるようになったHTMLやCSSの要素などについて試してみた、半分だけ紹介・解説しました。まだ前編を読んでいないという方は先に前編を読んでおくことをおすすめします。 →iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 ざっと今回試してみたプロパティやテクニックをもう一度振り返っておくと以下のような感じです。 position:fixedを使ったタブUI overflow:scrollを1本指ですいすいスクロールさせる Web Symbols typeface CSS Only Transition Effects 新しいInput typeとネイティブっぽいselect UI Inline SVGとSVG icons 前編では最初の3つを紹介・解説したので、後編では残りの3つを紹介したいと
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマートフォンでも使いやすいテキスト入力欄を作るテキスト入力欄を、PC用ブラウザだけでなく、スマートフォンやタブレット端末でも使いやすくしてみましょう。既存のページを大きく改修することなく、簡単に実現できる方法をご紹介。 入力フォームのあるウェブページが、スマートフォンやタブレット端末で閲覧される場合も考慮して、それらの端末でも使いやすいテキスト入力欄を作ってみましょう。大きく改修しなくても、ほんの少しの記述で使いやすい入力欄になります。 type属性値でテキスト入力内容の種類を限定する スマートフォンでは、画面上に表示されるソフトキーボードを使って文字を入力します。このとき、入力内容に適したキーを最初から表示させておく方法があります。 テキスト入力欄を作る際、input要素のtype属性値には以下のように「text」と指定します(※name属性やvalue属性など、他の属性の記述は省略し
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / スマートフォン用のviewport指定、このいずれかかと思うんだけどどうなんだろう。 リキッドパターン iPhoneの場合、縦の時:幅320px、横の時:幅480pxにviewportが調節される。それ以外の幅のデバイスでは、そのデバイスの幅に合わさってリキッドになる。 user-scalable=noなので、ユーザーによるピンチイン、ピンチアウトのズームが不可能。この時点でかなり嫌だが、これは、iOSが、縦→横にorientationさせた時、ズーム率を自動で調節するという機能を殺すため。(iPhoneであれば縦→横でズーム率が1.5倍になる) この自動ズーム率調節機能がイキでいいのであれば
あちこちのサイトをのぞいてみて、パソコン用のCSSとiPhone用のCSSを切り替えるには、これがいいようだ。 <!--■iPhone対応■--> <meta name="viewport" id="iphone-viewport" content="width=480, user-scalable=yes, maximum-scale=3.0" /> <link media="only screen and (max-device-width:480px)" href="iphone.css" type="text/css" rel="stylesheet"/> <link media="screen and (min-device-width:481px)" href="pc.css" type="text/css" rel="stylesheet"/> <!--[if IE]> <l
HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超
過去のエントリーの改訂版です。 今回はより簡単にHTML+JavaScriptでiPhoneアプリを作る方法を紹介します。 より少ない手順で、ビルド時に警告もありません。 iPhoneSDKにはSafariにも搭載されているレンダリングエンジンのWebkitが含まれています。これを利用して、HTMLでもiPhoneアプリを作ることができます。 このままAppStoreにも登録できます。 ゲームも作ろうと思えば作れますが、iPhoneのCPUはPCと比べると非常に遅いので、いくらJavaScriptが早いSafariと言えども、動作速度は期待できません。 HTMLファイルの準備 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く