Integrate with the OS sharing UI with the Web Share API | Articles | web.dev
With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps. System-level share target picker with an installed PWA as an option. Capabilities and limitations Web share has the fo
iPhone Safariで動画をインライン再生する方法 - Qiita
##iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 ##制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサ
» スマホでスクロールを禁止させる方法 | negic
軽めのjQuery Advent Calendar 2012の24日目の記事です！ PCサイトでスクロールを禁止させるには、bodyにoverflow: hidden;をかければスクロールができなくなるが、スマホサイトでは、一部Android端末では効くが、iOSではスクロールができてしまいます。 スマホでスクロールを止めるには、jQueryを使うと便利です。 スマホの独自イベントである、touchmoveイベントを切ればスクロールを止めることができます。 方法は下記のとおりです。 $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); あるタイミングでスクロールさせたくなったら、off()すればいい。 $(window).off('.noScroll'); イベント名に、.noScrollとあるが、
What's an optimal or efficient way to detect a 'touch screen' device using JavaScript?
I've written a jQuery plug-in that's for use on both desktop and mobile devices. I wondered if there is a way with JavaScript to detect if the device has touch screen capability. I'm using jquery-mobile.js to detect the touch screen events and it works on iOS, Android, etc., but I'd also like to write conditional statements based on whether the user's device has a touch screen. Is that possible?
K8CC - Trang Chủ Cá Cược Thể Thao K8 Bet Chính Thức 2025
K8CC - Nhà Cái Cá Cược Thể Thao Uy Tín - Link K8 Bet Mới Nhất K8cc – Nhà cái cá cược thể thao trực tuyến uy tín tại Việt Nam. k8cc.com.bz là website chính thức của Nhà cái K8cc, nơi cập nhật link vào k8cc không bị chặn mới nhất 2024 để đăng nhập, đăng ký và tải app apk/ios; hướng dẫn tân thủ chơi game và những khuyến mãi HOT của K8cc. K8cc – Sân Chơi Giải Trí Chất Lượng, An Toàn, Uy Tín Số 1K8cc n
新・三大JavaScript タッチ対応ライブラリ比較(Hammer.js/QuoJS/ TouchSwipe) - Qiita
モバイルデバイス全盛の昨今、サイトのデザインだけでなく動きも対応しなくては！というケースがあります（私はありました）。 そんなわけで、JavaScriptのタッチ対応ライブラリについて評価を行ってみました。ライブラリの一覧についてはこちらのサイトが詳しく、ここから対応イベント・更新頻度を基に評価対象を表題の３つに絞り、その動作を比較してみました。 各ライブラリによるタッチの挙動は、以下で比較可能です(おまけでTouchyも入ってます)。 Gesture Detector 今スマホやタブレット的な何かでこの記事を読まれているあなた！はぜひ実際に動かしてみて下さい。 私はAndroid4.0デバイスしか持ってないので、xxで動かんぞ、ということがあるかもしれないです。そんな時はコメントなどで連絡いただけたらうれしいです。また、コードはこちら。 結論 **結論としてはHammer.jsをお勧めし
Titanium™ を捨てるとき - imthinker::net
Titanium™ Advent Calendar 2013 2日目は釣りタイトルなポエムです！今年も Titanium には大変お世話になりました。いろいろな意味で。個人的な最大のトピックは仕事で使い始めたことなので、それと絡めて書いていきます。 Tips とか無いから、それを期待する人は引き返そう！ Titanium との出会い Titanium との出会いは 2011 年でした。当日勤めていた会社の友人と一緒に何かサービスを作ろうと意気込んでいて、モバイルアプリ開発に手を出してみるものの、当時の iOS は ARC が無かったり、 Objective-C リテラルが無かったりして、やりたいことに対するスピード感が学習しながらでは出せないところに現れたのが Titanium でした。 幸い JavaScript はちょっと書けたし、標準 UI を使って開発ができるということだったので手
モバイルブラウザでもサクサクに動作する最適化6つのノウハウ
「Webサイト・アプリ高速化テクニック徹底解説」第8回は、モバイルブラウザに向けた最適化について紹介します。 モバイル端末はPCに比べ、CPUやネットワークなどの性能面で劣ることからボトルネックの影響が出やすく、またゲーム開発など突き詰めたチューニングを行う場面では、特殊なノウハウも必要になります。 しかしきちんと最適化を行えば、その効果もその分著しく、比較的低スペックな端末や3G回線であっても、サクサク軽量なサービス提供が可能です。今回の記事では、その勘所をお伝えしたいと思います。 1. ボトルネックを取り除く まずはやってしまいがちなボトルネックの事例について、挙げていきたいと思います。前述のようにモバイル端末では、その性能からPCよりも顕著に、未最適化箇所が体感に影響を及ぼします。 仕事がらそこそこの数のアプリケーションを見てきましたが、モバイル向けに特化したチューニングができていな
AppGyver
The missing tooling for hybrid apps Build, test and distribute for iOS and Android Steroids CLI The Steroids Command-Line Interface is at the heart of the tooling. It works on OS X, Windows and Linux. It offers tools for creating new projects, running a local development server, debugging, launching emulators, viewing logs and more. In addition to the command-line interface, there is also a graphi
Why mobile web apps are slow
I’ve had an unusual number of interesting conversations spin out of my previous article documenting that mobile web apps are slow. This has sparked some discussion, both online and IRL. But sadly, the discussion has not been as… fact-based as I would like. So what I’m going to do in this post is try to bring some actual evidence to bear on the problem, instead of just doing the shouting match th
PhoneGap Android の戻るキーと自力でアプリ終了 ｜ オーララインの技術ラボ日記｜株式会社オーラライン
オーララインの企業情報を配信するサイトです。コンサルティングから開発保守業務に至るまで統合サービスを提供します。ソリューション、製品情報、採用に関する事等をお知らせしています。Android での「戻るキー」について iOSユーザーにはわかりづらいと思いますが、Androidユーザーは戻るキーがないと悶死します。 Windows でいう右クリック程度には使用頻度が高いものなのです。 メニューキーや戻るキーは iOS しか使用経験のない方々には軽視されがちですが、Android のユーザーにとってはとてつもなく重要な要素なので、アプリを制作するがわの人々は気を付けてください。 知らないひと向け・戻るキーの扱い Android での戻るキーの扱いは、一言でいえばその名の通り「ひとつ前の手順に戻る」というお約束になっています。 Android ではその設計思想から、ひとつの処理を複数のアプリで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Web App Checklist | Luster
【Grunt.js】ブラウザを同期してくれるgrunt-syncがスマホ制作で最強な件
Blog - LINE ENGINEERING
通信帯域を調整できるgruntプラグインを紹介するよ - Qiita
PhoneGapプラグインの作成 - Qiita
– Tech Pro Shopping
GitHub - matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
本当は怖い HTML5 Canvas の Retina対応 - Qiita
flipsnap