TagiPhone

[CSS] Un élément sticky en position: fixed; dans une iFrame sous iOS/iPhone

Source: https://github.com/PierBover/ios-iframe-fix.

Code source de la solution en full CSS: ios-iframe-fix-master.

[iOS] Prévenir le bug de Double Tap sur iPhones et iPads

Sources: Solving The Double Tap Issue on iOS Devices (fonctionne) et The Annoying Mobile Double-Tap Link Issue et Demo (pas testé, plus propre mais plus chiant à mettre en place si pas prévu en amont du développement du projet).

En javaScript (jQuery)

ATTENTION: votre lien doit évidemment être présent dans le DOM au moment où vous ce code est exécuté. Sinon, prévoir une détection.

Si l’utilisateur doit pouvoir scroller dans la page au touch sur un lien

Si l’utilisateur doit pouvoir scroller, il ne faut pas que le touch sur un lien déclenche ce dernier!

En CSS

cf. article de Chris Coyier sur CSS Tricks…

[Bootstrap][Foundation] Bug du composant Dropdown sur iPad et iPhone

Problème: les composants Dropdown de Bootstrap et Foundation ne s’activent pas sur iPad et iPhone alors qu’ils fonctionnent sur n’importe quel périphérique sous Android.

Solution: il s’agit juste d’un problème de markup. Il faut obligatoirement utiliser l’élément <button type="button">Mon dropdown qui fonctionne sur les mobiles d'Apple</button> et surtout pas l’élément <a> (même avec un attribut role="button".

Moralité: Apple, c’est de la grosse daubasse.

[CSS] Des mediaqueries adaptées à chaque marque et version de smartphones et tablettes

Principalement Apple et Samsung, mais pas que … Device Specific CSS Media Queries Collection.

Version de début septembre 2017; vérifier le git pour la version la plus à jour.

© 2020 devfrontend.info

Theme by Anders NorénUp ↑