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

railsでdocxを生成する動画

  知り合いに試しに使ってもらうのに動画を作成しました

Backbone.jsのためにRails3.2でJSON APIをつくる~RABL

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

By: Damian Gadal – CC BY 2.0 目次1 最初に2 Gemfile & bundle3 generate rb ファイル4 Modelに”ima …

Rails3.2とBackbone.jsでサーバーサイドのページネーション

By: Haldane Martin – CC BY 2.0   前提 Rails3.2とBackbone.jsでサーバーサイドのフィルタリング Rails3.2とBackbon …