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!

@ KeyframeSispopulardUetOtsSversatity andpowerCreatingsMoothcSSanimations.KeyTrickSinclude: 1) DefiingsMoothTransitionsBetwean

CSSCOUNTERSAREUSEUSTTOMAGAUTAMAMATALUMENTSINDWEBDESIGNS.1) Ils ont été des cas de contenu, des listitems et de la forme.

L'utilisation d'ombres de défilement, en particulier pour les appareils mobiles, est un peu de UX subtil que Chris a couvert auparavant. Geoff a couvert une approche plus récente qui utilise la propriété d'animation-timeline. Voici encore une autre façon.

Passons à travers un rafraîchissement rapide. Les cartes d'image datent jusqu'à HTML 3.2, où, d'abord, les cartes côté serveur, puis les cartes côté client ont défini les régions cliquables sur une image à l'aide de cartes et d'éléments de zone.

L'enquête sur l'état des développeurs est désormais ouverte à la participation, et contrairement aux enquêtes précédentes, il couvre tout sauf le code: carrière, lieu de travail, mais aussi santé, passe-temps, etc.

CSS Grid est un outil puissant pour créer des dispositions Web complexes et réactives. Il simplifie la conception, améliore l'accessibilité et offre plus de contrôle que les méthodes plus anciennes.

L'article traite de CSS Flexbox, une méthode de mise en page pour l'alignement et la distribution efficaces de l'espace dans les conceptions réactives. Il explique l'utilisation de Flexbox, la compare à la grille CSS et détaille la prise en charge du navigateur.

L'article traite des techniques de création de sites Web réactifs à l'aide de CSS, y compris des balises de méta de la fenêtre, des grilles flexibles, des médias fluides, des requêtes multimédias et des unités relatives. Il couvre également l'utilisation de la grille CSS et de Flexbox ensemble et recommande le cadre CSS


Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Dreamweaver CS6
Outils de développement Web visuel

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

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.

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

MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.
