1. Inicio
  2. Cool Backgrounds

Cool Backgrounds

Cool Backgrounds

Después de trabajar duro en tu último texto, uno de los pasos más difíciles antes de publicar es encontrar una imagen de fondo atractiva que de verdad luzca tu publicación y atraiga miradas.

Cool Backgrounds es una colección de herramientas para crear imágenes llamativas y llenas de color para blogs, redes sociales y sitios web. Más allá de los fondos, las imágenes generadas pueden usarse como 🖥 fondos de escritorio o recortarse para 📱 fondos de celular.

«Me encanta la herramienta, súper útil para crear recursos visuales y secciones hero de landing pages. Una pieza clave de mi stack de growth para desarrollar dominios nuevos.»

Alex Dixon, CEO de NameMesh

Para el lanzamiento inicial, el sitio expone cinco de mis herramientas de fondos favoritas, de las partículas dinámicas al siempre popular Unsplash. La intención con el tiempo es sumar más opciones, con este sitio como un repositorio curado de las mejores herramientas de imágenes de fondo de la web.

¿Por qué hiciste esto?

Mientras terminaba CSS Gradient, un proyecto de generador de degradados (lanzado a inicios de ese año), noté sin esperarlo la popularidad de las imágenes de fondos y wallpapers. Escarbando un poco, encontré una comunidad enorme de sitios que curaban imágenes de fondo de pantalla, del ecléctico público de Deviant Art a los sitios más modernos de imágenes creative commons. Las imágenes estáticas gratuitas están muy bien, pero lo que faltaba era una herramienta que permitiera a la gente no técnica usar todas las librerías emergentes de JavaScript para crear imágenes únicas propias. Así nació Cool Backgrounds 💥.

Casos de uso

Con la naturaleza cada vez más visual de la web, las imágenes de fondo de este sitio pueden usarse por un sinfín de razones. Aquí van algunas ideas para arrancar el motor creativo.

HTML Color Codes

Imagen principal para un blog

El problema de encontrar imágenes apareció por primera vez trabajando en los tutoriales de HTML Color Codes. Con material algo seco como el código HTML, es difícil crear una imagen atractiva que represente el verdadero poder de ese conocimiento. ¡Trianglify.js al rescate! Usando la librería de JavaScript, agregamos los colores de nuestra marca y generamos una imagen en alta resolución que se veía increíble. Hasta hoy nos siguen llegando correos preguntando cómo creamos ese fondo 😄.

Twitter de Cool Backgrounds

Banner para redes sociales

Casi todas las redes sociales tienen un banner de perfil que te deja lucir una imagen en la parte superior. Ya sea que necesites una imagen para un grupo de Facebook, una cuenta de parodia en Twitter o para ti, Cool Backgrounds te deja mostrarle al mundo tu lado creativo.

Fondos de pantalla

Fondo de pantalla para computadora y celular

Una de las principales razones por las que la gente busca imágenes de fondo es para ponerlas como fondo de pantalla en su computadora o celular. Como favorito personal, yo uso el fondo de Gradient Topography en Negro y Gris oscuro: se posa sigiloso en la pantalla de inicio de mi iPhone.

Galería

Como muestra rápida de algunas de las opciones disponibles en Cool Backgrounds, la siguiente lista de imágenes está lista para usarse en cualquier aplicación. Para descargar, haz clic derecho y elige «Guardar imagen como...».

Unsplash Architectural Photographby Samuel Zeller
Sea Edge Trianglify Background
Compute Particles Background
Disco Gradient Background
Unsplash Canyon Photogrpah by Ashim D’Silva
Gulf Gradient Topography Background
Radar Particles Background
Ranger Gradient Background

Colofón

Aunque Cool Backgrounds es un buen recurso para generar imágenes a partir de librerías populares de JavaScript, el verdadero trabajo pesado corre a cargo de los propios autores de las librerías. En cuanto a la atención al cliente, Quinn Rohlf, de Trianglify.js, responde con una rapidez increíble y, además, es un tipo muy inteligente. Particle.js está desarrollado por Marc Brüderlin, con una API estupenda, y se mantiene de forma activa. Gradient Topography es un proyecto recién creado por mí como respuesta al trabajo increíble del equipo de Codrops. Y, por supuesto, Unsplash es uno de los mejores tesoros de internet de todos los tiempos, creado por el antiguo equipo de Crew como proyecto paralelo.

Ah, sí, y no puedo olvidarme de CSS Gradient y Rellax.js, que es el «cool background» que impulsa esas formas de paralaje deslizantes en la sección de contenido de este sitio.

Side Project Collective

Somos un grupo de makers con la misión de construir un internet mejor, un proyecto digital a la vez. Entre las herramientas lanzadas recientemente hay un precioso sitio sobre el Día de Muertos, una forma sencilla de contar palabras con Word Counter y un generador de fuentes con estilo, Fontcraft.