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.

Top 5 software de grabación de pantalla gratis para Windows [revisado]

Las grabadoras de pantalla son herramientas útiles que se utilizan para grabar la pantalla de la computadora, es decir, registrar las actividades en curso en la pantalla. Con estos, puede grabar la pantalla tan fácilmente como tomaría capturas de pantalla en su computadora o grabar los mejores momentos de la vida con una cámara. Es

(Consejos de tecnología y diseño)

Creando tu propia aplicación móvil con Cordova

Usar Cordova puede ser la manera más rápida para que muchos desarrolladores web comiencen a construir una aplicación móvil. Con Cordova, no necesita aprender un nuevo conjunto de lenguajes de programación, simplemente puede usar HTML, CSS y JavaScript.Puede compilar sus códigos en numerosas plataformas móviles, incluidos iOS, Android, Windows Phone y BlackBerry, utilizando la herramienta de compilación Phonegap. La pre

(Consejos de tecnología y diseño)