ActionView::Template::Error ('twitter/bootstrap/bootstrap.less' wasn't found. ローカルでは出ないエラーが出ました・・・ RAILS_ENV=production bundle exec rake assets:precompile rakeを叩くと、public/assetsができます。 config/application.rbに config.assets.initialize_on_precompile = false を追加 そしてaddしてpushすればできます!! 日本語での解決サイトなかったのでとりあえず書きました。 1時間はまった・・・
268: SASSの基礎 (view original Railscast) Other translations: Other formats: Written by Naomi Fujimoto もうすぐリリースされるRails 3.1の大きな変更点のひとつは、CSSを生成する方法としてデフォルトで提供されるSASSのサポートです。SASSはアプリケーションのスタイルシートの管理を簡素化するために、CSSに標準では含まれないネストや変数、その他多くの機能を提供します。今回のエピソードでは、RailsアプリケーションのCSSをSASSに変換しながら、その利点を実際に見ていきます。 作業の対象となるサイトは、以下のようなものです。 スタイルはすべて単純なCSSで書かれていますが、これを外観はまったく変えないままSASSに変換していきます。変更を加えるスタイルシートは次のとおりです。 /
Sass: Syntactically Awesome Style Sheets SassはCSSを簡潔かつ柔軟に記述するための記法で、SCSSはその派生でCSSとの互換性もある新しめな記法です。ともにセレクタをネストして記述できることがわかりやすい特徴のひとつです。 ソースを追ったわけではないので細かい動作まではわかりませんが、処理の流れや嵌りポイントなどはある程度把握できたのでそのメモです。 環境 Mac OS X 10.6.7 Ruby 1.9.2p290 Rails 3.1.0.rc5 Pow 0.3.1 sass 3.1.5 sass-rails 3.1.0.rc5 RailsでのSassコンパイルの仕組み app/views/layouts/application.html.erb <%= stylesheet_link_tag "application" %> app/ass
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
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
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu(Web術?)を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http://d.hatena.ne.jp/end0tknr/20111016/1318732238 テキスト(ヘッダ, リスト, インラインラベル) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 テーブル http://d.hatena.ne.jp/end0tknr/20111016/1318777018 フォーム、ボタン http://d.hatena.ne.jp/
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
【新しいバージョンに対応した最新のレッスンをご利用ください】 ツイッター社が提供する、今風のウェブサイトを構築するための言語です。これを使ってHTMLとCSS、JavaScriptを簡単に拡張することができます(このレッスンはversion 2.0を元にして作成されています)。
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
The document discusses Twitter Bootstrap, an open-source front-end web development framework. It provides information on Bootstrap's history and features, including its grid system, typography, forms, buttons, navigation and other components. The document also offers tips on getting started with Bootstrap, customizing it using LESS, and related tools and resources.Read less
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発/提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く