logo-loader: componente web para criação de loaders a partir de imagens recebe nova atualização
logo-loader v0.1.1 foi publicado!
NPM Link: https://www.npmjs.com/package/logo-loader
O que é?
logo-loader é um componente web, de fácil e amplo uso, que cria uma animação a partir de uma imagem ou ícone - normalmente o logo da marca ou projeto.
Quando usar?
Qualquer projeto web pode utilizar o pacote, considerando que foi feito com APIs nativas do navegador (web components), HTML, CSS e JavaScript. O uso de caso indicado é na exibição de loaders de tela cheia ou em seções grandes da página.
Qual a vantagem?
O pacote foi pensado para ser facilmente implementado em projetos web, e reforçar a identidade de marca da aplicação. Ao invés de utilizar um loader, spinner, ou progress bar genérico, você pode transformar o logo do projeto - que já está disponível em seu código - em uma animação.
O que a nova atualização traz?
Na versão 0.1.1 um novo atributo opcional mode foi adicionado, onde as opções default e pulse estão disponíveis. No modo "pulse", o componente exibe o tipo de animação abaixo:
<body>
<logo-loader src="slack-icon.png" mode="pulse"></logo-loader>
</body>
Background
Há 1 ano atrás compartilhei com a comunidade aqui minha primeira experiência desenvolvedo um componente web: logo-loader: como foi minha primeira experiêcia com web components. Esta semana finalmente consegui colocar em prática minha ideia de ampliar os tipos de animação disponíveis, começando com o novo modo "pulse"
Próximos passos
Sintam-se livres para compartilhar feedback sobre o pacote. Em meu roadmap tenho ambição de disponibilizar novas opções de animação e facilitar cada vez mais a implementação.