Sassを使ったり、人からパクったりして、極力失敗しない方法
Twitter Bootstrapを使えば、美しいWebアプリケーションをすばやく作成することができます。レイアウト、ナビゲーション、フォーム、その他を作成するための多くの種類のCSSとJavaScriptを提供し、レスポンシブ・ウェブデザインもサポートしています。例として、ホームページにアクセスしてブラウザウィンドウの幅を変えると、ページレイアウトはその幅にもっとも適した形に変化します。これによってモバイルデバイスでウェブアプリケーションを利用するときの使い勝手が大きく改善されます。 Twitter Bootstrapのウェブサイトをいろいろ見てその機能をすべて理解することをお勧めしますが、今回のエピソードでは特にRailsアプリケーションと一緒に利用する方法を紹介します。一つの選択肢としては、“Download Bootstrap”ボタンをクリックして静的なCSSとJavaScript
はじめに プログラマでも簡単にそれっぽいデザインができるという Twitter Bootstrap を試しました。Rails と組み合わせてスパイクしました。Grid を試してみたり、table や form にデザインをあてたりしました。スクラッチから Rails + Twitter Bootstrap を立ち上げたいときに参考になると思います。 ソースコードはこちらです。 https://github.com/bekkou68/bootstrap_bootcamp (追記2012年10月20日:英語版を書きました) 環境 以下がそろってるとします。 Rails 3.2.3 Ruby 1.9.3 MySQL 5.1.54 Twitter Bootstrap の layout を生成する まずは、Rails と Twitter Bootstrap を組み合わせて画面で確認できるところまでや
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く