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
-,

執筆者:

関連記事

no image

Mongoidで地理情報インデックスを使おうとしたけどうまくいかない

試したgem mongoid_geo mongoid_geospatial 試してないgem mongoid_spacial

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

no image

Railsで動画ファイルを管理する~CarrierWave Flowplayer

  参考 Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick Rails3で動画配信を試用~flowplayer 環境 Ubuntu …

RailsでECサイト構築2 注文してみる~spree

  前提 RailsでECサイト構築~spree さっきは日本に発送できなかったので、最小限の設定をして注文から入金・発送までの一連の流れをみてみる 目次1 設定2 注文してみる3 入金・発 …

Railsでデータベーススキーマの変更と関連するモデルのフォーム

  gemを公開しました!詳細は記事の最後に!   新規投稿するフォームのラベルが変数を使っていて見苦しいので自分で好きなラベルを付けられるようにした いまのスキーマはこんな感じな …