Redirecting to: /blog/tauri-mobile-alphaRedirecting from /blog/2022/12/09/tauri-mobile-alpha/ to /blog/tauri-mobile-alpha
Introducing F2
F2 is a free and open-source modern charting library, released under MIT license. The aim of F2 is helping developers to create interactive visualizations for mobile devices more easier. F2 is born for mobile, developed for developers as well as designers. It is Html5 Canvas-based, and is also compatible with Node.js, Weex and React Native. Based on the grammar of graphics, F2 provides all the cha
CodeMirrorでスマホからの日本語入力をなんとかする - Qiita
cm = CodeMirror.fromTextArea(textarea, {inputStyle: 'contenteditable'}) if(UserAgentがモバイルであれば) { const origOnKeyPress = cm.display.input.onKeyPress // 元のkeypressを取得 cm.display.input.onKeyPress = function(e) { // iOSの絵文字キーボードのように、サロゲートペアの直接のkeypressは、CodeMirrorの処理を通すと文字化けるのでキャンセルする if(e.which >= 0x10000) { return } if(!cm.display.input.composing) { // 文字入力中かどうかはcomposingでわかる cm.keyPressTimer = setT
モバイルウェブ動画の再生 | Articles | web.dev
ウェブで最高のモバイル メディア エクスペリエンスを実現するにはどうすればよいですか？簡単に行えます。すべては、ユーザー エンゲージメントと、ウェブページ上のメディアに与える重要性に依存します。ユーザーがサイトにアクセスする理由が動画である場合、ユーザー エクスペリエンスは没入感があり、再エンゲージメントを促すものである必要があることは、誰もが同意するところでしょう。 この記事では、さまざまな Web API を使用して、メディア エクスペリエンスを段階的に強化し、没入感を高める方法について説明します。そのため、カスタム コントロール、全画面表示、バックグラウンド再生を備えたシンプルなモバイル プレーヤー エクスペリエンスを構築します。サンプルを試すことができます。コードは GitHub リポジトリにあります。 カスタム コントロール 図 1. HTML レイアウト ご覧のとおり、メディア
Eruda - Console for Mobile Browsers | Eruda
Click the button to inspect this page! Trigger ErrorSend Ajax RequestLog MessagePLUGINSVUEVue devtools MONITORDisplay fps and memory FEATURESBrowser feature detections BENCHMARKRun JavaScript benchmarks GEOLOCATIONTest geolocation TIMINGShow performance and resource timing CODEEdit and run JavaScript ORIENTATIONTest orientation api TOUCHESVisualize screen touches
GitHub - zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web
ZingTouch is built to make implementing gestures for the browser as easy or complex as you need it to be. ZingTouch comes with 6 main gestures : Tap Swipe Distance Pan Rotate These gestures can be customized including the number of inputs it accepts, or how sensitive the gesture is to be recognized. ZingTouch is also has lifecycle events that you can hook into to create new Gestures or to act upon
Native mobile apps in JavaScript. Fast and secure framework. - Tabris
Create native UIs from a single code base in JavaScript or TypeScript. The Tabris.js framework is an execution engine with a thin layer calling native widgets. No special setup necessary (you can build for iOS without a Mac!) and no compiling. You can execute your changes instantly on your mobile device.
モバイル向けにSPAをつくってた話 - console.lealog();
実は4月の頭にリリースされてて、今さら感のあるつくって"た"話です。 もちろん仕事でなのですが、ココはあくまで個人ブログなので、ある程度ぼやかしつつ書きます。 知ってる人は知ってると思いますが、コレです。 作ったもの 何もしらないとイメージしづらいと思うので、いちおう。 モバイルメインのWebサービス ゲームではないが、ゲーム性の強いWebサービス シナリオゲーみたいなやつ 複数のSPAと多数のページから成るそれなりの規模 ネイティブでもShell-Appでもなく純ブラウザ向け iOS5.x/Android4.x以上が対応OS Safari/標準ブラウザ/Chrome/各種WebViewが対象ブラウザ この記事を書こうと思ったわけ 新しいFWやらライブラリやら、流行り廃りが激しい最近ですが、 実績といえばなんのアテにもならないTODOアプリとか、たかだか3,4ルートのSPAだったりで、 実
Unleash the Power of AI for Your Business | Progress Software
Artificial IntelligenceDevelop the responsible AI-powered applications and experiences you need, deploy them where and how you want and manage it all with Progress AI-driven products. Data PlatformAccelerate data, AI and analytics projects, manage costs and deliver enterprise growth with the Progress Data Platform. Digital ExperienceReal solutions for your organization and end users built with bes
スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ
ユーザファースト推進部の丸山(@h13i32maru)です。 先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。 この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。 閲覧系 最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→
本当にあったTouchEventの怖い話 - Qiita
事前知識: ブラウザ毎の差異 Android 2.x, 3.x 2.x, 3.x では伝統的に TouchEvent がまともに使えません。 経験上、一部端末でdocument.createEvent('TouchEvent')するとNOT_SUPPORTED_ERRを吐くなどの現象が見られ、seleniumのこのコードでも、MouseEventsを利用して無理矢理回避しています。 4.x (Stock Browser & WebView) 4.x では、やっと TouchEvent が利用できるようになります。 が、 イベントの初期化方法が後述する iOS のソレと異なっています。同じくselenium上のコードではこのように回避しているのが見受けられます。 // Android's initTouchEvent method is not compliant with the W3C
“There Are More Bugs In Mobile Than… Particles In The Universe!” — Smashing Magazine
If you run into technical problems in mobile, then you’ll know how annoying fixing them can be. We have all been there. But no, mobile isn’t actually dark matter, but it does require you to learn a few new things, some of which are quite confusing. That’s why we’ve teamed up with Peter-Paul Koch to create The Mobile Web Handbook, our practical new guide to dealing with front-end challenges in mobi
innerHTML vs appendNode vs DocumentFragment - Optimizing bulk DOM operations for mobile
There are cases when you want to actually create and show a large chunk of new HTML from javascript. The simplest one is when you are loading a wholly new view in a single-page app. Should you worry about how to implement that? TL;DR 1) on early-2014 mobile browsers the raw method used to create and show a couple of thousand nodes doesn't matter. 2) with more than a couple of thousand takes too lo
新・三大JavaScript タッチ対応ライブラリ比較(Hammer.js/QuoJS/ TouchSwipe) - Qiita
モバイルデバイス全盛の昨今、サイトのデザインだけでなく動きも対応しなくては！というケースがあります（私はありました）。 そんなわけで、JavaScriptのタッチ対応ライブラリについて評価を行ってみました。ライブラリの一覧についてはこちらのサイトが詳しく、ここから対応イベント・更新頻度を基に評価対象を表題の３つに絞り、その動作を比較してみました。 各ライブラリによるタッチの挙動は、以下で比較可能です(おまけでTouchyも入ってます)。 Gesture Detector 今スマホやタブレット的な何かでこの記事を読まれているあなた！はぜひ実際に動かしてみて下さい。 私はAndroid4.0デバイスしか持ってないので、xxで動かんぞ、ということがあるかもしれないです。そんな時はコメントなどで連絡いただけたらうれしいです。また、コードはこちら。 結論 **結論としてはHammer.jsをお勧めし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gajus/scream: Dynamic viewport management for mobile. Manage viewport in different states of device orientation. Scale document to fit viewport. Calculate the dimensions of the "minimal" iOS 8 view relative to your viewport width.
https://eng.uber.com/m-uber/
Effective web performance tuning for smartphone
GitHub - dameleon/paw.js: A javascript library for generate useful touch event.
GitHub - Famous/famous: This repo is being deprecated. Please check out http://github.com/famous/engine
Next Mobile WebApplication
