Cool Backgrounds
Depois de suar em cima do seu último texto, um dos passos mais difíceis antes de publicar é encontrar uma imagem de fundo empolgante que realmente destaque a sua publicação e atraia olhares.
O Cool Backgrounds é uma coleção de ferramentas para criar imagens marcantes e cheias de cor para blogs, redes sociais e sites. Além dos fundos, as imagens geradas podem virar 🖥 papéis de parede de computador ou ser recortadas para 📱 papéis de parede de celular.
«Adoro a ferramenta, super útil para criar recursos visuais e seções hero de landing pages. Uma peça-chave do meu stack de growth para desenvolver novos domínios.»
Alex Dixon, CEO da NameMesh
Para o lançamento inicial, o site expõe cinco das minhas ferramentas de fundo favoritas, das partículas dinâmicas ao sempre popular Unsplash. A intenção, com o tempo, é somar mais opções, com este site servindo de repositório curado das melhores ferramentas de imagens de fundo da web.
Por que você fez isso?
Enquanto terminava o CSS Gradient, um projeto de gerador de degradês (lançado no início daquele ano), percebi sem esperar a popularidade das imagens de fundo e dos papéis de parede. Cavando um pouco, encontrei uma comunidade enorme de sites que curavam imagens de papel de parede, do público eclético do Deviant Art aos sites mais modernos de imagens creative commons. Imagens estáticas gratuitas são ótimas, mas o que faltava era uma ferramenta que permitisse a quem não é técnico usar todas as bibliotecas emergentes de JavaScript para criar imagens únicas. Assim nasceu o Cool Backgrounds 💥.
Casos de uso
Com a natureza cada vez mais visual da web, as imagens de fundo deste site servem para um monte de coisas. Aqui vão algumas ideias para ligar o motor criativo.
Imagem de capa para blog
O problema de encontrar imagens apareceu pela primeira vez trabalhando nos tutoriais do HTML Color Codes. Com um material meio seco como código HTML, é difícil criar uma imagem atraente que represente o verdadeiro poder daquele conhecimento. Trianglify.js ao resgate! Usando a biblioteca de JavaScript, adicionamos as cores da nossa marca e geramos uma imagem em alta resolução que ficou incrível. Até hoje recebemos e-mails perguntando como criamos aquele fundo 😄.
Banner para redes sociais
Quase toda rede social tem um banner de perfil que deixa você exibir uma imagem no topo. Seja para um grupo do Facebook, uma conta de paródia no Twitter ou para você mesmo, o Cool Backgrounds deixa você mostrar ao mundo o seu lado criativo.
Papel de parede para computador e celular
Uma das principais razões de as pessoas buscarem imagens de fundo é usá-las como papel de parede no computador ou no celular. Como favorito pessoal, eu uso o fundo do Gradient Topography em Preto e Cinza-escuro: ele fica de tocaia na tela inicial do meu iPhone.
Galeria
Como amostra rápida de algumas opções disponíveis no Cool Backgrounds, a lista de imagens a seguir está pronta para qualquer aplicação. Para baixar, clique com o botão direito e escolha «Salvar imagem como...».
Colofão
Embora o Cool Backgrounds seja um ótimo recurso para gerar imagens a partir de bibliotecas populares de JavaScript, o trabalho pesado de verdade fica por conta dos próprios autores das bibliotecas. No quesito atendimento, Quinn Rohlf, do Trianglify.js, responde com uma rapidez incrível e ainda por cima é um cara muito inteligente. O Particle.js é desenvolvido por Marc Brüderlin, com uma API excelente, e segue em manutenção ativa. O Gradient Topography é um projeto recém-criado por mim em resposta ao trabalho incrível da equipe do Codrops. E, claro, o Unsplash é um dos maiores tesouros da internet de todos os tempos, criado pela antiga equipe do Crew como projeto paralelo.
Ah, sim, e não posso esquecer o CSS Gradient e o Rellax.js, que é o «cool background» por trás daquelas formas deslizantes de paralaxe na seção de conteúdo deste site.
Side Project Collective
Somos um grupo de makers com a missão de construir uma internet melhor, um projeto digital de cada vez. Entre as ferramentas lançadas recentemente há um lindo site sobre o Dia dos Mortos, um jeito simples de contar palavras com o Word Counter e um gerador de fontes cheio de estilo, o Fontcraft.