es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Entrada de color dominante de imagen a fondo con AdaptiveBackgrounds.js

Al mostrar algo en la Web, a algunos desarrolladores a menudo les resulta difícil decidir qué fondos son los más adecuados para su uso. Una buena combinación del fondo con el contenido correcto puede afectar sustancialmente la experiencia del usuario. Para algunos diseñadores, prefieren usar algunos de los colores dominantes dentro del contenido en sí; AdaptiveBackgrounds.js puede hacerlo automáticamente.

AdaptiveBackgrounds.js es un plugin de jQuery gratuito que te ayuda a adaptar fácilmente el color más dominante en tu contenido como parte del fondo. Fue construido sobre RGBaster, hecho por el mismo desarrollador.

Básicamente, es un complemento para extraer la paleta de colores de una imagen para obtener el color dominante . La primera vez que se carga la página, el complemento extraerá el color de la imagen. El color extraído se aplica a la imagen principal. Puedes ver cómo funciona en este gif.

(Fuente de la imagen: AdaptiveBackgrounds.js)

Empezando

AdaptiveBackgrounds.js requiere que la biblioteca jQuery funcione. Aunque está construido sobre RGBaster, no es necesario que lo incluyas más. Puede obtener el archivo de complemento desde su página de GitHub.

Luego incluya todos los archivos necesarios en su proyecto de la siguiente manera:

Adaptar el color dominante

Vamos a probar esta herramienta y usarla para extraer el color dominante de esta imagen. Fotografía de doble arco de Kartik Ramanathan, luego aplicarla al elemento padre.

Para que el color dominante se aplique a un elemento, debe poner la imagen como el elemento secundario de este. Dentro de la etiqueta img, proporcione el atributo de data-adaptive-background los data-adaptive-background, como tal, para que el script pueda obtener el color:

Para obtener más ejemplos y configuraciones adicionales, puede visitar la página de documentación de AdaptiveBackgrounds.js .

Pensamiento final

Con AdaptiveBackgrounds.js, obtendrá solo un color estático. Es posible que desee intentar darle un poco más de color a su fondo para obtener un resultado llamativo. Si lo hace, consulte la página de demostración de AdaptiveBackgrounds.js para obtener más ideas.

¡9 niños más guays que definitivamente te inspirarán!

¡9 niños más guays que definitivamente te inspirarán!

Los niños siempre me sorprenden con sus opiniones brutalmente honestas, su enfoque sensato de lo que es negro o blanco con poco o ningún cuidado por lo que cae bajo la sombra del gris, así como su inquebrantable necesidad de ver que se haga justicia, dónde y cuándo es más necesitado. Hoy en día, los niños no solo hacen las preguntas que los adultos no se atreven a preguntar o pensar en hacer, sino que también se ensucian las manos y ayudan donde más se necesitan.Si alguna

(Consejos de tecnología y diseño)

Las 10 criptomonedas principales que debe conocer

Las 10 criptomonedas principales que debe conocer

La criptomoneda o moneda digital es una invención de Internet. Básicamente, alguien pensó: "hey, qué pasa si podemos crear un sistema en el que el dinero no esté vinculado por la geografía, como Internet" y he aquí, ahora tenemos más de 3000 criptomonedas circulando .No todas las criptomonedas se crean iguales . Alguno

(Consejos de tecnología y diseño)