# dpw expo #31 - Page Transitions, Hopscotch,  Agile CSS Framework

> Explore Page Transitions, Hopscotch e Agile CSS no dpw expo. Transições suaves entre páginas, tours guiados interativos e framework CSS leve. Teste!

URL: https://dpw.dev/css/dpw-expo-31-page-transitions-hopscotch-agile-css-framework/  
Publicado em: 2019-09-04  
Categoria: css  
Tags: analise, dpw-expo, ferramentas  
Autor: Tárcio Zemel

[Vídeo no YouTube](https://www.youtube.com/watch?v=Eu3OIra6oMY)

## Page Transitions

Que tal ter acesso ao código de dezenas de transições de páginas feito em CSS? É isso que [Page Transitions](https://tympanus.net/Development/PageTransitions/) oferece: um showcase incrível, mostrando dezenas dessas transições.

Acompanha também [um artigo](https://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/) e [um repo no GitHub](https://github.com/codrops/PageTransitions) para consultar detalhadamente cada uma dessas animações.

## Hopscotch

[Hopscotch](http://linkedin.github.io/hopscotch/) é um framework para fazer aqueles famosos tours por sites e apps.

Através de sua sintaxe simples e suas numerosas opções, fazer tour por projetos web nunca foi tão simples e eficiente.

## Agile CSS

O princípio do [Agile CSS](http://agilecss.com/) é prover um framework CSS completo através de um arquivo levíssimo, para não impactar o SEO (já que velocidade de carregamento é, atualmente, um dos principais critérios de posicionamento).

Ele apresenta possibilidades de tematização, grids, layouts, tipografia e mais. Seu uso é simples, até divertido. Certamente, vale uma olhadinha para conhecê-lo e considerar seu uso para seus projetos web de pequeno porte.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml