Mobile Web Video Playback | Articles | web.dev
Mobile Web Video Playback Stay organized with collections Save and categorize content based on your preferences. How do you create the best mobile media experience on the Web? Easy! It all depends on user engagement and the importance you give to the media on a web page. I think we all agree that if video is THE reason for a user's visit, the user's experience has to be immersive and re-engaging.
Viewport height is taller than the visible part of the document in some mobile browsers
Viewport height is taller than the visible part of the document in some mobile browsers When trying to use a 100vh CSS value to build a new interface for a game that would use the full viewport, I discovered that this full height value meant the bottom of the game interface was partialy hidden behind the browser buttons bar or below the "fold" of some mobile browsers. Since I wrote this article ba
Avoid 100vh On Mobile Web
Viewport units in CSS sound great. If you want to style an element to take up the full screen height, you can just set height: 100vh and voila - you have a perfect fullscreen element, which resizes as the viewport changes! Sadly, this is not the case. 100vh is broken in a subtle but fundamental way on mobile browsers that makes it nearly useless. It’s best to avoid 100vh and instead rely on javasc
iOS 10 Safari: Prevent scrolling behind a fixed overlay and maintain scroll position
I'm not able to prevent the main body content from scrolling while a fixed position overlay is showing. Similar questions have been asked many times, but all of the techniques that previously worked do not seem to work on Safari in iOS 10. This seems like a recent issue. Some notes: I can disable scrolling if I set both html and body to overflow: hidden, however that makes the body content scroll
GitHub - myshov/awesome-mobile-web-development: All that you need to create a great mobile web experience
300ms Tap Delay, Gone Away - How to prevent 300 ms delay on tap. 60 FPS on Mobile Web - How to make a really fast mobile website (by Flipboard). Adaptive loading: improving web performance on slow devices - How to optimize site for specific hardware and network constraints. Animating the Mobile Web - A case study on achieving fast animations on mobile web (by Yelp). Autofill: What web devs should
mBaaSまとめてみた - Qiita
mBaasを使うか検討しているので、各サービスをまとめてみます。（2015年5月15日現在） Parse Facebookが買収した mBaasといえば、Parseみたいなところがある。 無料枠：30requests per second（他省略） ストレージ、プッシュ通知、ユーザー管理など多機能揃ってる 各言語のSDKが充実している アクセスポイントはアメリカなので、日本からはやや遅いらしい 私の見解 小さい規模や、プロトタイプで使うにはよさそう。トラフィックが長期的に多いアプリはコスト高になる。 多機能充実している＝良くも悪くも、そこに依存しやすくなるだろう 参考記事 サーバーサイド実装を1行もせずにバックエンドと連携するiOSアプリを開発する mBaaSの「今」がわかる！ぶっちゃけ仮想パネルディスカッション！ [MBaaS] Parseで簡単モバイルバックエンド構築 – 【ざっと概要
Fullscreen mobile modal. How hard can it be?
Imagine you need to implement a mobile-friendly form, beyond traditional inputs you need to implement fullscreen infinite calendar and a fullscreen combo box. Let's talk about "fullscreen". How hard you expect it would be? Should be not hard - just use fullscreen div with z-index and fixed position. Right? That what I thought. Attempt number 1 Online example Let's use div which will cover all scre
The trick to viewport units on mobile | CSS-Tricks
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own opinions about how to implement them. Case in point: should the scrollbar be taken into account for the vw unit? What about a site’s navigation or page controls — should those count in the calculation? Then there are physical attributes of the devic
The iOS Safari menu bar is hostile to web apps: discuss
2629 days since last revision. Details are possibly out of date. I’m a big fan of Safari in general. My loathing of Safari on iOS is largely restricted to the menu bar. For clarity, I’m talking about the UI at the bottom with the forward/backward icons in: That bar isn’t hostile in principle; rather it’s the actions that invoke/dismiss its presence and its hijacking of the bottom 44px of the viewp
GitHub - rodneyrehm/viewport-units-buggyfill: Making viewport units (vh|vw|vmin|vmax) work properly in Mobile Safari.
This is a buggyfill (fixing bad behavior), not a polyfill (adding missing behavior). That said, it provides hacks for you to get viewport units working in old IE and Android Stock Browser as well. If the browser doesn't know how to deal with the viewport units - vw, vh, vmin and vmax - this library will not improve the situation unless you're using the hacks detailed below. The buggyfill uses the
Extensible mobile app debugger | Flipper
Extensible mobile app debuggerFlipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API. ToolsMobile developmentFlipper aims to be your number one companion for mobile app development on iOS and Android. Therefore, we provide a bunch of useful tools including
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
凍てつく寒さだと、スマートフォンやガジェットはこうして動かなくなる
Googleモバイルフレンドリーテスト
Realm Home
GitHub - mvasin/react-div-100vh: A workaround for the '100vh' issue in mobile browsers
react.js desktop and mobile web project architecture
jpmobile - タブレットは PC のテンプレートをつかうようにする - きりきりやま
jpmobile - A Rails plugin for Japanese mobile-phones
Best Practices for On-Call and Incident Response
GitHub - liriliri/eruda: Console for mobile browsers
