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


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 éléments ou leurs conteneurs.

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.

Applications PDF gratuites pour smartphones et tablettes - Best Of

Applications PDF gratuites pour smartphones et tablettes - Best Of

PDF est un fichier facilement accessible et l'une des formes les plus courantes de la documentation. Vous pouvez lire n'importe quoi, des manuels contenant beaucoup de texte aux documents avec des images encombrantes en format PDF. Et pour utiliser des fichiers PDF sur votre smartphone ou votre tablette, tout ce dont vous avez besoin est d'une bonne application PDF

(Conseils techniques et de conception)

15 astuces CSS utiles que vous auriez pu négliger

15 astuces CSS utiles que vous auriez pu négliger

Si vous avez été développeur web frontend pendant un certain temps, il y a de fortes chances que vous ayez eu un moment où vous essayiez de savoir comment coder quelque chose et que vous réalisiez après un peu de googling, que "il y a CSS pour ça" . Si vous ne l'aviez pas fait, vous êtes sur le point de le faire.Ce post

(Conseils techniques et de conception)