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とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD(後編)~fullcalendar-rails

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

no image

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

no image

CarrierWaveのファイルをpublic以外に移す

  参照 How To: Secure Upload 現状でCarrierWaveのファイルがpublicという公開フォルダに置かれるのが気になったので調べてみた 違ってるかもしれないので自 …

Hallo.jsのMarkdownをWYSIWYGで編集できるサンプルがぐう便利だったのでRails3.2とBackbone.jsでやってみた

hallojs.org/demo/markdown/ これ  とにかく一度さわってみて欲しいんですけど 目次1 サンプルの便利ポイント2 Rails3.2とBackboneで動かしてみる サンプルの便 …

市場テクニカル分析ライブラリta-libとruby用のラッパーruby-talibをインストールする

By: Ponzi_Unit – CC BY 2.0 目次1 ta-lib2 talib_ruby ta-lib ta-libは市場のテクニカル分析用のライブラリ集. macであればHom …