Generador de código CSS gratuito para filtros de estilo Instagram

¿Qué tan bueno sería agregar filtros de imagen en su sitio? Hace años, esto requería JavaScript, pero hoy en día puedes crear filtros de imagen personalizados con buenos viejos HTML y CSS.

Y con la aplicación web cssFilters, ¡ni siquiera tiene que escribir el código CSS!

Esta herramienta gratuita te ayuda a crear filtros de imagen personalizados usando filtros CSS3. Puede encontrar muchas guías que cubren la propiedad de filtro CSS en detalle. Pero con cssFilters no tendrá que preocuparse de cómo funciona todo, simplemente personalice su configuración y copie el código.

En la parte superior de la pantalla, verás una larga barra llena de filtros de Instagram personalizados. Estos filtros incluyen todas las opciones populares como Hudson, Tostadora, Inkwell, Lofi y muchos otros.

Simplemente haga clic en el filtro que desee y luego haga clic en la pestaña "Código CSS" en la esquina superior derecha. A partir de ahí, obtendrás el código HTML y el código CSS. Solo copie / pegue en su sitio web y listo.

Pero también puede personalizar estos filtros con los controles deslizantes de configuración. Debajo de la pestaña "Generador" puede modificar ajustes como la saturación y el contraste junto con el desenfoque, escala de grises, sepia e incluso el estilo de superposición como un degradado lineal o degradado radial.

Cada vez que mueves un control deslizante, actualiza automáticamente el código para que no tengas que guardar nada.

E incluso puede cambiar la imagen predeterminada subiéndola desde su computadora o eligiendo una de Unsplash.

Esta aplicación webapp fue creada por Indrashish Ghosh y ejecuta muchas de las clases predeterminadas que se encuentran en la biblioteca CSSgram.

Pero la configuración personalizada va mucho más allá de los preajustes básicos, y la generación de código gratuito hace que esta sea una herramienta útil tanto para codificadores como para no codificadores. Ya tenemos muchos generadores CSS3 para propiedades como gradientes de fondo y sombras de texto. Y ahora tenemos cssFilters como el principal generador de filtros de imagen CSS3.

Google Polymer: cómo cambiará la forma en que se crean las aplicaciones web

Junto con Google Photos, Google también ha reconstruido Polymer desde cero, abordando la mejora y la eficiencia del rendimiento. Piense en Polymer como un SDK (Kit de desarrollo de software) para la Web, que hace que el desarrollo de aplicaciones web sea ​​mucho más rápido utilizando un nuevo estándar llamado Web Components.Los com

(Consejos de tecnología y diseño)

Fragmentación de Android: la historia hasta ahora

La fragmentación de Android a menudo se menciona como el talón de Aquiles del sistema operativo . Los críticos a menudo apuntan a la fragmentación como el factor clave de por qué el iOS de Apple es el mejor sistema operativo móvil, a pesar de que el 81 por ciento de los teléfonos inteligentes del mundo funcionan con una versión de Android u otra. De hec

(Consejos de tecnología y diseño)