Railsで使えるGem

Rails5でマテリアルデザイン~material_design_lite-sass

投稿日:

マテリアルデザイン

マテリアル デザインのガイドライン(日本語版)

Material Design Liteは、マテリアルデザインのルックアンドフィールをウェブサイトに簡単に加えられるフレームワーク.

gem

Rails用のMaterial Design LiteのGemは、次の2種類があった.
cllns/material_design_lite-rails
rubysamurai/material_design_lite-sass
今回は、Sassバージョンを使った.

scss & javascript

application.cssをscssにリネームするか、あるいは、別にbase.scssなどを作成する.

次に、application.jsに追加する.

Turbolinksに対応

simple_form

とりあえず、テキストフィールドとボタンを対応.

こんな感じのフローティングラベルになる.

screenshot_from_2016-10-09-233014

-Railsで使えるGem
-,

執筆者:

関連記事

Rails3で帳票印刷を試す~thinreports

  www.thinreports.org/ github.com/thinreports/thinreports-rails3-example 目次1 とりあえずサンプルを試してみた2 ソ …

Refinery CMS3.0にBootstrap3.1を適用する

目次1 Gemfile2 Sprocketを設定3 application.htmlをoverrideする4 Grid Layout5 Navbar6 Panel7 Well8 できた Gemfile …

Rails3.2のアプリをデプロイ~apache+passenger+postgresql

  環境 ubuntu server 12.04 目次1 postgresql2 apache+passenger3 デプロイ準備 postgresql インストール 参照 Ubuntu s …

backbone-railsのscaffoldで生成されるコードでルーティングとCRUDの処理をどうやってるのか読んでみた

By: asobi tsuchiya   目次1 はじめに2 サンプルの準備3 初期化4 ルーター5 READ6 CREATE7 UPDATE8 DELETE はじめに backbone-r …

RubyでTwitter〜twitter & t

By: Pete Simon – CC BY 2.0 目次1 はじめに2 twitter.gemのインストール3 Twitterアプリへの登録4 サンプルから試してみる5 cliでTwit …