hideout-lastation.com
Philter.js - Bibliothèque d'altération d'image gratuite à l'aide de filtres CSS
Instagram est largement connu comme le réseau photo le plus populaire. Il traite plus de 52 millions de photos par jour et nombre d'entre elles comprennent des filtres qui modifient les images à la volée.
Ceci est également possible en utilisant des filtres CSS qui s'appliquent directement dans le navigateur . Ces propriétés de filtre personnalisées bénéficient d'un large support sur de nombreux navigateurs et sont superbes.
Avec le plugin Philter JavaScript, vous pouvez faire évoluer ce processus pour gagner du temps et déplacer votre code en HTML pour les effets de filtre dynamiques .
En utilisant ce plugin, vous gagnez un plus grand contrôle sur vos images . De cette façon, vous pouvez choisir les filtres que vous souhaitez appliquer aux images individuelles et si certains filtres doivent changer en fonction du comportement de l'utilisateur, tel que le survol.
CSS prend en charge les transitions animées et Philter rend ce processus très simple. Vous venez de télécharger Philter depuis la page d'accueil ou depuis le dépôt GitHub. Une fois qu'il est ajouté à votre page Web, vous ajoutez simplement le code d'initialisation et laissez-le aller.
Voici un exemple de extrait du repo GitHub:
Par défaut, vous pouvez définir des transitions et des attributs de données supplémentaires que vous pouvez ajouter en HTML. Le paramètre url définit le chemin où Philter doit rechercher les fichiers SVG personnalisés utilisés dans le processus de filtrage.
Ces filtres supplémentaires sont fournis avec la bibliothèque, vous n'avez donc pas besoin de les modifier du tout. Toutefois, vous pouvez les déplacer ou les placer dans une autre structure de répertoire à partir de votre fichier actuel. Il se peut donc que ce paramètre doive être modifié .
Maintenant, vous pouvez simplement ajouter des filtres personnalisés directement à votre HTML
Voici un exemple simple :
Vous pouvez trouver une liste complète de tous les filtres sur GitHub, avec un guide d'installation complet et de nombreux autres exemples de code.
Philter est l'un des plugins gratuits les plus cool autour et il repousse les limites du CSS moderne. Vous pouvez même concevoir vos propres filtres si vous êtes prêt à creuser dans le code et à bricoler.
Pour commencer, il suffit de visiter la page d'accueil de Philter et de télécharger une copie. Vous pouvez l'avoir en marche en un rien de temps.
Un regard dans: Premium WordPress Plugins
Avec WordPress libérant sa troisième (3ème) itération majeure à la plate-forme open source, nous avons vu plus de développeurs se joindre à la foule pour sortir des plugins en masse . Bien que les options gratuites pour les plugins peuvent sembler infinies, il existe des sociétés de logiciels offrant des plugins premium concrets à des prix très abordables. Ceux-ci c
Nettoyer les codes HTML désordonnés avec la laveuse HTML
Si vous modifiez la page Web de quelqu'un d'autre ou si vous voulez copier un code d'une mise en page, il peut être difficile de parcourir le formatage . Vous devrez nettoyer beaucoup de zones désordonnées et ce n'est pas amusant à faire manuellement.Avec l'application Web HTML Washer, vous pouvez nettoyer automatiquement tout code HTML en cliquant sur un bouton.Cet
