RailsでTwitterBootstrap Railsで使えるGem

SASS/SCSSでButtonをカスタマイズするならSassy Buttonsが簡単

投稿日:

By: Meike SchönhütteCC BY 2.0[/caption]

 

jaredhardy.com/sassy-buttons/

Railsでのインストール方法

Gemfile

bundle

scss

 使い方

 

BootstrapのデフォルトのButton

テーマにあってない

screenshot

Sassy Buttons

ズルいデザインを参考にしながら

 

screenshot

めり込んだボタンだって簡単

screenshot

インセット使い方間違ってたかも

もともとのボタンと同じにしてから縁取りの色を濃い目に指定するといいかも

 

screenshot

*Bootstrapのテーマカスタマイズ

RailsエンジニアのためのTwitter Bootstrapカスタマイズ例

github.com/machida/CustomizedTwitterBootstrap

base設定用のsassを作って

_config.css.sassで3色だけ決めて、テキストの色を上か下の方法で気に入った方をつかうだけ(違いはスライドをみる)

 

Bootstrap3用

4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass

-RailsでTwitterBootstrap, Railsで使えるGem
-

執筆者:

関連記事

no image

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

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

Rails3.2でよくあるデータ構造を追加してくれる系のGemのメモ〜タグ付け、評価システム、バージョン、論理削除、木構造とか

By: Jeff Dlouhy – CC BY 2.0 よくある構造というかよくあるスキーマを追加してくれるModelに一言書いておくだけで便利なGemをメモ(未検証)   目次 …

Railsでajaxなテーブルを使う~datatables

    github.com/rweng/jquery-datatables-rails 目次1 Gemfile2 application.js3 application.css4 …

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

By: Haldane Martin – CC BY 2.0   テーブルに表示されているデータをサーチバーに入力した語で絞り込みたい こういうテーブルフィルタリングを実現する仕 …

Ubuntu ServerのGuardからGrowl for Windowsにネットワーク経由で通知する

github.com/guard/guard 普段はWindows7から仮想環境(VirtualBox)のUbuntu Server 12.04.1へputtyで接続して開発してます. Virtual …