[WP] wp_is_mobile と iPad と WP Super Cache の怖い関係 - @mekemoke
wp_is_mobile のモバイル判別方法 wp-includes/vars.php の 101 行目で、下記のようなコードがあります。 つまり、ユーザーエージェントに下記の文言が含まれていると、モバイルと判断されます。 Mobile, Android, Silk/, Kindle, BlackBerry, Opera Mini, Opera Mobi WP Super Cache のモバイル判別方法 そしてキャッシュ機能として有名なプラグイン、WP Super Cache 。 これはモバイルにも対応していて、モバイルからのアクセスがあった場合にはキャッシュしないという機能があります。 下記がモバイルと判断されるユーザーエージェントのリスト。これらが含まれていると「モバイルからのアクセスだ」と判断されます。（2013.2.15 ver1.2） 2.0 MMP, 240×320, 400X
![[WP] wp_is_mobile と iPad と WP Super Cache の怖い関係 - @mekemoke](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6c5688e0b4da270f693e6b4104eee0b61de12b0/height=288;version=1;width=512/https%3A%2F%2Fmekemoke.jp%2Fwp-content%2Fuploads%2F2019%2F01%2F1360923927_102866-wordpress-240x240.png)
Blu-Ray 映像、どこまで圧縮しても iPad で綺麗に見られるか
マックな気まぐれメモ 趣味のMac歴約30年。デジカメ片手に旅行するのが好きなオヤジです。国内はほぼ全県制覇し、海外も約20ヵ国ほど行きましたが、やはり故郷の福岡県門司港とタイの街歩きがお気に入りです。旅行の話題を中心に、Apple製品とアプリに関する情報や日々思ったことを気軽に綴っています。 iPad の Retina Display は、肉眼ではドットが見えないくらい緻密です。そのため、大画面液晶テレビでは荒くて見るに堪えない映像でも、かなり綺麗に見ることができます。Blu-Ray の映像は 30 GB 程度はあるので、それをリッピングして iPad に入れて見るのは無理があります。ということで、どれくらいまで圧縮しても Blu-Ray Full HD 映像を綺麗に見ることができるか試してみました。 使った映像は市販の Blu-Ray です。こちょこちょと DVD Fab Passke
スマートフォン・タブレット・PCの場合の条件分岐(JavaScript)
例えばスマートフォンでアクセスした時に、スマートフォン用のアドレスに飛ばすなどユーザーエージェントで判別して処理を変える方法のメモです。 ▼スマホ（iPhone,iPod touch,Android）の場合の条件分岐 if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0)) { //スマホ（iPhone,iPod touch,Android）の場合 alert('おっす、スマホちゃん！'); }
iOS FW
○ 目次 ○ iPhone iPhone iPhone 3G iPhone 3GS iPhone 4 iPhone 4S iPhone 5 iPhone 5c iPhone 5s iPod touch iPod touch 1G iPod touch 2G iPod touch 3G iPod touch 4G iPod touch 5G iPad iPad 1 iPad 2 iPad 3 iPad 4 iPad Air iPad mini iPad mini iPad mini 2G AppleTV AppleTV 2G AppleTV 3G FWのダウンロードについて iOSファームウェアをダウンロードする際に環境によって拡張子が勝手にzipへ変更されてしまう現象が発生する場合があります。 この場合は「手動で拡張子をipswへ変更」してください。 拡張子の変更方法は通常のファイル名変更
文字・画像を反転させる « CSS OBOEGAKI
現在はGoogle Chrome、Safariでしか対応していませんが、 box-reflectプロパティで文字・画像に反転の効果を付けることができます。 .reflect1 { -webkit-box-reflect:right 10px; } .reflect2 { -webkit-box-reflect:below 5px; } .reflect3 { -webkit-box-reflect:below 5px; } 反転します。反転します。 above(上)、below(下)、left、rightで反転する方向、 半角スペースを空けて値を指定すると間隔を指定できます。 また、反転した画像にマスクをかけて鏡に写りこんだような表現もできます。 .reflect4 { -webkit-box-reflect: below 0px -webkit-gradient(linear, left
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ - かちびと.net
なかなか良さ気だったので備忘録。 iPhone、AndroidやiPadなどの人気 のタッチデバイス用に作られたギャラ リー用のJSライブラリ・PhotoSwipe。 人気のプラグイン、jQueryMobileでも 利用することが出来ます。 タッチデバイス専用とあって、独自の操作でもある、ピンチイン/アウト等による拡大や回転、フリックで進むなどの操作が可能です。 PhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。また、jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。 [note] jQuery Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。[/note] PhotoSwipeサンプル with jQuery Mobile 以下、iPhon
jQueryでiPhone、iPad、Androidのそれぞれ縦・横画面の向きを判別してCSSクラスを追加する方法｜BLACKFLAG
iPhoneやAndroid（アンドロイド）向けのスマートフォンサイトを制作する際、 各キャリアの縦向き、横向きを考慮した画面設計やHTML構成を考えて制作しなければなりません。 それぞれ端末ごとに細かな設定の変更が必要な場合など OSの判別をする必要になってきますが、 そんな際に使える、jQueryを使って簡単にOSを判別し、それぞれCSSクラスを追加し 画面の縦／横それぞれ切り替わった際にも別々のクラスを追加するスクリプトの紹介。 jQuery SmartPhone SWITCH アクセスされたOSと画面の向きを判別して それぞれ＜body＞タグにCSSクラスを追加します。 追加するCSSクラスは以下の通り。 —————————————————– iPhoneには「body class=”iphone”」追加 iPadには「body class=”ipad”」追加 Androidには「
flickGal - jQueryプラグイン | stakamura
$(function(){ $(".yourElement").flickGal(); }); iPhoneでフリックギャラリーを実装するプラグインを作ってみました。アンドロイド等他のスマートフォンでは確認しておりません... iPhoneのtouchEventなどに関して、nogunoguさんの記事を大変参考にさせていただきました。（というか完全にnogunoguさんの研究のおかげです）感謝でございます！ デモ こちらをご覧ください。→ view demo ※PCでの挙動確認は確認できません。iPhoneで見てもらえると嬉しいです。 確認環境： iPhone3G ver 4.2.1 Safari, iPad ver 4.2.1 Safari ダウンロード githubついに導入できた！コミットの仕方なんか変かも知れません。 ダウンロード (GitHub) 実装手順（1〜4） 1.
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」 iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。 利用方法 jQuery本体とjquery.event.dblTap.jsをhead要素などで読み込みます。 <script src="jquery-.min.js"></script> <script src="jquery.event.dblTap.js"></script> 後は「dblTap」をbindするとdblTapイベントが実装できます(クリックにも反応するようにしています)。 $("button").bind("dblTap",function(){ alert("duble tap"); }) デモ 初期設定では5
iPhone Painters Japan: SkecthBook Proを快適に使うための基本Tips
2010/08/13 SkecthBook Proを快適に使うための基本Tips Author: Necojita | Posted at: 8/13/2010 | Filed Under: SketchBook Pro iPadで人気のお絵描きアプリSketchBook Proをより快適に使うためのちょっとしたTipsをご紹介します。今回はブラシと消しゴムを素早く切り替えるための便利な設定についてです。 ブラシの切り替えを行う為には通常ツールバーの中央のボタンをタップします。三本指で画面に触れても同様に操作出来る設定がありますが、若干表示に時間がかかります。 １、四隅のショートカットを設定する 上部のツールバーのインフォメーションボタンをタップすると基本的な操作設定が変更出来ます。ここで画面の四隅をダブルタップした場合のショートカット機能を変更出来ます。 ２、Last Brus
研究室／iPhone、iPod touch、iPad用Webクリップ用アイコンの作り方 - iをありがとう
このページでは、iPhone、iPod touch、iPadの「Webクリップ」機能で表示されるアイコンの作り方を解説します。 Webクリップとは iPhone、iPod touch、iPadのウェブブラウザ「Safari」の、ブックマーク機能のひとつです。 ホーム画面に、ウェブサイトへのショートカットを置くことができます。 Webページや、ページ内の特定部分に素早くアクセスできます。 Webクリップを作成すると、表示中のページを縮小した画像が、ボタンとして作成されます。 Webクリップ機能に対応したアイコンを設置しているサイトの場合は、そのアイコンがホーム画面に登録されます。 Webクリップの作成方法 Safariで、任意のWebサイトを開く ブックマークに追加などが行える、共有アイコンをタップ「ホーム画面に追加」を選択 このとき、通常は表示しているサイトの縮小画像（サムネール）がアイコ
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生（autoplay）を行う｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
HTML5ビデオを埋め込むコードは <video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay> </video> iPhone, iPadでautoplayを行うには <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3");</script> <script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; function fakeClick(fn) { var $a = j$('<a href="#" id="fakeClick">
【CSS】iPadだけにCSSを適用する方法:</gecko>：げことじ。：日常からWEBまで：
結論から言うとjavascriptでUserAgentを参照して振り分けるしかない。 linkやcss内の@mediaでどうにかなるもんだと思ってましたが。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> どうやら↑では”iPadオンリー”は無理です。 結局UserAgentを見るしかない。 var iPad = /iPad/.test(navigator.userAgent); if(iPad){ //iPadだけに適用させたい記述 } 長くなるので無理な理由、検証、iPadだけにcssを適用させるjsは以下に。 目次 最初に調べたエントリー linkタグのmedia属性で判別する方法 landscapeモード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.act2.com/brand/hyperjuice/iusbport/
iphone/ipadでフォーム要素の角丸や影をなくす - markup おぼえがき
YouTube人気急上昇
ブログ
iPhone での -webkit-text-stroke プロパティ
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ - かちびと.net
http://iphone-diary.com/?p=7409
