Je travaille sur une application Web d'une seule page, qui sera généralement utilisée sur les appareils mobiles. L'une de ses fonctionnalités est un mode carte, qui occupe temporairement l'intégralité de la fenêtre du navigateur; une échelle de distance et certains contrôles sont attachés aux...
J'ai posé une question similaire hier, mais je l'ai mal expliqué et je n'ai pas précisé mon désir d'une solution pure CSS, ce qui, je pense, devrait être possible, alors j'essaie à nouveau. Fondamentalement, j'ai un problème où j'ai une div de messages déroulants et un champ de saisie en dessous....
J'essaie d'imiter d'autres applications de chat mobile où lorsque vous sélectionnez la send-messagezone de texte et qu'il ouvre le clavier virtuel, le message le plus bas est toujours en vue. Il ne semble pas y avoir un moyen incroyable de le faire avec CSS, donc JavaScript resize(seul moyen de...
J'ai de la difficulté à obtenir que mon contenu de navigation / barre latérale (à l'aide de Bootstrap) s'affiche (soit étendu) par défaut sur le bureau et fermé par défaut sur mobile et que l'icône ne s'affiche que sur mobile. Je n'arrive pas à faire fonctionner cela. <nav class="menu menu-open"...
J'ai une table "triable" où l'en-tête de la colonne actuellement triée affiche une icône: L'icône de tri doit être affichée à la fin du texte (c'est-à-dire que nous prenons en charge LTR / RTL). J'utilise actuellement display:flex. Cependant, si la largeur du tableau diminue et que le texte de...
J'ai une application où j'utilise Material UI et son fournisseur de thème (en utilisant JSS). J'incorpore maintenant fullcalendar-react , qui n'est pas vraiment une bibliothèque React à part entière - c'est juste une fine enveloppe de composant React autour du code original fullcalendar....
J'ai besoin de construire un carrousel avec 12 éléments qui simulent une roue 3D tournant à l'infini. Pour être clair, je dois créer précisément cet effet: https://codepen.io/SitePoint/pen/yXWXaw (trouvé ici ) mais avec ces fonctionnalités supplémentaires (sur ordinateur et mobile en particulier):...
J'ai créé une animation de carte au trésor, tout d'abord, elle affichera le chemin en gris clair mais au fur et à mesure que l'animation commence, j'aimerais que les tirets gris clair disparaissent ou prennent une couleur noire lorsque l'animation de remplissage ".road" entre en jeu. Je suis du mal...
J'ai fait un wrapper dans lequel j'ai animé le même effet qu'Apple sur leur page Airpods Pro . C'est fondamentalement une vidéo, quand je fais défiler la vidéo joue peu à peu. La position de la vidéo est fixe de sorte que le texte défile bien dessus. Cependant, le texte n'est visible qu'entre le...
Affichage d'une galerie d'images de différentes tailles et proportions avec les spécifications suivantes: Pas de blancs (marges) entre les images. Respecter autant que possible le ratio d'origine. Images entourées d'un lien. Solution non JS. Les images pourraient être recadrées un peu. Solution...
Je me suis mis au défi de créer une expérience visuellement dynamique et interactive en HTML et CSS uniquement (sans Javascript). Jusqu'à présent, je n'ai rencontré aucune fonctionnalité dont j'avais besoin que je ne pouvais pas faire en CSS et HTML pur. Celui-ci est peut-être un peu plus...
J'ai codé un script (avec l'aide d'un utilisateur ici) qui me permet d'agrandir un div sélectionné et de faire en sorte que les autres div se comportent en conséquence en s'étirant également pour s'adapter à l'espace restant (sauf le premier dont la largeur est fixe). Et voici une photo de ce que...
J'ai un élément de conteneur qui contient quelques autres éléments, mais en fonction de la taille de l'écran, certaines parties sont inexplicablement coupées en différentes parties. Vous pouvez observer le comportement sur mon lien sandbox de code, lorsque la page HTML est ajustée en largeur (en...
Bien que le <meta name="viewport">tag ne soit pas standardisé, il "est respecté par la plupart des navigateurs mobiles en raison de la domination de facto". Un inconvénient de ne pas être une véritable norme Web est que la documentation détaillée n'est pas aussi disponible que les autres...