dpw expo #17 - micron.js, Tailwind CSS, Tornis
Channel: dpw
Date: 2019-05-29

No 17º dpw expo, saiba sobre o micron.js, biblioteca para microinterações CSS para animações controladas por JavaScript; Tailwind CSS, framework CSS consagrado para prototipagem rápida (agora com uma nova versão) e; Tornis, para prover informações em tempo real sobre posição de mouse, velocidade do cursor, tamanhos de viewport e velocidade de rolagem.

#css #cssanimation #cssframework #javascript #prototyping

----------
micron.js (https://webkul.github.io/micron/)

micron.js é uma lib de microinteração feita para prover animação CSS (com a possibilidade de ser controlada por JavaScript).

É possível usar data- atributos HTML para controlar as animações: qual acontece, duração e easing.

Vale a pena conferir!

----------
Tailwind CSS (https://tailwindcss.com/)

Tailwind CSS é um framework CSS (tecnicamente, um plugin postCSS) já conhecido pela comunidade front end. Seu mote é oferecer centenas de classes para serem usadas para alcançar resultados visuais muito rapidamente.

Possui componentes como alertas, botões, cards, formulários, grid e mais.

É mais aconselhado para protótipos.

----------
Tornis (https://tornis.robbowen.digital/)

Tornis é uma biblioteca JS minimalista para observar estados relacionados a mouse, viewport e scroll.

Em tempo real, obtem-se informações como posição do mouse, velocidade, tamanho de viewport, velocidade de scroll etc. para, a partir daí, tomar decisões condizentes aos objetivos do projeto.

É bem interessante. Confira!

==========

Assine o canal! http://bit.ly/dpw-youtube

- Facebook: https://www.facebook.com/desenvolvweb/
- Instagram: https://www.instagram.com/desenvolvweb/
- Twitter: https://twitter.com/desenvolvweb

Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/