Jake et l'équipe ont créé cet élément personnalisé plutôt impressionnant pour la gestion du zoom pincement sur tout jeu de code HTML en dehors de la dynamique de pincement-zoom du navigateur (pensez au zoom de la fenêtre d'affichage mobile). L'élément était l'un des composants centraux dont nous avions besoin pour l'application squoosh que nous avions conçue et publiée lors du Sommet des développeurs Chrome (… je dis "publiée au Sommet des développeurs Chrome" - Jake l'a montré à tout le monde lors de la Journée des développeurs Google Google. même si le reste de l'équipe était sous embargo;) …)

install: npm install --save-dev pinch-zoom-element

<pinch-zoom>
  <h1>Hello!</h1>
</pinch-zoom>

Read full post .

Je viens de l'ajouter à mon blog (cela ne m'a pris que quelques minutes), vous pouvez le vérifier dans la section " life " où je partage les photos que j'ai prises. Si vous utilisez un appareil tactile, vous pouvez rapidement effectuer un zoom-pincement sur l'élément si vous utilisez un pavé tactile pouvant gérer plusieurs entrées au doigt qui fonctionnent également.

Cet élément est un excellent exemple de la raison pour laquelle j'aime les composants Web en tant que modèle de création de composants d'interface utilisateur. L’élément pinch-zoom représente un peu moins de 3 Ko sur le réseau (non compressé) et des dépendances minimales pour la construction. Il effectue un travail exceptionnellement bien, sans lier une logique personnalisée au niveau de l’application qui le rendrait difficile à utiliser (j’ai quelques réflexions sur la logique de l’interface utilisateur vs composants logiques App que je vais partager en fonction de mon apprentissage de l'application Squoosh).

J'adorerais voir des éléments comme ceux-ci avoir plus de notoriété et d'utilisation, par exemple, je pourrais imaginer que cet élément pourrait remplacer ou normaliser la fonctionnalité de zoom d'image que vous voyez sur de nombreux sites de commerce et dissiper à jamais la douleur des développeurs.