Tableless

Busca Menu

MaterialUp – Uma coleção de conceitos usando Material Design

Seja o primeiro a comentar por

O MaterialUp é um site que lista uma série de animações e conceitos que usam as regras visuais e de comportamento do Material Design do Google. Designers criam animações, comportamentos e conceitos de como aplicativos e elementos se comportariam se fossem feitos usando as regras do Material Design. O legal é perceber que várias animações ali podem ser feitas usando CSS e JS. Mas já vi alguns experimentos ruins, que falharam horrorosamente (como este) ao tentar simular os comportamentos do Material Design com CSS/JS. Não é que não dá pra fazer, mas é que CSS ainda muito verboso para fazer animações tão detalhadas como estas e usar JS é querer misturar as coisas. Se você estiver falando de um sistema, onde há uma base forte de design, é até possível fazer uma estrutura supimpa, com animações de CSS, que possa se sustentar por algum tempo. A manutenção vai ser terrível, mas vai dar para o gasto. Dá uma olhada em alguns conceitos que tem no MaterialUp. Os primeiros são até feitos com CSS.

See the Pen CSS Animation Material Design by Michiel Bijl (@Michiel) on CodePen.

See the Pen #1 @MaterialUp concepts by Gregor Adams (@pixelass) on CodePen.

See the Pen Material design music app (pure CSS) by Gregor Adams (@pixelass) on CodePen.

Publicado no dia