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 .

50 dessins d'icônes d'applications pour votre inspiration

50 dessins d'icônes d'applications pour votre inspiration

Si vous êtes comme moi, vous aimez regarder la conception de concept, et un de mes sujets préférés est la conception d'icône d'application. Vous n'avez que peu d'espace de travail et votre design d'icône d'application doit se démarquer de la foule pour être remarqué. L'application d'icône est donc une ancre visuelle pour votre application et la conception doit également refléter l'idée principale de votre application.Ne crains pa

(Conseils techniques et de conception)

Comment configurer WordPress en utilisant OpenShift

Comment configurer WordPress en utilisant OpenShift

OpenShift est une plate-forme en tant que service du leader Open Source, Redhat. Il fonctionne sur le code OpenShift open source fonctionnant sur les systèmes RHEL. OpenShift peut être utilisé pour héberger et exécuter une variété de logiciels, et il prend en charge diverses technologies et bases de données open source. Il a u

(Conseils techniques et de conception)