スマートフォン・タブレット・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、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モード
ドコモ光GMOの評判の悪さとデメリットを完全解剖
スマホとのセット割などで人気のドコモ光は、プロバイダが選べるのが特徴です。 今回は数あるプロバイダの中でも特に人気のあるGMOについて、 GMOでドコモ光を登録した人の口コミと評判 GMOをプロバイダに選ぶメリットとデメリット 新規登録方法 などを詳しく解説していきたいと思います。 これからドコモ光を契約する人で、プロバイダ選びに悩んでいる人はぜひチェックしてみてくださいね。 ドコモ光GMOについては以下からどうぞ。 GMOドコモ光公式サイトはこちら【無料】 同じGMOでもwimaxであれば更に安く利用する事も可能です。 GMOとくとくBB公式サイトはこちら【無料】 光回線おすすめ安い比較ランキング。プロバイダ戸建てマンション ドコモ光のプロバイダGMOのガチ口コミと評判を大解析！ まずは、ドコモ光のプロバイダGMOを実際に利用した評判を見てみましょう。 「キャンペーンでお得に使えた！」A
iPadでJavaScriptを書いてすぐ実行するやつ作った - 今日覚えたこと
iPadでプログラムが書きたい。 ってことで、iPad上でJavaScriptを書いてすぐ実行するやつを作った。といってもAppStoreで配信するアプリではなく、htmlとcssとJavaScriptで書いた単純なWebページなので、SafariでURLを開くだけでいい。 JavaScripad JavaScripadって安易な名前だからすでに誰か使ってるかと思ったけど、まだ無さそうだった。 2010-7-19 追記 tabインデントに関する機能を追加した。 改行で自動インデント tabボタンの右フリックでtab文字を入力 範囲選択してtabボタンを左右にフリックすると、複数行まとめてtabインデントの移動 追記ここまで。 2010-6-11 追記 カーソル移動や記号の入力につかうボタンを、フリックで入力するようにした。これによってボタンが大きく押しやすくなったのと、連打して文字選択モー
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
Miro Video Converter FREE - Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad, and more.
From the creators of Miro, a wonderful video player and downloader Try Miro! (also free and open) Finally! A beautiful, simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and iPad. Batch conversion, custom sizing, and more! 100% Free and open-source. Download Download Download Mac Version 3.0 - Linux Source or Download for Windows - Windows Version 3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iphone/ipadでフォーム要素の角丸や影をなくす - markup おぼえがき
YouTube人気急上昇
ブログ
iPhone での -webkit-text-stroke プロパティ
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ - かちびと.net
Sorry, the website has been stopped