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 .

Conception de tableau de bord: plus de 50 exemples et ressources brillants

Conception de tableau de bord: plus de 50 exemples et ressources brillants

Nous vivons dans le monde des données volumineuses et la plupart des gens ont besoin de donner un sens à ces chiffres dans le cadre de leur routine de flux de travail. La gestion des données est une tâche difficile et c'est là que le tableau de bord entre en scène.Le tableau de bord est une interface entre un site Web et l'administrateur qui permet de contrôler un site, un service ou un outil de suivi des données. Un tab

(Conseils techniques et de conception)

12 applications pour une vie de batterie plus longue [Android]

12 applications pour une vie de batterie plus longue [Android]

Il y a beaucoup de différents smartphones sur le marché ces jours-ci et ils sont chargés de toutes sortes de fonctionnalités. D'un design élégant et beau à un appareil photo de bonne qualité pour ce selfie renommée, toutes ces fonctionnalités sont importantes lorsque vous envisagez un nouveau téléphone. Mais peut

(Conseils techniques et de conception)