Instale o Materialize no Rails em 5 minutos

 

 

O que é Materialize?

Materialize é um framework front-end incrível feito para te ajudar a criar interfaces Web responsivas. Todos os elementos dele são inspirados no Material Design (estrutura que o Google usa para criar a interface do seus projetos).

Porque utilizá-lo?

Utilizando o Materialize fica ainda mais fácil criar interfaces bonitas e responsivas com um código limpo e fácil de ser reutilizado. Então se você gostar de criar interfaces usando o Bootstrap vale a pena conhecer o Materialize.

O que vamos utilizar

Passo a Passo


Criando o Projeto

1 – Rode no console:


Instalando o Materialize

1 – Coloque no seu Gemfile:

2 – Instale rodando no console:

3 – Remova o arquivo app/assets/stylesheets/application.css

4 – Crie o arquivo app/assets/stylesheets/application.scss e coloque nele:

No arquivo app/assets/javascripts/application.js coloque:

Um exemplo de uso

1 – Crie um Controller e view rodando:

2 – Coloque app/views/pages/index.html.erb:

3 – Para ver o resultado rode no console:

4 – E visite no browser:
http://localhost:3000/page/index

Referências:

Documentação materialize:
http://materializecss.com

Documentação Material Design:
https://material.io/guidelines/

 


Link para o Gihtub: https://github.com/leonardoscorza/rails_and_materialize

 

Gostou desse Screencast? Comenta aí em baixo para eu saber. 🙂
Lembrando toda Quinta às 20h30 tem OneBitTalk e toda Sexta às 19h00 tem um novo tutorial para você aqui.

Ficou com alguma dúvida? Posta no nosso fórum: http://forum.onebitcode.com

Obrigado pela sua presença,
Grande abraço!

Leonardo Scorza

outubro 1, 2017

0 responses on "Instale o Materialize no Rails em 5 minutos"

Deixe uma resposta

Feito com s2 por OneBitCode
%d blogueiros gostam disto: