Como criar páginas HTML com Material Design e Parallax na ferramenta Gramateria
O autor apresenta o Grametria, um criador de páginas construído em GrapeJS, Materialize e Electron, e fala sobre as vantagens que essa ferramenta pode trazer.
Continuando minha saga pelo mundo das aplicações open source↳Open source71 conteúdosComo o Open Source Está Liberando o Poder da Automação para TodosDev (Back & Front) · out 2025Código aberto: programadores criam software da NASA sem saberDev (Back & Front) · abr 2021N8N: O que é a ferramenta open source que está revolucionando a automação em TI?Dev (Back & Front) · dez 2025Ver tudo em Dev (Back & Front) →, 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↳Linux34 conteúdosKali Linux em um Servidor VPS: como, quando e por que usar?DevSecOps · dez 2024Construindo um Windows Service ou Linux Daemon com Worker Service & .NET Core – Parte 2Dev (Back & Front) · jul 2020Criando uma WebApi utilizando .NET, Linux e VSCodeDev (Back & Front) · ago 2019Ver tudo em DevSecOps →, 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.
Community Manager do GDG-Bauru, integrante do programa Intel Innovators e ganhador de 3 prêmios iBest com o site Emulando. Administrador do Blog e Canal no Youtube TekZoom. Community Manager no iMasters.
