es.hideout-lastation.com
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.
30 bibliotecas de efectos de texto jQuery que debes saber
¿Alguna vez te ha gustado tener una gran biblioteca de efectos de texto de jQuery que puedes usar fácilmente para crear una página de inicio hermosa y fuerte? ¡Bueno, has venido al lugar indicado! En lugar de pasar varios minutos u horas experimentando en su CSS, o tratando de encontrar el color o el ángulo y la forma perfectos de ese texto, ¿por qué no utilizar estos efectos de texto de jQuery?Aquí s
Fotografía de iPhone: fotos hermosas tomadas con iPhone 4
Hace dos años, si le mostrabas a alguien una imagen impresionante y le preguntabas qué se llevó, probablemente apostaría por una cámara digital o réflex digital. Hazlo hoy, la gente se tomará un tiempo para meditar porque todo es posible dado que la tecnología avanza a medida que respira. Despídase de la opinión de que el teléfono móvil toma fotos de mierda. Sí, hoy po
![Crear largas sombras con Long Shadow Generator [Photoshop Plugin]](http://hideout-lastation.com/img/tech-design-tips/596/create-long-shadows-with-long-shadow-generator.jpg)
