Philter.js - Librería de alteración de imágenes usando filtros CSS

Instagram es ampliamente conocida como la red de fotos más popular. Maneja más de 52 millones de fotos por día y muchas de ellas incluyen filtros que alteran las imágenes sobre la marcha.

Esto también es posible utilizando filtros CSS que se aplican directamente en el navegador . Estas propiedades de filtros personalizados tienen un amplio soporte en muchos navegadores y se ven geniales.

Con el plugin JavaScript de Philter, puede escalar este proceso para ahorrar tiempo y mover su código a HTML para efectos de filtro dinámicos .

Al usar este complemento, obtienes un control mucho mayor sobre tus imágenes . De esta forma, puede elegir qué filtros desea aplicar a imágenes individuales y si ciertos filtros deberían cambiar en función del comportamiento del usuario, como al pasar el ratón.

CSS admite transiciones animadas y Philter hace que este proceso sea realmente simple. Usted acaba de descargar Philter desde la página de inicio o desde el repositorio de GitHub. Una vez que se agrega a su página web, simplemente agrega el código de inicialización y déjelo ir.

Aquí hay un fragmento de muestra del repositorio de GitHub:

De forma predeterminada, puede configurar transiciones y atributos de datos adicionales que puede agregar en HTML. El parámetro url define la ruta donde Philter debe buscar archivos SVG personalizados utilizados en el proceso de filtrado.

Estos filtros adicionales están empaquetados con la biblioteca, por lo que no necesita editarlos en absoluto. Pero, puede moverlos o colocarlos en una estructura de directorio diferente de su archivo actual, por lo que esta configuración puede necesitar ser modificada .

Ahora, puedes agregar filtros personalizados directamente a tu HTML elementos o sus contenedores.

Aquí hay un ejemplo simple :

Puede encontrar una lista completa de todos los filtros en GitHub, junto con una guía de configuración completa y muchas otras muestras de código.

Philter es uno de los complementos gratuitos más geniales que existen y supera los límites del CSS moderno. Incluso puedes diseñar tus propios filtros si estás dispuesto a profundizar en la base de código y hacer pequeños ajustes.

Para un lugar simple para comenzar, visite la página principal de Philter y descargue una copia. Puedes tenerlo funcionando en muy poco tiempo.

5 mejores herramientas para cambiar el nombre de nombres de archivos por lotes en Windows

En la vida profesional diaria, ser capaz de realizar una determinada acción en un lote completo de archivos o carpetas agrega mucho a su productividad. La edición de imágenes por lotes es un buen ejemplo a este respecto. Del mismo modo, hay herramientas que pueden ayudarlo a cambiar el nombre de sus archivos por lotes también.Sí,

(Consejos de tecnología y diseño)

Diez kits de estructura metálica que puedes descargar gratis

Como diseñador, pasará por varios pasos mientras trabaja en su proyecto, desde el diseño de sus ideas en papel, pasando por la creación de wireframes, hasta el refinamiento de su prototipo . Si tienes muchos proyectos, tomará algo de tiempo hacer todo desde cero para cada uno.En este post recopilamos 10 kits de wireframe que pueden asistirlo en el proceso de wireframing . Al

(Consejos de tecnología y diseño)