Générateur de code CSS gratuit pour les filtres de style Instagram

Comment cool serait-il d'ajouter des filtres d'image sur votre site? Il y a quelques années, cela aurait exigé JavaScript, mais de nos jours, vous pouvez créer des filtres d'image personnalisés avec du bon vieux HTML et CSS.

Et avec la webapp de cssFilters, vous n'avez même pas besoin d'écrire du code CSS!

Cet outil gratuit vous aide à créer des filtres d'image personnalisés en utilisant des filtres CSS3. Vous pouvez trouver de nombreux guides qui couvrent la propriété du filtre CSS en détail. Mais avec cssFilters, vous n'aurez pas besoin de vous inquiéter de comment tout cela fonctionne, il vous suffit de personnaliser vos paramètres et de copier le code.

En haut de l'écran, vous remarquerez une longue barre pleine de filtres Instagram personnalisés. Ces filtres comprennent tous les choix populaires comme Hudson, Toaster, Inkwell, Lofi et bien d'autres.

Vous cliquez simplement sur le filtre que vous voulez, puis cliquez sur l'onglet "code CSS" dans le coin supérieur droit. De là, vous aurez le code HTML et CSS. Il suffit de copier / coller dans votre site Web et vous êtes prêt à partir.

Mais vous pouvez également personnaliser ces filtres avec les curseurs de paramètres. Sous l'onglet "générateur" vous pouvez modifier les paramètres comme la saturation et le contraste avec le flou, l'échelle de gris, sépia et même le style de superposition comme un dégradé linéaire ou gradient radial.

Chaque fois que vous déplacez un curseur, il met automatiquement à jour le code afin que vous n'ayez rien à enregistrer.

Et vous pouvez même échanger l'image par défaut en en téléchargeant une sur votre ordinateur ou en en choisissant une depuis Unsplash.

Cette application Web a été créée par Indrashish Ghosh et elle exécute la plupart des classes par défaut trouvées dans la bibliothèque CSSgram.

Mais les paramètres personnalisés vont bien au-delà des préréglages de base, et la génération de code libre en fait un outil pratique pour les codeurs et les non-codeurs. Nous avons déjà de nombreux générateurs CSS3 pour des propriétés telles que les dégradés de fond et les ombres de texte. Et maintenant, nous avons cssFilters comme premier générateur de filtre d'image CSS3.

Comment créer des commandes de barre oblique personnalisées dans Slack

Slack est un outil de productivité d'équipe qui comprend de nombreuses configurations et services destinés à la personnalisation . L'une des meilleures caractéristiques personnalisables est Slash Commands . Les commandes de barre oblique sont essentiellement des mots - clés qui effectuent une certaine action lorsque vous les entrez comme messages avec un symbole de barre oblique (/) précédent dans Slack.Command

(Conseils techniques et de conception)

Comment enregistrer une taxonomie personnalisée pour les utilisateurs de WordPress [Astuce WordPress]

La fonctionnalité Taxonomie personnalisée a été introduite depuis WordPress 2.9. Il vous permet de créer des groupes personnalisés pour Post, Page ainsi que des types de messages personnalisés.Supposons que vous construisez un site Web de répertoire de livres et que vous avez créé un type de message personnalisé pour publier les livres . En utilis

(Conseils techniques et de conception)