hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Tingle.js - Un script de fenêtre modale gratuit JS Vanilla pour les minimalistes

Les fenêtres modales ont rapidement remplacé la boîte d'alerte par défaut du navigateur. Les modaux bien conçus sont plus compatibles avec une grande expérience utilisateur et les fenêtres modales sont livrées avec de nombreux effets et designs personnalisés .

Il est possible de créer des models CSS purs, mais ceux-ci manquent souvent d'un certain je ne sais quoi que ce soit que vous trouverez dans les scripts JS.

Et l'un de mes favoris est Tingle.js, une fenêtre JavaScript modale gratuite conçue pour les sites Web minimalistes.

Cette librairie existe depuis un moment, mais elle est encore techniquement en développement v1.0 avec des améliorations fréquentes.

Mais c'est un script stable fonctionnant sur du pur JS vanilla, donc vous pouvez l'utiliser n'importe où. Il ne nécessite aucune connaissance d'ECMAScript et vous n'avez besoin d'aucune bibliothèque de niveau supérieur comme TypeScript.

Tout dans Tingle.js est bien documenté et vient même avec une API claire pour personnaliser les animations, les effets de bouton, et les fonctions de rappel.

Jetez un coup d'œil sur le repo GitHub pour plus d'informations avec des liens vers les principales fonctions d'API et de rappel, que vous trouverez en détail sur la page d'accueil de Tingle.js.

Si vous vous sentez à l'aise pour éditer JavaScript, vous allez adorer ce plugin. C'est super facile de travailler avec et les codes CSS sont encore plus faciles à remplacer avec votre propre feuille de style.

La documentation principale est clairement décrite avec des exemples en direct que vous pouvez copier / coller dans votre HTML .

Tingle.js est un script assez simple. Vous aimerez la façon dont cela fonctionne, ou vous ne le ferez pas.

Avec quelques minutes sur la page de démonstration principale, vous devriez être en mesure de dire si cela vous plait ou non. Il prend en charge autant de boutons que vous avez besoin avec les champs de saisie utilisateur si vous voulez tirer des informations de l'utilisateur.

De plus, cela peut fonctionner avec d' énormes modales en termes de service, des messages d'alerte personnalisés et même du contenu intégré avec des images et des vidéos.

Certainement l'une des fenêtres modales les mieux supportées et le design épuré est facile à relooker pour n'importe quelle disposition.

Comment utiliser HTML5 
<picture>  Élément pour obtenir une image réactive

Comment utiliser HTML5 Élément pour obtenir une image réactive

Responsive Design est peut-être là pour rester mais il y a beaucoup de problèmes qui doivent être résolus quand il s'agit de rendre les images sensibles . Bien que les images responsives se redimensionnent automatiquement en fonction de la taille de la fenêtre (ce qui est techniquement facile), un des problèmes rencontrés par les utilisateurs est que le point vocal de l'image devient à peine visible lorsque l'image devient trop petite .Le conse

(Conseils techniques et de conception)

Comme Instagram, vous pouvez maintenant archiver Google Photos trop

Comme Instagram, vous pouvez maintenant archiver Google Photos trop

Juste un jour après qu'Instagram a déployé un dossier d'archive pour son application, Google a lancé une fonctionnalité similaire pour sa plate-forme Google Photos.À la base, les fonctionnalités d' archivage de Google Photo fonctionnent exactement comme celles que l'on peut trouver sur Instagram . Pour

(Conseils techniques et de conception)