メディアクエリだけでモバイルデバイスを判定する - Qiita
デバイスを判定する方法として、UAから判断したりUAparser.js などのライブラリを使う方法がありますが、とにかくモバイルかどうかだけを判定したい時に、ライブラリを読み込んだりするのもどうなのか。と思っていた時に、発見した方法がメディアクエリを利用する方法 参考： https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134 CSSの2つのフィーチャーを使う それは Hover と Pointer hover ポインティングデバイスが要素のhoverをサポートしているかをチェックすることができる pointer ポインティングデバイスを持っているか、もしそうならば、主要なポインティングデバイスにどれだけの正確性があるかを調べる この二つを組み合わせることで、モバイルデバイスを判定することができる
いまさら聞けないPWAとAMP - Qiita
概要 PWA = モバイルのWEBページでネイティブアプリのようなUXを提供するためのもの ※ 2020/04/05 追記: PWAに関する仕様の策定当初はモバイルでのユースケースが主だったと記憶していますが、PWAはモバイルに限定されたものではなく、実際にデスクトップでの活用例も増えています。参考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モバイルのWEBページを高速化するためのもの どちらもGoogleが主軸となって策定されている、モバイルページを進化させるためのプロジェクトおよび技術。ネイティブアプリの代替技術ではなく、ブラウザAPIの進化によってネイティブアプリのようなUXをウェブページで提供することが主眼。 1. PWAとは Progressive Web Appsの
パララックスでレスポンシブでjQuery Mobileな企業サイトを開発・公開しました（株式会社シーエー・モバイル公式サイト） - IT-Walker on hatena
http://www.camobile.com 昨日オープンしたのですが、こちらでも宣伝しておきます。 この2ヶ月弱というもの、こちらのサイトを開発してました。 ぼくが現在お世話になっている、株式会社シーエー・モバイルさんの企業サイトです。 死にそうなほど忙しかったけど、なかなかインパクトのあるサイトができたんじゃないかと自負してます。 自由にやらせていただき、締め切りの延長にも応じて下さった、シーエー・モバイルさんの懐の深さに感謝。 マウスホイールのない方は、方向キーでもお楽しみいただけます。 もちろんぼく一人で作ったわけではなく、作業のほんの一部をお手伝いしただけです。 一緒に制作したメンバーである稲田真帆さん、金井健一さん、桑田美由喜さん、柴田麻衣さん、ほかシーエー・モバイル デザイン室の皆様には、深く感謝を申し上げます。 今回、かなり自由にやらせていただけたので、技術的なチャレンジ
ke-tai.org > Blog Archive > ケータイでのメール受信設定についてまとめてみました
ケータイでのメール受信設定についてまとめてみました Tweet 2008/9/22 月曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 6 Comments » 少しついでがあったので、ケータイでのメール受信設定の現状についてまとめてみました。 ケータイにはPCとは違い、迷惑メール防止のためのメール受信設定というものがあります。 受信設定を行っているユーザには、これらをしっかり通知しドメインやメールアドレスを登録して貰わないと、ケータイサイトからのメールは届きません。 指定受信案内の例 サイト上でのメール受信設定の対応については、こちらの記事が参考になります。 → beBit ユーザビリティ実践メモ 携帯サイトではメール受信設定への対応が重要 [bebit.co.jp] 気をつけるポイントとして、次の2点が紹介されています。 ドメイン/メールアドレスを追加する
携帯サイトのSEO - SEO
アクセスアップ、SEO、HTML、CSS、JavaScript の覚書。WEB管理のプロが制作過程で対策を記録、初心者も納得のホームページ作成ノウハウ。 携帯サイトのSEOは、基本的にはPCと変わりない。 しかし、ハッキリ断言すれば、モバイルの検索エンジンは、 PCの検索エンジンほど賢くない、というのが現実だ。 その中でGoogleモバイルはダントツで優れているが、 YahooモバイルもBingモバイルもgooモバイルもbaiduモバイルも かなりオソマツ。 検索エンジンの質は、検索結果を見れば一目瞭然。 お目当てのサイトに辿りつけるかどうかである。 YahooもBingも健闘はしているが、 明らかに中身のないサイトが上位を締めている。 このたびiMenuを乗っ取ったgooにおいては あまりにもショボい検索結果で、呆れて笑いすら出てくる。 しかしそれは逆を言えば、SEOの初歩的な知識、つま
【レビュー】iPhoneをフル充電できるコンパクトなアルミ製チューブバッテリー『Power Tube 2200』
iPhone・iPod touchをはじめとする、様々なモバイルデバイスを充電できるスティック型バッテリー『MiPow Power Tube 2200』を購入、試してみました。 この製品は、繰り返し使える充電式の外部バッテリーで、 コンパクトながら2,200mAhの容量 iPhoneをほぼ1回フルに充電可能 8色から選べるスタイリッシュなアルミ筐体 豊富なアダプタで様々な機器に対応 Made for iPod・iPhone取得 といった特徴があります。 カラーバリエーションは全8色。 今回は最も無難(?)なシルバーを選びました。 パッケージを開けると、あまりに多くのコネクター類が同梱されていて少し驚きます。 iPhone・iPod用のDockはもちろん、mini-USB、micro-USB、Nintendo DS、PSPなど、様々なデバイスに対応。 写真右にある2本のケーブルのうち、USB
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
携帯電話の歴史-DoPlaza ～携帯電話情報サイト
au・ドコモ・ソフトバンク・ウィルコムの携帯各機種情報ページではトラックバック（TB）を募集中！ 詳しくはトラックバックの注意事項をお読みください。
すべての端末で画像表示を同じにする方法 - [携帯 + 携帯] ぺんたん info
携帯電話の表示画面は、横幅だいたい240pxですが機種によって値が違うため、 それぞれの端末用に画像を出し分けたりするといった対処法があります。 [参考記事] width、heightを指定する場合のVGA端末対応 [参考記事] iモードブラウザ2.0のQVGA/VGA切替え機能 プログラムを通せるならコチラのほうがいいと思います。 Softbankの端末には横幅480pxまで表示できる端末(VGA端末)があり、 この端末だと横幅いっぱいになるように240px幅で作った画像も画面の半分にしかならないといった状態になります。 そこで対処法のひとつとして、<IMG>タグのWIDTH指定をパーセントで指定する方法があります。 この場合、<IMG>タグにはHEIGHTは指定してはいけません。 横幅だけ指定すれば元画像を縦横等倍に拡大縮小してくれます。 出力される画像ファイル自体の拡大はしないので、
モバイル企画の攻略メモ 株式会社ファクトリアル
モバイルサイト構築・携帯システム開発のプロフェッショナル 株式会社ファクトリアルモバイルビジネスを応援する無料お役立ち新聞 「モバイル企画の攻略メモ」 PCに比べマーケティング担当者の間で事例の共有が進んでいないモバイルマーケティング、そのリアルタイムの情報を気軽に、分かりやすく、様々な角度からご紹介し、皆様の情報収集のお役に立ちたいと考えております。 【無料定期講読申込み】 無料定期購読をご希望の方は下記よりお申込みください。 毎月最新号を発行日に直接メールにてお送り致します。 モバイル企画の攻略メモ 編集部 担当：清水 TEL 03-5766-5632 お申込みはこちら 最新号
エックスサーバー サーバー初期ページ
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
携帯電話・画面サイズ一覧
2011/04/22 登録代行リストを更新 2011/03/18 登録代行リストを更新 2011/02/18 登録代行リストを更新 2011/01/21 登録代行リストを更新
今さら聞けない！Flash Liteの基礎知識 [Flash] All About
今月は携帯Flashである「Flash Lite」について掘り下げます。第一回はFlash Liteコンテンツを作成する上で知っておきたい基礎知識をお届けします。 Flash Lite対応機種を見極める もし仕事で「携帯サイトにFlashコンテンツを導入しよう」という話があれば、どのバージョンを提案しますか？理想は複数バージョンを用意してキャリア・機種ごとに振り分けることですが、限られた時間と予算の中ではなかなかそうもいかないと思います。では、どのバージョンにするかですが、私なら「Flash Lite2でいきましょう！」と言いそうなものです。 携帯でのプラグイン普及率は端末の普及率に準じます。あくまで私の場合なのですが、ふたつ折携帯電話は1年で折れます…。物持ちの良い方でも携帯電話を5年も使われる方は少ないのではないでしょうか？Flash Liteの初代とも言える「Flash Lite1.
![今さら聞けない！Flash Liteの基礎知識 [Flash] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
[PHP] 携帯を考慮して文字化け対策なmailto を書いてみる。 | 株式会社オルタ
ホーム技術情報プログラムPHP[PHP] 携帯を考慮して文字化け対策なmailto <a href="mailto:~"> を書いてみる。 ってか、mailtoなんて使う機会がめっきり無いわけですが、 ちょいと必要になったので作ってみました。 とりあえず携帯対応で文字化け対策なmailto mailtoを書くにあたってそもそもですね、めんどくさい。 メアドだけならいいけど、subject入れたいだとかbody入れたいとかね。 日本語だとエンコードしなきゃとか、改行はそのまま書けないだとか、で、携帯まで考えたら文字コードを考えなきゃいけない。 ので めんどくさいから、もうmailto書くのやめる。 ので とりあえず携帯は無視してmailtoを作る <?php // ※classに放り込む場合 class exampleClass{ public function mailto($param)
![[PHP] 携帯を考慮して文字化け対策なmailto を書いてみる。 | 株式会社オルタ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69cd77d3caafb4f7eb06ef9a710f1983fc329a02/height=288;version=1;width=512/https%3A%2F%2Faulta.co.jp%2Fwp-content%2Fuploads%2F2020%2F10%2Faulta_a_1200x630.png)
iモードhtmlシミュレータⅡのシミュレータモードとは
2012/07/26追記 iモード対応機種 対応コンテンツ・機能一覧のリンク先修正 iモードの動作確認をするのに便利なiモードhtmlシミュレータ。そこに出てくるシミュレータモードについての説明です。 ■「1」 FOMA 901iシリーズ（2004年12月頃発売開始）、MOVA 505iシリーズ（2003年5月頃発売開始）・506iシリーズ（2004年5月頃発売開始）以降。 iHTML5.0 Flash Lite1.1 Deco-mail1.0 ■「2」 FOMA 901iSシリーズ(2005年6月頃発売開始) iHTML5.0 Flash Lite1.1 Adobe Reader LE1.0 Deco-mail1.0 ※PDF閲覧に対応 ■「3」 FOMA 902iシリーズ（2005年11月頃発売開始）、702iシリーズ（2006年2月頃発売開始）以降。 iHTML6.0 Flash L
Web情報配信｜Wiwi connect» Blog Archive » モバイルコーディング逆引き辞典！
基本編 Q：1適切なDOCTYPEは？ Q：2適切な文字コードは？ Q：3xhtmlでコーディングしたのですが表示されない… Q：4容量制限はあるの？ Q：5色は何色まで再現が可能？ Q：6デザインを整える際の注意点はあるの？ テキスト編 Q：7テキストの適切な大きさは？ Q：8斜体や太字はできるの？ Q：9流れる文字や点滅文字はできるの？ Q：10カタカナは全角？それとも半角？ Q：11画像へのテキストの回り込みはできるの？ 画像編 Q：11画像へのテキストの回り込みはできるの？ Q：12画像のサイズってどうしたらいいの？ Q：13拡張子は何がいいの？ Q：14画像の周りにスペースを作る事は可能？ Q：15tableの中にある画像が小さく表示される… table＆div編 Q：15tableの中にある画像が小さく表示される… Q：16valignは使用可能？ Q：17「div」または「t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: CSS3&jQueryで作る スマートフォンサイトUI図鑑 (WEB PROFESSIONAL): 礒田優 (著), 久保知己 (著), 近藤直人 (著), 早川稔 (著), 宮田優希 (著), 株式会社まぼろし (監修): 本
正式発表：アドビ、モバイルブラウザ向け Flash の開発を終了。HTML5へ注力 -- Engadget Japanese
mmsa.jp - このウェブサイトは販売用です！ - モバイル マーケティング ソリューション 研究会 携帯 リソースおよび情報
akatukisidenのメモ帳 : ActionScript(FlashLite1.1)１ キーイベント