#328 Twitter Bootstrap Basics - RailsCasts
Twitter Bootstrapを使えば、美しいWebアプリケーションをすばやく作成することができます。レイアウト、ナビゲーション、フォーム、その他を作成するための多くの種類のCSSとJavaScriptを提供し、レスポンシブ・ウェブデザインもサポートしています。例として、ホームページにアクセスしてブラウザウィンドウの幅を変えると、ページレイアウトはその幅にもっとも適した形に変化します。これによってモバイルデバイスでウェブアプリケーションを利用するときの使い勝手が大きく改善されます。 Twitter Bootstrapのウェブサイトをいろいろ見てその機能をすべて理解することをお勧めしますが、今回のエピソードでは特にRailsアプリケーションと一緒に利用する方法を紹介します。一つの選択肢としては、“Download Bootstrap”ボタンをクリックして静的なCSSとJavaScript
#268 Sass Basics - RailsCasts
$main-color: #1E7B12; @mixin rounded-corners($radius) { border-radius: $radius; -moz-border-radius: $radius; -webkit-border-radius: $radius; } body { margin: 0; padding: 0; background-color: #FFF; font-family: verdana; font-size: 14px; } #header { background-color: $main-color; color: #FFF; padding: 4px 100px; border-bottom: solid 5px darken($main-color, 10%); h1 { font-size: 30px; } } a { color:
#326 ActiveAttr - RailsCasts
かつてエピソード219で、ActiveModelを用いて、データベーステーブルを裏に持たないながらデータ検証などのActiveRecordの機能を持ったモデルを作成しました。ActiveModelが優れているのは確かですが、このように直接利用するにはあまり使いやすいとは言えません。例えば入力データの検証機能を持ったモデルを作るとなるとシンプルなものでもかなりの量のコードを書くことになります。 class Message include ActiveModel::Validations include ActiveModel::Conversion extend ActiveModel::Naming attr_accessor :name, :email, :content validates_presence_of :name validates_format_of :email, :w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
