タグ

cssとモバイルに関するmassiromoheのブックマーク (4)

  • メディアクエリだけでモバイルデバイスを判定する - Qiita

    デバイスを判定する方法として、UAから判断したりUAparser.js などのライブラリを使う方法がありますが、とにかくモバイルかどうかだけを判定したい時に、ライブラリを読み込んだりするのもどうなのか。と思っていた時に、発見した方法がメディアクエリを利用する方法 参考: https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134 CSSの2つのフィーチャーを使う それは Hover と Pointer hover ポインティングデバイスが要素のhoverをサポートしているかをチェックすることができる pointer ポインティングデバイスを持っているか、もしそうならば、主要なポインティングデバイスにどれだけの正確性があるかを調べる この二つを組み合わせることで、モバイルデバイスを判定することができる

    メディアクエリだけでモバイルデバイスを判定する - Qiita
  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • 携帯のコーディングのメモ | 我流天性 がらくた屋

    ハマったので自分なりのメモ。 後々追記/編集していきます。 ■3キャリアでの共通文字サイズ(大中小)の指定 <span style=”font-size:x-large”>大</span> <span style=”font-size:medium”>中</span> <span style=”font-size:xx-small”>小</span> AUの古い機種(PENCK)では、小サイズは x-smallでもいけたのに、最近のAUではダメだった。 docomoのFOMA(N703i)ではx-smallでもxx-smallでもOKだった。 3段階以外の文字サイズは無いっぽい ■marqueeについて <div style=“display:-wap-marquee; -wap-marquee-loop: infinite;“>docomoは全角で32文字まで</div> と書く。(無限

    携帯のコーディングのメモ | 我流天性 がらくた屋
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • 1