recherche
Maisoninterface Webtutoriel CSSComposants tiers à leur meilleur

Composants tiers à leur meilleur

Je suis un fan de la composante du Web. Je pense que c'est une très belle façon de créer un site Web à peu près n'importe quelle échelle (sauf peut-être le plus basique). Il n'y a pas de pénurie d'opinions sur ce qui fait un bon composant, mais disons que nous étendons cela à un tiers pendant un moment. Autrement dit, des composants que vous utilisez simplement, plutôt que des composants que vous vous construisez dans le cadre de la configuration unique de votre site.

Qu'est-ce qui rend un composant tiers? Mon attribut préféré d'un composant tiers est quand il prend quelque chose de dur et le rend facile. En particulier les choses qui reconnaissent et gérent correctement les nuances, ou des choses que vous pourriez même ne pas en savoir assez pour bien faire.

Peut-être utilisez-vous un composant qui fait des menus contextuels contextuels pour vous. Il peut effectuer une détection des bords du navigateur, comme s'assurer que le menu n'apparaît jamais coupé ou hors écran. C'est un peu délicat de programmation que vous pourriez ne pas bien faire si vous l'avez fait vous-même - ou même oublier de faire.

Je pense au composant qui a réagi le routeur ou ce qui est utilisé sur les sites Gatsby. Il injecte automatiquement Aria-Current = "Page" pour vous sur les liens lorsque vous êtes sur cette page. Vous pouvez et devriez probablement l'utiliser pour un crochet de style! Et vous auriez probablement oublié de programmer cela si vous gériez vos propres liens.

Dans cette même veine, les onglets d'interface utilisateur ont une accessibilité rigoureuse qui y sont cueillies que vous n'auriez probablement pas correctement si vous les aviez à la main. Ce composant d'image React fait toutes sortes de choses qui sont relativement difficiles à réaliser avec des images, comme la syntaxe des images réactives complexes, le chargement paresseux, les espaces réservés, etc. C'est, en un sens, vous remettre les meilleures pratiques pour «gratuit».

Voici une bibliothèque de table qui ne touche même pas l'interface utilisateur pour vous, et se concentre plutôt sur d'autres besoins que vous avez probablement avec des tables, ce qui est une autre approche fascinante.

De toute façon! Voici ce que vous avez dit quand je demandais à ce sujet. Qu'est-ce qui rend un composant tiers génial? Que font les meilleurs d'entre eux? (Outre l'évidence, comme les bons documents et la bonne accessibilité)? Certains d'entre eux pourraient être AT-ODD. Je répertorie simplement ce que les gens ont dit qu'ils aiment.

  • Plug-and-play. Il doit «simplement fonctionner» avec une configuration minimale.
  • Beaucoup de démos modifiables
  • Hautement configurable
  • Style «White Label». N'apportez pas trop de choix de conception.
  • Styled via CSS ordinaire afin que vous puissiez byo propres outils de style
  • Rapide
  • Petit
  • Est installable via un gestionnaire de packages
  • Peut être instancié manuellement
  • Peut recevoir un nœud Dom où il peut aller
  • Suit un schéma de version utile
  • Est maniné, en particulier pour la sécurité
  • A une feuille de route publique
  • Est-ce que le framework
  • N'a pas d'autres dépendances
  • Utilise des conventions de dénomination intuitives
  • Soutient l'internationalisation
  • A beaucoup de tests

Quelque chose que vous ajouteriez à cette liste?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Actualités hebdomadaires de la plate-forme: applications Web dans Galaxy Store, histoires tappables, sous-réseau CSSActualités hebdomadaires de la plate-forme: applications Web dans Galaxy Store, histoires tappables, sous-réseau CSSApr 14, 2025 am 11:20 AM

En cette semaine, Roundup: Firefox Gains Gains Loksmith Powers, Samsung & # 039; S Galaxy Store commence à prendre en charge les applications Web progressives, CSS Sous-Grid est expédié dans Firefox

Actualités hebdomadaires de la plate-forme: mode explorateur Internet, rapport de vitesse dans la console de recherche, restreindre les invites de notificationActualités hebdomadaires de la plate-forme: mode explorateur Internet, rapport de vitesse dans la console de recherche, restreindre les invites de notificationApr 14, 2025 am 11:15 AM

Dans cette semaine, Roundup: Internet Explorer trouve son chemin, Google Search Console vante un nouveau rapport de vitesse et Firefox donne la notification de Facebook

La puissance (et le plaisir) de la portée avec les propriétés personnalisées CSSLa puissance (et le plaisir) de la portée avec les propriétés personnalisées CSSApr 14, 2025 am 11:11 AM

Vous êtes probablement déjà au moins un peu familier avec les variables CSS. Sinon, voici un aperçu de deux secondes: ils sont vraiment appelés propriétés personnalisées, vous définissez

Nous sommes programmeursNous sommes programmeursApr 14, 2025 am 11:04 AM

La construction de sites Web est la programmation. L'écriture de HTML et CSS est la programmation. Je suis programmeur, et si vous êtes ici, en lisant CSS-Tricks,

Comment supprimer le CSS inutilisé d'un site?Comment supprimer le CSS inutilisé d'un site?Apr 14, 2025 am 10:59 AM

Voici ce que j'aimais ce que je vous aime à l'avant: c'est un problème difficile. Si vous avez atterri ici parce que vous espérez être pointé sur un outil que vous pouvez exécuter qui indique

Une introduction à l'API Web d'image dans l'imageUne introduction à l'API Web d'image dans l'imageApr 14, 2025 am 10:57 AM

Image-in-Picture a fait sa première apparition sur le Web dans le navigateur Safari avec la sortie de MacOS Sierra en 2016. Il a permis à un utilisateur de faire éclater

Façons d'organiser et de préparer des images pour un effet flou à l'aide de GatsbyFaçons d'organiser et de préparer des images pour un effet flou à l'aide de GatsbyApr 14, 2025 am 10:56 AM

Gatsby fait un excellent traitement et la gestion des images. Par exemple, cela vous aide à gagner du temps avec l'optimisation de l'image parce que vous n'avez pas à

Oh hé, le pourcentage de rembourrage est basé sur la largeur de l'élément parentOh hé, le pourcentage de rembourrage est basé sur la largeur de l'élément parentApr 14, 2025 am 10:55 AM

J'ai appris quelque chose sur le rembourrage basé sur le pourcentage (%) aujourd'hui que j'avais totalement tort dans ma tête! J'ai toujours pensé que le pourcentage de rembourrage était basé sur le

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)