hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Cette page GitHub répertorie les alternatives non-JS pour les fonctionnalités de l'interface utilisateur commune

Combien de fois avez-vous voulu créer un diaporama CSS ou une fenêtre modale rapide ? Ce sont quelques-uns des éléments d'interface utilisateur les plus courants sur le web et de nos jours vous pouvez les construire sans JavaScript.

Bien sûr, il est possible de frapper Google à la recherche de solutions. Mais pourquoi ne pas choisir parmi une liste organisée de ressources impressionnantes?

C'est là que cette page GitHub entre en jeu. Il est intitulé "Vous n'avez pas besoin de JavaScript", et il offre une énorme liste de solutions réalisables pour les éléments d'interface communs .

Une chose à noter est que ces codes ne sont pas des solutions finales .

Toutes les fonctionnalités de la liste ne prennent pas en charge tous les navigateurs, et beaucoup de ces solutions ne sont pas totalement capables de gérer une dégradation progressive ou des problèmes avec les navigateurs mobiles. Vous devrez donc vérifier chaque cas individuellement au cas par cas.

Cependant, si vous mourez pour des solutions CSS pures, alors ce GitHub vous a couvert.

La liste comporte plus de 20 éléments d'interface utilisateur différents avec de nombreuses solutions importantes, telles que:

  • Menus Hamburger
  • Info-bulles
  • Tabs
  • Galeries d'images
  • Menus déroulants
  • Et bien plus.

Chaque projet est lié à une démo CodePen où vous pouvez le voir en direct avec un exemple de code source .

Notez que ce dépôt GitHub spécifique ne contient aucun code réel . Il s'agit plutôt d' une liste de démos CodePen présentant des solutions non-JS à des problèmes d'interface courants .

Ceci est la ressource parfaite pour mettre en signet pour référence future et rester à proximité si nécessaire.

Vous pouvez contribuer en contactant n'importe qui depuis la page principale de GitHub si vous avez des idées ou des suggestions pour de nouvelles ressources.

Vous êtes libre de copier n'importe quel code source de l'une de ces démos et de les réutiliser dans vos projets.

Assurez- vous simplement de vérifier l'onglet Propriétés CSS avant de copier quoi que ce soit car certaines contiennent des bibliothèques supplémentaires .

Dans l'ensemble, il s'agit d'un repo GitHub fantastique et il est beaucoup plus facile à utiliser que de récurer Google pour cette solution parfaite.

Consultez la page complète de GitHub ici, et si vous voulez voir toutes les modifications potentielles, vous pouvez les voir dans l' onglet des demandes d'extraction .

Effectuez une recherche dans votre historique Chrome avec une histoire plus profonde

Effectuez une recherche dans votre historique Chrome avec une histoire plus profonde

La navigation par onglets est une idée ingénieuse. Tout ce que vous avez à faire est d'ouvrir tous vos liens dans un nouvel onglet et vous pouvez laisser les onglets charger en arrière-plan pendant que vous lisez votre article ou regardez votre vidéo sur un seul onglet chargé. Cependant, quand il s'agit de revisiter un site que vous avez déjà lu, trouver et récupérer le lien de votre historique de navigation Chrome est une douleur. Dans ce

(Conseils techniques et de conception)

ZooMove: Plugin jQuery pour zoomer des images sur Hover

ZooMove: Plugin jQuery pour zoomer des images sur Hover

Si vous avez déjà consulté un site de commerce électronique, vous avez probablement remarqué l' effet de zoom de l' image . Vous passez la souris sur une photo de produit et cette partie de l'image grossit pour une vue plus nette .Le plugin ZooMove est un excellent moyen de reproduire cet effet sur votre site. Il

(Conseils techniques et de conception)