Front End

3 jul, 2018

Como criar páginas HTML com Material Design e Parallax na ferramenta Gramateria

Publicidade

Continuando minha saga pelo mundo das aplicações open source, quero trazer hoje uma ferramenta que pode ser utilizada para poupar tempo e agilizar a criação de páginas responsivas. O Gramateria é um criador de páginas construído em GrapeJS, Materialize e no velho conhecido Electron, que já falei bastante aqui no iMasters.

Por falar em GrapeJS, ele é um framework open source que ajuda na criação de templates, um assunto que pretendo falar no meu próximo artigo.

Voltando para o Gramateria, ele é uma ferramenta visual, que através do drag-and-drop é possível montar qualquer tipo de página web, inclusive com efeitos avançados de parallax.

Outro destaque importante é o uso do Material Design, através do Materialize, que deixa as páginas modernas e totalmente compatíveis com dispositivos móveis.

Após tudo criado é só exportar o código, validar e publicar. Outro uso interessante para o Gramateira é na criação de templates que podem ser reutilizados por outros projetos.

Gramateria – Drag and drop web builder com material design

Neste vídeo, apresento o editor de forma prática e falo como tirar o melhor proveito da ferramenta. Claro que esta é apenas uma introdução, mas a aplicação é tão simples que em poucas horas é possível dominar todos os seus recursos.

Ele possui versões para Windows, Mac OS X e Linux, mas também pode ser utilizado diretamente no navegador. Para trabalhos rápidos é uma ótima ferramenta e com certeza merece ser conhecida.

Caso ache interessante este assunto, deixe nos comentários; poderei mais conteúdo como este para o portal iMasters.