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.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails

目次1  fullcalendar-rails2 Hello fullcalendar3 オプション  fullcalendar-rails 2種類あるけど上の方を使った github.com/bok

Rails3で帳票印刷を試す~thinreports

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

Deviseのユーザーと既存のMongoidモデルを関連づける

前提 Rails3.2でHTML5で取得した位置情報をMongoDBに保存してGoogleMapsでみる~mongoid、gmaps4rails Rails3.2+Mongoidでログイン機能~dev …

no image

Private_pubでのJSON通信の方法

  前回 Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)   Gemfileへの追加とbundleの実行 privat …

no image

TwitterBootstrapRailsでエラーが出る件

    undefined method `less’・・・的なエラーが出た. とりあえず下のgemを足したら動いた.そのうち修正されるとおもう. [crayon-59 …