dpw expo #17 – micron.js, Tailwind CSS, Tornis

micron.js, lib de microinterações CSS com JavaScript; Tailwind, framework CSS para prototipagem rápida e; Tornis, listener de infos de mouse e viewport.

Ir para o artigo

micron.js

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

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

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!